enchant.js:box2d.enchant.js事始め

※7/31 その6、その7を追加しました。 ※8/3 その8、その9を追加しました。9leapでまた面白い試みがスタートしましたね。 ゲームプログラミングの統合学習環境サイト「code.9leap」。すでに多くの人がアクセスしているようで、先日私がForkした際に振られ…

enchant.jsでアングリーなホールを作ってみた

今日はちょびっと18禁風味。 あはははは。 いきなりですがオナホ「Ju-C」の応援キャンペーンに参加です。いえ、バナーが結構公開されていたので、これら使えば何かゲームできるなと思い そういやJu-Cの画像使ってゲーム作って、例の応援キャンペーンに参戦…

enchant.js:素材作成

素材フリーでおいておきますので、enchant.jsやろうぜ!(zip注意) URL2012-06-23 16:34:40 via webいや、ありがたいことです。私も早速DLさせていただきました。 さて@kame0_0さんが作成してくれた素材ですが、Flash用に作成したものということで動きのあ…

enchant.js:棒倒し法による迷路生成

こちらのサイトを参考に、棒倒し法による自動迷路生成関数を作ってみました。 enchant.js:棒倒し法による迷路生成 - jsdo.it - share JavaScript, HTML5 and CSS前にwise9にフロア分割による迷路生成の記事がありましたね。 迷路生成にはいくつも方法がある…

enchant.jsでの文字入力

twitter見ていたらenchant.jsで文字の入力処理をどうやるか悩んでる方がいらっしゃったので、ちょっと作ってみました。enchant.jsでの文字入力 - jsdo.it - share JavaScript, HTML5 and CSSはい。コードを見てもらえば分かる話ですが、Label.textにformとin…

「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 !

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

「ババ抜き」を拡張してみる

すっかりご無沙汰です。 いろいろのんべんだらりとやっているうちにbox2d.enchant.jsはパワーアップするわGlobal LEAPの結果は発表されるわジャパコンTVは月イチのレギュラー化するわ、嵐が脇をすり抜けていったという感じです。 私といえばゲームを作っては…

物理演算-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-」を投稿したわけですが、やっぱりというか何…

9leap 9Days Challenge 受賞者一覧

9leap 9Days Challenge 受賞者一覧です。 ふと作ってみました。 おじさん連中の活躍あまりないです。かなしい。 受賞発表時のプレイ回数やお気に入り数もあればいいんでしょうが、思いついたのついこの間なのでまぁ追えませんでした。 OneButtonと#4の所が抜…

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がどっか行くだけで。 ええ。はい。

紹介、された

今週の週刊アスキー(2011/11/15)にみくレコが紹介された。 見た瞬間「はて、どこかで見た音符だな」と思ったくらいでみくレコだと気付かなかった。そのうち紹介されるようなゲームをとは思っていたが、まさかみくレコが載ることになるとは夢にも思わなかっ…

「コミPo! チャレンジ」インパクト賞受賞

「DokiDokiスピード!」が「コミPo! チャレンジ」のインパクト賞を頂いた。 正直エントリー数が3作品しかなかった回なので喜んでいいのかどうか悩むところなのだが、該当作品なしとせずにわざわざ賞に推してくれたのだから、やはりここは喜んでいいのだ…

隠されたもの

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

みくレコ

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

七夜めぐり

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

いいわけマンガその3

それじゃ直し始めます。

いいわけマンガその2

コミPo!楽しい…

いいわけマンガその1

DokiDokiスピード!

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

今宵の空は…

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

GPSの世界へようこそ

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

形にする力

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

ライブ

LaOX MUSICVOX AKIHABARAで行われた「1st album『azusa』発売記念 azusa ミニライブ&トーク」に行ってきた。40分ほどの短いもので、途中音響機器のトラブルにも見舞われたが、楽しい時間を過ごすことができた。 残念だったのは最初の「明日晴れたら」から…

衝突判定

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

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

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

Canvasによるゲージ的な何か

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

enchant.jsにおけるノードの入れ替え

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

みなもすなるブログというものを…

はじめて見ることにしました。 主にプログラム関係、趣味のことなどをば。