第21回 HTML5とか勉強会 テーマ「HTML5+ゲーム」まとめ #html5j
canvasだと思うが違うかな? ( #html5j live at http://t.co/uuYbS0u6)
2011-09-27 19:40:56アバターどう書く??パーツいっぱい>< → Image:遅い、CSSSprites:メモリ使いすぎ、SVG:アンドロイド表示しない、Canvas:これになった。 #html5j
2011-09-27 19:42:30今までは PC/Android 向けに swf でやってたけれど、iOS 向けに移植するにあたって HTML5 とかで実装する必要が出来た。この際に目標としたのは「速」- No Lag をモットーとして手段を探す。 #html5j
2011-09-27 19:42:34ピグは画像多くて困った。SVGかCanvasで色違いの画像は省略したかった。今回はCanvasを使うことになった。 #html5j
2011-09-27 19:42:36AItoCanvas面白そう ( #html5j live at http://t.co/uuYbS0u6)
2011-09-27 19:42:46パーツいっぱい。考えた手段としては1. Imageを配置→作るのは簡単だけど3G回線だと読み込み遅い。 2. CSS Sprite→サイズは小さくなったけどカラバリとかあるので焼け石に水。 #html5j
2011-09-27 19:44:05aiからcanvasに変換するプラグインを使った。一発でcanvasでパス描画するソースコードが生成できる。 #html5j
2011-09-27 19:44:14めもめも aiをcanvasに変換するaiのプラグイン "ai to canvas" http://t.co/L4Dk4UgH #html5j
2011-09-27 19:44:39ai->canvasおもしろそう ( #html5j live at http://t.co/OeWc8szq)
2011-09-27 19:45:14ビットマップで配置するのは無理なので、パスと塗りを分ける方法を考える。3. SVG→Androidが対応してないので見送り。 4. Canvusで作ることを考える。 #html5j
2011-09-27 19:45:45htmlは1毎に書いてページ遷移もなくした ( #html5j live at http://t.co/uuYbS0u6)
2011-09-27 19:47:04