ゲーム Javascriptでゲームを作りたい その14（enchant.jsを使いたい5-マップ衝突判定とスプライト）
前回作成したマップで、キャラクターが動くようにしました。タッチ（クリック）した方向にウサギが歩いていきます。仕組みはまず画面全体に透明なスプライトを敷き詰めて、そのスプライトがタッチされたらイベントが発生するようにイベントリスナを設定。タッ...
ゲーム 
ゲーム Javascriptでゲームを作りたい その13（enchant.jsを使いたい４-マップ機能）
前回はenchant.jsの練習と今までのおさらいを兼ねてカードをシャッフルしてめくる簡単なゲームっぽいものをつくりました。スプライトに関してはちょっとわかってきたので、次は、「マップ」の機能を使ってみたい。昔の2Dゲームでは、キャラクター...
ゲーム Javascriptでゲームを作りたい その12（enchant.jsを使いたい３-シャッフルしたカードを配る）
前回はとりあえず「ラベル」という機能を使ってみました。今回は今まで覚えたことにプラスして、表示した画像（スプライト）を動かしてみました。「タイムライン」という機能があって、表示したスプライトを滑らかに移動したり拡大縮小したりできるのです。そ...
ゲーム Javascriptでゲームを作りたい その11（enchant.jsを使いたい２-ラベル機能）
前回は「enchant,js」を使い始めましたという話でした。まだ全然使いこなせてないですが、いろいろ試してみております。というわけで今回は「ラベル」というテキストを表示する機能を使ってみました。すごいシンプルな機能なので説明することもない...
ゲーム Javascriptでゲームを作りたい その10（enchant.jsを使いたい）
前回は、canvasというHTMLの機能を使って簡単なゲームを作ってみました。しかしもっとインタラクティブなことをcamvas機能でやろうとすると、かなり複雑なことになりそう。なので、「enchant.js」というものを利用してみようかと思...
ゲーム Javascriptでゲームを作りたい その9（canvasを使ってみる２）
前回から少し発展して、canvas機能を使って新たなゲームを作ってみました。たすけてゲーム２ 殺人鬼ゲーム今回はcanvasを三つ生成して、一つをゲーム画面、あと二つをゲームを操作するためのボタンにしています。ボタンにしたキャンバスを押すと...
ゲーム JavaScriptでゲームを作りたい その８（canvasを使ってみる１）
前回は Fisher–Yates shuffle というアルゴリズムを使って配列をシャッフルする方法を調べて、それを使ってたすけてゲームを作りました。しかしちょっと見づらいので今回はそれを整えたいという話。そのためにcanvasという仕組み...
ゲーム JavaScriptでゲームを作りたい７（カードをシャッフルする２）
前回インチキな方法でABCの三つの文字をシャッフルしましたが、今回は別の方法でやってみました。「配列」というものを使います。今までの変数が一つの箱にひとつの数値や文字列を入れていたものだとすれば、配列は一つの箱の中が複数に分かれていて順番に...
写真 レゴのビルダブルフィギュアかっこいい
レゴ・スターウォーズの「ビルダブルフィギュア」というシリーズがあって、その中のフィンというキャラクターのものを買いました。 カッコイイ！ 実際のキャラクターの姿をリアルに忠実に再現するのとは違った「お人形さん」感というか、「外国のおもちゃ」...
ゲーム JavaScriptでゲームを作りたい その６（カードをシャッフルする１）
前回までは１～６の数字をランダムに生成するプログラムを作ってサイコロを作ろうとしていました。とりあえず僕の中でひと段落したので今回からはテーマを変えて「カードをシャッフルする」ということを考えていきたいと思います。たとえばA、B、Cの3枚の...