JavaScriptで作成したクラッシュローラーもどきのゲームにランキング機能を追加します。 動作確認はこちらから このゲームをある方に見せたら「ランキング機能を追加したほうがよい」といわれました。たしかにランキング機能・・・
「JavaScript/TypeScriptで書いてみた」の記事一覧
表示を最適化する JavaScriptでクラッシュローラーをつくる(5)
今回はディスプレイによって表示サイズを変更できるようにします。 動作確認はこちらから 前回までスマホでも表示されるようにするために320px×480pxで作成しましたが、PCだとちょっと小さくしか表示されないという問題が・・・
スマホでも操作できるようにする JavaScriptでクラッシュローラーをつくる(4)
これまでに作ってきたゲームはPCでないと操作できませんでした。今回はスマホでも操作できるようにします。 動作確認はこちらから スマホ用のボタンを追加する ボタンのようなものを追加してこれをタップするとプレイヤーを操作でき・・・
ローラーによる反撃と当たり判定、ステージクリア判定 JavaScriptでクラッシュローラーをつくる(3)
前回は敵の追尾を実装しました。今回はローラーを使った反撃と当たり判定を実装します。 動作確認はこちらから ローラーを描画する まずローラーを表示させます。ローラーの位置情報を管理するためのクラスをつくります。 XとYは現・・・
敵の移動と描画 挟み撃ち JavaScriptでクラッシュローラーをつくる(2)
前回は通路の描画とプレイヤーの移動と描画処理を実装したので、今回は敵の動作と描画の処理の実装を考えます。 動作確認はこちらから Enemyクラス Enemyクラスを作成してそのなかで移動に関する処理をおこないます。 初期・・・
通路の作成とプレイヤーの移動 JavaScriptでクラッシュローラーをつくる(1)
前回、C#で作成したクラッシュローラーをJavaScriptに書き直します。今回は通路の作成とプレイヤーの移動の処理をおこないます。 動作確認はこちらから 素材 画像として以下を使います。 入手元 「やさぐれひよこ素材」・・・
メインの処理 JavaScriptでカードゲーム スピードをつくる(2)
⇒ 動作確認はこちら JavaScriptでカードゲーム スピードをつくる。前回はHTML部分とカード関連のクラスを作成しましたが、今回はメインの部分を作成します。 グローバル変数 まずグローバル変数を定義します。 [c・・・
準備編 JavaScriptでカードゲーム スピードをつくる(1)
前回はC#でカードゲームのスピードを作ったので、今回はJavaScriptで作成することにします。 ⇒ 動作確認はこちら HTML部分 最初にHTML部分を示します。 カードが表示される部分は決まっているのでdivタグを・・・
ステージクリアとゲームオーバー時の処理 万引少年 JavaScriptでレトロなゲームをつくる(3)
JavaScriptでつくるレトロなゲーム 万引少年。このページではステージクリアとゲームオーバー時の処理を実装します。 ⇒ 動作確認はこちら StageClearクラス ステージクリア時の処理をおこなうStageCle・・・
オープニングと店内における処理 万引少年 JavaScriptでレトロなゲームをつくる(2)
JavaScriptでつくるレトロなゲーム 万引少年。このページではオープニングと店内における処理を実装します。 ⇒ 動作確認はこちら Openingクラス では最初にオープニングの処理をするOpeningクラスを示しま・・・