記事「HTML5」 の 検索結果 661 件
-
KineticJSでコンテキストメニューを作ってみた前回の続きで3点変更してある。 ・背景部分で右クリックするとコンテキストメニューを表示する。 ・コンテキストメニューで「追加」を選択すると板を描画する。 ・コンテキストメニューが表示されてい..
-
KineticJSで補助線引いて動かしてみた前回の続きで3点変更してある。 1.補助線を追加してマウスカーソルに追従するようにした。 2.板にマウスカーソルが当たったら板の左上が補助線の基準となるようにした。 3.KineticJSについ..
-
KineticJSで右クリックイベントを使ってみた前回の続きで、方眼紙部分をクリックすると板を描画して、板を右クリックしたら消すようにしてみた。 ソースコードは一部省略しているので、以前のエントリを読んでもらうと理解しやすいと思う。 Canvas..
-
Canvasで方眼紙を作ってみた今日は娘が早めに寝たので、早速前々回くらい（？）でできていた背景の方眼紙をKineticJS版で書き換えてみた。 myKinetic.js //背景の方眼紙 var gridlaye..
-
KineticJSを使ってみたまたまた前回の続きで図形をレイアー構造にしてCanvasに貼り付ければ、何とか図形ごとをDOMのように扱うことが可能なんではないかと考えていたところ、そんなことを既にやっているライブラリが海外に存在し..
-
Canvasでアニメーションしてみた→そしてsave()restore()に関する誤解前回の続きで板をマウスポインタの位置に応じて動かそうと頑張ってみた。 そうしている間に、一つ大事なことに気づいた。 それは、Canvasの中に描画された図形はDOMのようなオブジェクトになるわ..
-
ブラウザゲーム素案■ブラウザゲーム素案 ■訴求点： ・技を行使する為の制約を海宝する手続きを、効率よく行うことで知的な満足感を堪能できる。 ・初期状態においても、その満足感を得られるようレベルデザインを行う。..
-
大文字さとる君のミラクルスペースインベーダーをhtml5で動かしてみた。大文字さとる君のミラクルスペースインベーダーをhtml5で動かしてみた。 パート１です。全てhtml5のjavascriptで書いています。まず普通のインベーダーを目コピしたあとミラクルシャワーを..
-
Canvasで図面を描くjQueryプラグインを作ってみた（ver0.0）趣味で日曜大工をするので作ってみた。 右クリックでメニューが出る。 横板 縦板 少し図面っぽいのを描いて見たとこ index.html ..
-
｢5章 ローカル環境にデータ保存｣： － 練習問題第5章にも練習問題があります。 1つは(問題を合わせて)ToDoリストの進捗スライダーの位置を進捗位置に合わせると共に、幅も同じにします。 ｢5.3｣の例示アプリ｢todo.htm..
-
｢5章 ローカル環境にデータ保存｣： － アドレス帳のアプリ(3)｢5.6 アドレス帳(修正･削除画面)を作る｣では、｢5.5｣の検索例示アプリ｢query_address.html｣に修正･削除のメニュー作成処理を追加し、修正･削除機能を実行する新たな例示アプ..
-
canvasにCSSでwidthとheight指定した際にはまった件canvasやっている人には常識なんだろうが晒しておく。 やりたかったことは、canvasのwidthとheightを共に200pxにして、中に100px×100pxの図形を描くこと。 下の画像を..