Entityの表示順、第２回目です。まずはinsertBeforeの動きについておさらいしましょう。 というわけでまずはこちらをお読み下さい。 enchant.jsにおけるノードの入れ替え - ４１６番地ＯＫ？ んじゃまサンプル１つ目。 Spriteの表示順制御・失敗例 - jsdo.it…

twitterのTLで「落ちてきたオブジェクトが床にめり込まないようにするにはどうするか」というお題を見かけました。せっかくなので「Swipe Action !」でやったやり方を書いておきます。まぁロジックとしては、０から１フレームあたりの最大落下距離まで、何か…

Entityの表示順に関するツイートが散見されたので、ちょっと書いておきます。enchant.jsの描画は、SceneにaddChildされた順に行われます。 for (var i = 0; i < 5; i++) { var entity = new Entity(); entity.id = i; game.rootScene.addChild(entity); } と…

では昨日の続きです。前回はボールが落ちてゆくだけでしたが、今回は床を生成してボールをはねさせてみましょう。 前回のボール生成の箇所の下に、以下のように追加して下さい（上でもいいですけど）。 // 床の生成 var groundBodyDef = new b2BodyDef(); gr…

Box2dWebの世界へようこそ！今回から数回に渡って、私の備忘録も兼ねてenchant.jsでBox2dWebを利用する手順を書いてゆこうと思います。 先日も書いた通り、enchant.jsには@kassy708さんが作成されたbox2d.enchant.jsがpluginとして提供されています。しかし…

今回作成した「Cat in the Basket」では、物理エンジン「Box2dWeb」に挑戦してみました。enchant.jsには@kassy708さんが作成されたbox2d.enchant.jsがpluginとして提供されています。 最初は私もbox2d.enchant.js利用していたのですが、触れてゆくうちに「や…

enchant.js ゲーム制作 Tips – キーボードでプレイヤーを移動させてみよう!! 斜め移動にも対応してるよん♪ HTML5 enchant.js クラス定義・キー操作enchant.js でのキーボード入力がトレンドらしいので便乗してみます。 というかcloudpackさんのところの記事…

まず「７ならべ」のルールを確認しよう。・デッキから各プレイヤーに１枚づつカードを配る。カードはすべて配り切る。 ・手札に７があるプレイヤーはそれを場に出す。 ・先手から順にカードを出す。 出せるカードは場に出ているカードとつながるもののみ。 …

ゲームを作ってみたい。 でも、プログラミングは多少かじったけどどうすればいいのかわからない、という人は案外多いのではないだろうか。 そんな人を対象に、ゲームの作り方というものを書いてゆこうと思う。ゲーム制作未経験者にお勧めしたいのが、トラン…

HTML5のaudio要素にはendedという再生終了を告げるイベントとプロパティが存在する。 これらを利用した音声ファイルの連続再生をenchant.jsで行おうとしたら、イベントの反応はないしプロパティはundefinedと返された。なんじゃらほいとenchant.jsの中を覗い…

七夜めぐり新作投稿。 運の要素が強いため、すべてのパネルを取れるは時々。 けして取れないわけではない。

DokiDokiスピード！全然DokiDokiしないゲームで申し訳ない。 おぢさんとしてはあーんなことやこーんなことを考えていたのだが、コミPo!が思いの外難しい……。だいたいデフォで体操服やスクール水着がないというのは問題だと思う。

今宵の空は…位置情報を利用したプログラム。 案の定、9Daysには間に合わなかった。 scaleの使い方難しい…

ようやくgeolocationAPIを使う目処が立った。今回苦労したのはgeolocationAPIのスコープだった。 geolocationAPIで位置情報を取得すること自体はさほど難しいことではない。wise9にもサンプルが載っていたが、まさしくあのコードをソースに貼り付けてやれば…

「スイカ割り大会」をつくるにあたって妄想したシステムがある。 プレイヤーのインターフェイスは相変わらずなのだが、あるサイトをのぞくとマップが表示されプレイヤーとスイカの位置がリアルタイムに表示される。ギャラリーは決められたタグを付与してtwee…

enchant.jsには衝突判定の関数が用意されているが、残念ながら透明色が考慮されていない。 例えば公式Materialの「イトカワ」と32x32で抜き出した「はやぶさ」の衝突判定を行うと、見た目上ぶつかっていないのに関数がtrueを返してくる場合がある。 パッと思…

レイヤーの前後関係を考慮したキャラクター追加方法 - 強火で進めなるほど、CSSを利用する方法があるのか。 ……実はHTMLとCSSのことをよく知らない。HTMLはまだタグを大文字で書いていた時代の知識だし、CSSにいたってはクエスチョンマークが跳び回る体たらく…

enchant.jsでcanvasを使いゲージ的なものを表示する方法をまとめてみる - アンバランスな日々にこちらにいくつかまとめられているが、私が「ミッション！」内で実装した方法がなかったので簡単に紹介しようと思う。 やり方は簡単だ。まずfillRectでバーを描…

Spriteを最前面に持ってくる関数 / HTML5 enchant.jschildNodesで入れ替えられるんじゃない？ と思ったけど無理だった。 childNodes.lengthで子ノードの個数を取得したりできたんで単なる配列と思っていたんだけど、表示のためにかいろいろ裏でやっているっ…