enchant.js

「SPACE RESCUE」を投稿しました!

はい。今月の新作「SPACE RESCUE」を投稿しました。 ジャンルはパズルとしてありますが、どちらかというとアクションパズルですね。 宇宙空間に放り出された仲間を、該当するゲートまで導くという倉庫番系のゲームです。 元ネタはPCエンジンで発表された「BE…

setTimeoutの話

まーenchant.jsに限る話ではありませんが。一定時間後にある関数を実行してくれる「setTimeout」、便利ですよね。 私も結構使っています。 ですがこの関数、ちょっと使い方にコツがあるんです。 例えば以下のようなクラスがあったとします。 TScene = enchan…

enchant.jsにおけるEntity表示制御 番外編

2回で終わらせるつもりだったのですが、zIndexいぢっている人を見かけたのでこっちも負けじと続けたいと思います。重要なことなので最初に言っておきます。 zIndexはenchant.jsではサポート対象外のプロパティです! Issue #3: z-indexのプロパティが欲しい…

Entityの表示順について その2

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

落ちてゆくクマ 〜衝突判定の例〜

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

Entityの表示順について その1

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

Swipe Action !

「Swipe Action !」を投稿しました。今回は通勤電車の中、つり革につかまりながら片手でできるゲームを目指してみました……が、失敗でした。 ゲームがバグだらけとかそういうことではなく、基本設計がなってなかったと……。 ユーザインターフェイス、本当に奥…

物理演算-Box2d その2

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

物理演算-Box2d その1

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

Box2Dへの道

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

Cat in the Basket

「Cat in the Basket」を投稿しました。今回物理演算を使ったのですが、システム周りばかりにかまけていたのでステージがまだ2面しかなく、それも何だか微妙なシロモノ……。近日中に何とかします!ところで私、自分の作ったゲームをつまらないと思ったことは…

独りopenleap反省会

昨日のleapfestはみなさんお疲れ様でした。 ライトニングトーク、名乗りでておきながらPC出力出来ないとか迷惑かけて申し訳ないです。さて。本日のお題。 「独りopenleap反省会」です。 今回私は「F&B -partner-」を投稿したわけですが、やっぱりというか何…

F&B -partner-

9leapに「F&B -partner-」を投稿しました。スイカ割り大会第二弾です。 原点回帰にして新機軸。 モノとしては前回よりも面白くなっている自信があるのですが、いかんせんふたり同時にアクセスしないとゲームが成立しないのが難点です。 socket.enchant.jsの…

enchant.jsにおけるキー追加

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

ワンワン キャッチボール

新年あけましておめでとうございます。 気がつけばもう7日。七草ですよ。さて。 年末、9leapに「ワンワン キャッチボール」を投稿しました。これの元ネタはSTUDiO B-ROOMの温泉DE卓球というエロゲです。 テンキーで遊ぶという今でも他に類を見ない、そして…

!ジャパコンTV賞受賞!

「である」調でブログ書くのに疲れてきました。 別にブログを、それこそ日記のようなブログを書いているのですが、そちらと一線を画すために「である」調で書いていたのですが、疲れてきました。 なんで今後はフリーダムに、その時の気分で書いてゆこうと思…

そうだ、ゲームを作ってみよう2

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

辻斬り十兵衛

先日9leapに「辻斬り十兵衛」をアップした。「べあ☆はん偏」としたのは、グラフィックを用意できないことへの言い訳である。本当は影絵のようなモノトーンでスタイリッシュなグラフィックを用意したかったのだが私にとって絵はプログラミング以上の難物であ…

そうだ、ゲームを作ってみよう1

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

一手

一手今度は正統派ワンボタンゲーム。 出された札が読み上げられたなら取る。お手つきはもちろんNGだ。ちはやふる、面白いよね。

これはありなのだろうか

逃げるなっ!ワンボタンげぃむっ! というお題だったのでまぢでワンボタンにしてみた。 ……応募要件満たしているかどうか、すんごく微妙ではあるんだけど。 座標なんて使ってませんよ? 単にSpriteがどっか行くだけで。 ええ。はい。

隠されたもの

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

みくレコ

みくレコ新作投稿。 戦車ゲームを作ろうとしていたはずなのに、なぜこうなった?

七夜めぐり

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

DokiDokiスピード!

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

今宵の空は…

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

GPSの世界へようこそ

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

形にする力

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

衝突判定

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

ノード入れ替え、もうひとつ

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