あっぷりノート

Fix the Bits | あっぷり工房

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

JavaScriptでアクションゲームを作る の検索結果:

【自由研究】ミニ四駆をラジコン化する①

「事業ドメイン」とは何か 経営戦略を考えるときに「事業ドメイン」というのがある。「どのような領域でビジネスを展開するのか」という定義づけのようなものだ。 「レンタルビデオ事業」を事業ドメインとして掲げる米国のブロックバスター社が、DVDやゲーム、インターネットの普及でビデオだけでは成長が見込めないと察知し、「自宅で素晴らしい夜を過ごせるようにする」と再定義した。その結果、DVDだけではなく、一緒に楽しめるドリンクやお菓子、雑誌類も取り扱うようになり、成功したというのは有名な話…

「ロックマン」のドット絵素材を大公開します

….息抜きにどうぞ😌🔽JavaScriptでアクションゲームを作る │ あっぷり工房 https://t.co/pcSQR4o3NV pic.twitter.com/YgQ65ZSHRQ— アオヤマユウキ🌵MADANAO-RUNNER (@you_key69) 2022年3月9日 この経験がムダにならぬよう、皆さんのアイロンビーズやクロスステッチの素材にしていただければ幸いです。 (adsbygoogle = window.adsbygoogle || []).push({})…

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

…ogleの恐竜ゲームがシンプルでいちばん分かりやすかったんだけど、ロックマン好きの衝動がそうはさせてくれず。ただ、追求しだしたらキリがないので、むりやりフィナーレを迎えるためにエンディングを作る運びとなった。 バグは随時修正していくかもしれないが、「JavaScriptでアクションゲームを作る 」シリーズはひとまずこれにて終了とさせていただきたい。次はどこに向かうのか。 これで私自身がランニングに復活できれば云うこと無しなんだが…まだまだ復帰には時間がかかりそうである orz

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

走れない代わりに、走るゲームを創るプロジェクト、第33回。 今回はいよいよ感動のエンディングをお届けしたい。 といっても、作り手として感慨深いだけで、プレイヤーとしてはゲームオーバーと何ら変わりないわけだが… バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレ…

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

走れない代わりに、走るゲームを創るプロジェクト、第32回。 今回ラスボスの撃破シーンをお届けしたい。 ムダにアニメーションに凝った力作である。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル追加 #6 ダメージ動作 #7 背景変更 #8 地面画像変更 …

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

走れない代わりに、走るゲームを創るプロジェクト、第31回。 今回はラスボスの体力ゲージとダメージシーンを少しだけお披露目したい。 ラスボスなので一筋縄では倒せない。ということで、本家のロックマンと同様にボスにも体力ゲージを追加した。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート…

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

走れない代わりに、走るゲームを創るプロジェクト、第30回。 記念すべき第30回は、満を持してラスボスを公開させていただく。 小出しにするとサプライズ感は一切なくなってしまうが、わがモチベーション維持のためにご容赦いただきたい。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場…

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

走れない代わりに、走るゲームを創るプロジェクト、第29回。 今回はラスボスの一部をGIFアニメで公開してみる。 小出しにしていくことで、自分自身にも発破をかけ、すこしでも皆さんの脳内フックになればと思う。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル…

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

緑ロックマンも楽しめるよ 走れない代わりに、走るゲームを創るプロジェクト、第28回。 今回はお試し企画としてノーマル、キック、ホバーの3つから変身モードを選択できる機能を搭載してみた。 あくまで動きを試していただくための試行版ではあるが。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeス…

#27 JavaScriptでアクションゲームを作る │ 新技「ホバリング」を習得

走れない代わりに、走るゲームを創るプロジェクト、第27回。 今回はトランスフォーメーション第二弾から繰り出す新技「ホバリング」を追加した。 今は使いどころがないけれど、こいつをゲーム攻略のカギにしたい。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル追…

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

走れない代わりに、走るゲームを創るプロジェクト、第26回。 今回はバリエーションを増やす目的でトランスフォーメーション第二弾を追加した。 チャージキック以外の必殺技を繰り出せるようにしたいと企んでるので。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル…

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

走れない代わりに、走るゲームを創るプロジェクト、第25回。 今回はより操作がしやすくなるようジャンプ/スライディングのボタン位置を変更した。 ユニバーサルデザインは常に念頭においておかねばならないからだ。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル…

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

走れない代わりに、走るゲームを創るプロジェクト、第24回。 今回はゲームの難易度を調整するために敵やアイテムの出現タイミングを調整した。 しばらく武器エネルギーの消費や回復などを開発中だったが、ようやくプレイいただける状態になったので、ぜひともチャレンジしていただきたい。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・…

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

走れない代わりに、走るゲームを創るプロジェクト、第23回。 今回は武器エネルギーの回復アイテムを追加した。 前回、武器エネルギーゲージを消費するようにしたので、消費といえば回復も欠かせない。ということで、アイテムの追加である。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場…

#22 JavaScriptでアクションゲームを作る │ 武器エネルギーゲージ追加

走れない代わりに、走るゲームを創るプロジェクト、第22回。 今回は武器エネルギーゲージの追加というバージョンアップを行った。 変身後のチャージキックを必殺技と見立てつつ、無限に発動できないように制限することにしたのだ。だって、アレ、反則すぎるんだもん。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5…

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

