HTML5ゲームエンジン「Phaser」が初心者とモバイルにやさしくていい感じです - syonx
Phaser - Desktop and Mobile HTML5 game framework モバイル/デスクトップ向けのHTML5製の2Dゲームフレームワーク。 Pixi.jsベースでCanvasやWebGLのレンダリングもサポート。 Tags: flash-like 2d sounds collisions physics typescript webgl free cdnjs: //cdnjs.cloudflare.com/ajax/libs/phaser/2.0.5/phaser.min.js Examples - PixiJS ベースとなっている Pixi.js のサンプル。レンダリング結果の雰囲気がつかめる。 HTML5 Game Engines - Find Which is Right For You HTML5ベースのゲームエンジン一覧。比較がしやすい。 Phaser
オブジェクトが動く速度と加速度と微分の考え方
物理法則にしたがったオブジェクトのアニメーションをスクリプティングするとき、数学の「微分」の考え方で捉えられると応用の幅が広がります。微分と聞くと難しそうに響きます。けれど、大雑把にいってしまえば、オブジェクトの動きについて変化を見るということです。アニメーションがつぎのフレームでどう変わるかを考える、といってもよいでしょう。 01 等速直線運動 決まった速さで同じ向きに動き続ける「等速直線運動」なら、つぎのフレームに移るたびにオブジェクトの位置(xy座標)に定数を足します。この定数(xy平面で捉えるならベクトル)が速度です。つぎのフレームにおけるオブジェクトの位置は、今の位置に速度を加えて求めます。 位置 += 速度 時間(t)と位置(x)をそれぞれ横軸と縦軸にした等速直線運動のグラフは、下図001のように一次関数(x = vt + x0)で表されます(「直線の式(方程式)」参照)。一次
cocos2d勉強会に参加。cocos2d用にPhotoshopで全レイヤーの座標取得出来るScript書いてみたよ。 - 灰色ハイジのテキスト
@Seasonsさん主催の、cocos2d勉強会に参加してきました。 http://atnd.org/events/16032 ・・・と言っても、iPhoneアプリ勉強中でまともに書けないのですが。 このcocos2dは、主にゲーム用に開発されたフレームワークで、Flash Likeに書けると聞いて気になっていたので参加してきました。 メモはとっていたのですが、スライドをアップしてくださるようなので、詳しくはそちらを見て頂ければと。 聞いていて面白かったのは、cocos2dで画像の座標を入力するにあたってAfterEffectsでレイアウトをしてから座標を取得しているというお話！目から鱗でした。 「デザイナーさんは1pxでもズレたら怒るから…」とのことでしたが、デザイナー目線で言うと、確かに「Photoshop上で1px1px気にしながら配置してるんだし、ぷんぷん」的なことはあるよね、と思
Hakim El Hattab
Experiments of Interactive Developer Hakim El Hattab.HTML5 - Trail Experiments with particles and trails. Trail 01- Trail 02- Trail 03 HTML5 - Particle Depth An experiment with position of particles using depth. Particle Depth 01- Particle Depth 02 HTML5 - Wave Wave motion rendered using the canvas element. Version #02 & #03 are fed by tweets. Wave 01- Wave 02- Wave 03
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト
HTML5でモバイル3Dゲームの開発は可能?!
IDEA * IDEA
