「tmlib.js 怒濤の 100 サンプル!!」を試す その90
その90。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「魔法陣を描画してみよう」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。 漫画やアニメに出てきそうないかにもな魔法陣が描画されたと思います。 /* * 定数 */ var SCREEN_WIDTH =...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その91
その91。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「クマを描画してみようう」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。 可愛いクマが描画されたと思います。 /* * 定数 */ var SCREEN_WIDTH = 465; var...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その92
その92。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「描画した図形を動かしてみよう」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。 大小様々な円が画面端に当っては跳ね返る動作が描画されたと思います。 /* * 定数 */ var SCREEN_WIDTH...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その93
その93。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「描画した図形をバウンドさせてみよう」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。 大小の円が画面下に当っては跳ね返る動作が描画されたと思います。 /* * 定数 */ var...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その94
更新が遅くなりました。 その94。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「パックマンを描画しよう」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。 口をパクパクさせる黄色の円が描画されたと思います。 /* * 定数 */ var...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その95
その95。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「簡単なペイントツールを作ってみよう」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。 白い背景にクリックしながらマウスを動かすと自由な線が描画されたと思います。 /* * 定数 */ var...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その96
その96。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「描画されている内容をDataURL Scheme に変換してみよう」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その97
その97。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「DataURL Scheme に変換した描画情報を画像として保存しよう(png)」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その98
その98。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「DataURL Scheme に変換した描画情報を画像として保存しよう(svg)」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。...
View Article「tmlib.js 怒濤の 100 サンプル!!」を試す その99
その99。 tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 今回試すサンプルは「図形(上級)」の「DataURL Scheme に変換した描画情報を画像として保存しよう(jpg)」です。 ではサンプルが掲載されているのでまずは見てみましょう。 中央のボタンを押してみて下さい。...
View Article