あっぷりノート

Fix the Bits | あっぷり工房

旅、ギア、サプリ、マインド、トレーニング ── “走る”は創れる

プログラミング

【最終回】JavaScriptでアクションゲームを作る │完成!

走れない代わりに、走るゲームを創るプロジェクト、第34回。 今回はいよいよ完成版のリリース報告であるッ! 1ヶ月半でとうとうここまでたどり着けた。自分で自分を褒めてあげたい。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横…

#33 JavaScriptでアクションゲームを作る │エンディング

走れない代わりに、走るゲームを創るプロジェクト、第33回。 今回はいよいよ感動のエンディングをお届けしたい。 といっても、作り手として感慨深いだけで、プレイヤーとしてはゲームオーバーと何ら変わりないわけだが… バックナンバー 過去のバックナンバー…

#32 JavaScriptでアクションゲームを作る │ラスボス大爆発!

走れない代わりに、走るゲームを創るプロジェクト、第32回。 今回ラスボスの撃破シーンをお届けしたい。 ムダにアニメーションに凝った力作である。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメ…

#31 JavaScriptでアクションゲームを作る │ ラスボスの体力ゲージ&ダメージシーン

走れない代わりに、走るゲームを創るプロジェクト、第31回。 今回はラスボスの体力ゲージとダメージシーンを少しだけお披露目したい。 ラスボスなので一筋縄では倒せない。ということで、本家のロックマンと同様にボスにも体力ゲージを追加した。 バックナン…

#30 JavaScriptでアクションゲームを作る │ ラスボス登場!

走れない代わりに、走るゲームを創るプロジェクト、第30回。 記念すべき第30回は、満を持してラスボスを公開させていただく。 小出しにするとサプライズ感は一切なくなってしまうが、わがモチベーション維持のためにご容赦いただきたい。 バックナンバー 過…

#29 JavaScriptでアクションゲームを作る │ ラスボスを一部公開【GIFアニメ付き】

走れない代わりに、走るゲームを創るプロジェクト、第29回。 今回はラスボスの一部をGIFアニメで公開してみる。 小出しにしていくことで、自分自身にも発破をかけ、すこしでも皆さんの脳内フックになればと思う。 バックナンバー 過去のバックナンバー(改訂…

#28 JavaScriptでアクションゲームを作る │ 今だけ!3つのモード選択

緑ロックマンも楽しめるよ 走れない代わりに、走るゲームを創るプロジェクト、第28回。 今回はお試し企画としてノーマル、キック、ホバーの3つから変身モードを選択できる機能を搭載してみた。 あくまで動きを試していただくための試行版ではあるが。 バック…

#26 JavaScriptでアクションゲームを作る │ トランスフォーム第2形態

走れない代わりに、走るゲームを創るプロジェクト、第26回。 今回はバリエーションを増やす目的でトランスフォーメーション第二弾を追加した。 チャージキック以外の必殺技を繰り出せるようにしたいと企んでるので。 バックナンバー 過去のバックナンバー(…

#25 JavaScriptでアクションゲームを作る │ ボタン位置変更

走れない代わりに、走るゲームを創るプロジェクト、第25回。 今回はより操作がしやすくなるようジャンプ/スライディングのボタン位置を変更した。 ユニバーサルデザインは常に念頭においておかねばならないからだ。 バックナンバー 過去のバックナンバー(…

#24 JavaScriptでアクションゲームを作る │ 敵・アイテム出現タイミングの調整

走れない代わりに、走るゲームを創るプロジェクト、第24回。 今回はゲームの難易度を調整するために敵やアイテムの出現タイミングを調整した。 しばらく武器エネルギーの消費や回復などを開発中だったが、ようやくプレイいただける状態になったので、ぜひと…

#23 JavaScriptでアクションゲームを作る │ 武器エネルギー回復アイテム

走れない代わりに、走るゲームを創るプロジェクト、第23回。 今回は武器エネルギーの回復アイテムを追加した。 前回、武器エネルギーゲージを消費するようにしたので、消費といえば回復も欠かせない。ということで、アイテムの追加である。 バックナンバー …

#21 JavaScriptでアクションゲームを作る │ 敵を撃破+効果音追加

走れない代わりに、走るゲームを創るプロジェクト、第21回。 今回は変身後のスライディングで敵を攻撃できるというバージョンアップを行った。 せっかく無敵アクションをつくったので、敵を攻撃したことにすればいいんだとひらめいた。相変わらず自分の才能…

#20 JavaScriptでアクションゲームを作る │ 外部サイト「GitHub」に公開

走れない代わりに、走るゲームを創るプロジェクト、第20回。 今回は、ブログに直接JavaScriptを書くのではなく外部サイトに公開したゲームをブログで表示するというバージョンアップを行った。 おかげでブログがサクサク動くようになった。プレイヤーにとっ…

#19 JavaScriptでアクションゲームを作る │ 無敵の「チャージキック」

走れない代わりに、走るゲームを創るプロジェクト、第19回。 今回は、ロックマンが無敵になれる「チャージキック」を追加した。 とはいっても、敵を倒すのではなく、ダメージを受けない“無敵”状態になるだけだけれど。 バックナンバー 過去のバックナンバー…

#18 JavaScriptでアクションゲームを作る │ 操作ボタン&スライディング追加!

走れない代わりに、走るゲームを創るプロジェクト、第18回。 今回は、操作用のボタンを追加し、ロックマンがスライディングできるようにした。 とうとうボタンを追加してしまった…アクションが増やせるのはいいが、パンドラの箱を開けてしまったかもしれない…

#17 JavaScriptでアクションゲームを作る │ ついに変身!アイテム「ネジ」追加

走れない代わりに、走るゲームを創るプロジェクト、第17回。 今回は、変身アイテム「ネジ」を追加し、ついにロックマンが変身できるようになった。せっかく変身しても能力に変化がないと芸がないので、ちょっとジャンプ力が上がるというヒネリのないパワーア…

#15 JavaScriptでアクションゲームを作る │ Twitter投稿ボタン

走れない代わりに、走るゲームを創るプロジェクト、第15回。 今回は、スコアをTwitterで共有できる機能を追加するバージョンアップを行った。 ゲームの改良ではなく、ちょっとJavaScriptビギナーとしての自己満色が濃ゆい点、ご容赦ください。 バックナンバ…

#14 JavaScriptでアクションゲームを作る │ 3回までダメージ許可、ダメージ音も追加

走れない代わりに、走るゲームを創るプロジェクト、第14回。 今回は、3回ダメージを受けたらゲームオーバーになるようにバージョンアップを実施した。 前回、体力ゲージを追加したはいいが、ダメージの受け方がそっけなかったので改良である。 バックナンバ…

#13 JavaScriptでアクションゲームを作る │ 体力ゲージ追加

走れない代わりに、走るゲームを創るプロジェクト、第13回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タ…

#12 JavaScriptでアクションゲームを作る │ 中ボス「スナイパー・ジョー」登場

走れない代わりに、走るゲームを創るプロジェクト、第11回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タ…

#11 JavaScriptでアクションゲームを作る │ 背景を追加

走れない代わりに、走るゲームを創るプロジェクト、第11回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タ…

#10 JavaScriptでアクションゲームを作る │ 効果音を追加

走れない代わりに、走るゲームを創るプロジェクト、第10回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タ…