走れない代わりに、走るゲームを創るプロジェクト、第21回。 今回は変身後のスライディングで敵を攻撃できるというバージョンアップを行った。 せっかく無敵アクションをつくったので、敵を攻撃したことにすればいいんだとひらめいた。相変わらず自分の才能が怖い。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 …

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

走れない代わりに、走るゲームを創るプロジェクト、第20回。 今回は、ブログに直接JavaScriptを書くのではなく外部サイトに公開したゲームをブログで表示するというバージョンアップを行った。 おかげでブログがサクサク動くようになった。プレイヤーにとっては小さな変化だが、開発者にとっては大きな一歩なのである。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオー…

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

走れない代わりに、走るゲームを創るプロジェクト、第19回。 今回は、ロックマンが無敵になれる「チャージキック」を追加した。 とはいっても、敵を倒すのではなく、ダメージを受けない“無敵”状態になるだけだけれど。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ移動 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレ…

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

走れない代わりに、走るゲームを創るプロジェクト、第18回。 今回は、操作用のボタンを追加し、ロックマンがスライディングできるようにした。 とうとうボタンを追加してしまった…アクションが増やせるのはいいが、パンドラの箱を開けてしまったかもしれない。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タッ…

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

走れない代わりに、走るゲームを創るプロジェクト、第17回。 今回は、変身アイテム「ネジ」を追加し、ついにロックマンが変身できるようになった。せっかく変身しても能力に変化がないと芸がないので、ちょっとジャンプ力が上がるというヒネリのないパワーアップを施してみた。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再…

#16 JavaScriptでアクションゲームを作る │ お助けアイテム「E缶」!

走れない代わりに、走るゲームを創るプロジェクト、第16回。 今回は、いよいよHPを全回復する「E缶」の登場だ。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル追加 #6 ダメージ動作 #7 背景変更 #8 地面画像変更 #9 敵キャラ追加 #10 効果…

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

走れない代わりに、走るゲームを創るプロジェクト、第15回。 今回は、スコアをTwitterで共有できる機能を追加するバージョンアップを行った。 ゲームの改良ではなく、ちょっとJavaScriptビギナーとしての自己満色が濃ゆい点、ご容赦ください。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タッ…

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

走れない代わりに、走るゲームを創るプロジェクト、第14回。 今回は、3回ダメージを受けたらゲームオーバーになるようにバージョンアップを実施した。 前回、体力ゲージを追加したはいいが、ダメージの受け方がそっけなかったので改良である。 バックナンバー 過去のバックナンバー(改訂履歴)は以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・…

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

走れない代わりに、走るゲームを創るプロジェクト、第13回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル追加 #6 ダメージ動作 #7 背景変更 #8 地面画像変更 #9 敵キャラ追加 #10 効果音追加 #11 背景の追加 #12 中ボス登場 今回は、体力ゲージを追加して、難易…

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

走れない代わりに、走るゲームを創るプロジェクト、第11回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート・登場シーン・スピードレベル追加 #6 ダメージ動作 #7 背景変更 #8 地面画像変更 #9 敵キャラ追加 #10 効果音追加 #11 背景の追加 今回は、中ボスの追加をやってみた。が、ハチャメチャな動…

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

走れない代わりに、走るゲームを創るプロジェクト、第11回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート、登場シーン、スピードレベル追加 #6 ダメージ動作 #7 背景変更 #8 地面画像変更 #9 敵キャラ追加 #10 効果音追加 今回は、背景のマイナーバージョンアップを施した。 (adsbygoogle…

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

走れない代わりに、走るゲームを創るプロジェクト、第10回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート、登場シーン、スピードレベル追加 #6 ダメージ動作 #7 背景変更 #8 地面画像変更 #9 敵キャラ追加 今回は、ジャンプ、ダメージ、レベルアップ時の効果音を追加した。今回のアップデートによりロックマ…

#9 JavaScriptでアクションゲームを作る │ 新たなる敵「ピピ」追加

走れない代わりに、走るゲームを創るプロジェクト、第9回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート、登場シーン、スピードレベル追加 #6 ダメージ動作 #7 背景変更 #8 地面画像変更 今回は、新たなる敵キャラを追加した。ランダム性が増し、絶妙な難易度になったんじゃないだろうか。 (adsbygoog…

#8 JavaScriptでアクションゲームを作る │ 地面

走れない代わりに、走るゲームを創るプロジェクト、第8回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート、登場シーン、スピードレベル追加 #6 ダメージ動作 #7 背景変更 今回は、前回の背景(雲)に加えて地面を変更した。それっぽくなったが、それっぽくなりすぎたかも? (adsbygoogle = windo…

#7 JavaScriptでアクションゲームを作る │ 背景変更

走れない代わりに、走るゲームを創るプロジェクト、第7回。過去のバックナンバーは以下のとおり。 #1 横移動・ジャンプ動作 #2 敵・ダメージ・スコア #3 ジャンプ動作・敵ランダム出現・ゲームオーバー表示 #4 走る動作・地平線追加・タップして再開 #5 タップdeスタート、登場シーン、スピードレベル追加 #6 ダメージ動作 今回は背景のバージョンアップを施した。たった1つの変更ではあるが、解放感と疾走感をアップさせることに成功したのであるッ! (adsbygoogle = …