- 2023年1月30日
- 2024年10月25日
- 0件
箱入り娘パズル Ver.1.03
箱入り娘と言っても、竈門 禰豆子（かまど ねずこ）の事ではありません。 ・・・「箱入り娘」で画像検索したら「ねずこ」がヒットしてワロタ・・・。 今回パズルの方は、以下の２点を改良しただけで、使用画像は前回と変えていません。 以下の画像をクリックすると実際のゲームを表示します。 タブレットでの表示を改善しました！ Ver.1.02 → Ver.1.03 HTMLのmeta要素で、viewportの設 […]
CATEGORY
HTML5でゲーム
- 2022年12月28日
- 2024年10月25日
- 0件
箱入り娘パズル Ver.1.02
８年ほど前に投稿した箱入り娘パズルですが、今年9月に文字をイラストに置き換えたVer.1.01を掲載。 これまで、駒の移動は最小駒二個分の隙間が空いていても、最小駒の単位で動かす必要がありました。 （その為、手数のカウントも増えていました。） 今回、2クリックで移動していたところを、1クリックで移動可能としました。 以下の画像をクリックすると実際のゲームを表示します。 パズルで使用している画像は２ […]
- 2022年8月1日
- 2023年1月5日
- 0件
箱入り娘パズル Ver.1.01
８年ほど前に投稿した箱入り娘パズルです。 暇つぶしに、フリーのイラストを貼り付けてみました。 画像サイズは倍の大きさにしました。 以下の画像をクリックすると実際のゲームを表示します。 また、クリアした際のポップアップ表示をやめタイトル変更に。 クリア後、約１５秒で元に戻るようにしました。 パズルで使用している画像は２つ。 背景の画像・・・こちらは前作と同じ。 ソースファイル「hakoiri_101 […]
- 2014年10月2日
- 2022年9月29日
- 0件
ジャンプアクションゲーム
日経ソフトウェア2014年11月号「HTML5でゲームを作ろう（第12回）」に掲載された「横スクロールジャンプアクションゲーム」です。 ・・・連載は最終回。 右の画像をクリックするとゲームページを表示します。 ゲームは、プレイヤーをジャンプさせて、障害物（落とし穴、壁）を避けて、できるだけ走り続けるだけです。 ただし、飛んで来る鳥にぶつかってもゲームオーバーとなるので注意して下さい。 ジャンプ操作 […]
- 2014年7月31日
- 2022年9月29日
- 0件
Fish Shooting
日経ソフトウェア2014年9月号「HTML5でゲームを作ろう（第10回）」に掲載されたシューティングゲーム「Fish Shooting」です。 右の画像をクリックするとゲームページを表示します。 遊び方は、プレイヤーの位置をカーソルキーで上下左右に動かし、「Ｚ」キーを押してモリを発射し、向かってくる魚を仕留めます。 サバが３点、サメが２点、クラゲが１点。 クラゲ、魚（サバ）、サメのいずれかに触れら […]
- 2013年12月26日
- 2022年9月29日
- 0件
七並べ（しちならべ）
日経ソフトウェア2014年2月号「HTML5でゲームを作ろう（第3回）」に掲載されたものです。 特にプログラムソースには手を加えていません。 右の画像をクリックすると実際のゲームを実行します。 コンピュータ3人（COM1～COM3）とプレーヤー1人（YOU）の4人対戦で順位を競います。 52枚（ジョーカー無し）のカードから、ランダムにカードを配り、7のカードは場（ステージ）に出されます。 最初はコ […]
- 2013年12月9日
- 2022年9月29日
- 0件
Maze Ver.1.01（ゴール後に足跡を表示）
迷路をクリアした後の全体表示に、プレーヤーの足跡を表示するようにしました。 右の画像をクリックすると実際の迷路ゲームを表示します。 JavaScriptのコレクション（またはコンテナ）と言うデータを格納する仕組み（高機能な配列）を使用し、プレーヤーの操作を記録してみました。 配列宣言は、maze101.js の21行目。 配列にセットする場合は、push()メソッドを使います。同91行。要素数はプ […]
- 2013年11月27日
- 2022年9月30日
- 0件
15 PUZZLE Ver.1.04（配列記述見直し）
アイソン彗星を肉眼で見てみたいと思いますが、悪天候が続く予報で見れそうにありません。・・・今後は、明け方・・・と言うよりは、未明の空に見えるようです。 「国際宇宙ステーション（ＩＳＳ）に滞在中の若田光一さんが、太陽に近づきつつあるアイソン彗星を超高感度カメラで撮影」というニュースをTVでは観ました。 2013/11/30追記NASAによると、アイソン彗星は29日未明、太陽に最接近した際に崩壊し、ほ […]
- 2013年11月24日
- 2022年9月30日
- 0件
15 PUZZLE Ver.1.03（写真説明追加）
ゲームをクリアした後に、写真の下に説明文を表示するようにしました。 映画「スターウォーズ」最新作エピソード７が2015年12月18日に公開予定らしい。 まだまだ、だいぶ先の話ですが、今から楽しみです。 そんなこんなで、今回は、写真に星雲・星団・銀河を使用してみました。 画像はネット上から、説明文はウィキペディアのサイトから拝借いたしました。 説明文がどのように表示されるかは、画像をクリックして実際 […]
- 2013年11月16日
- 2022年9月30日
- 0件
15 PUZZLE Ver.1.02（MENU追加）
これまでは、画像をプレーヤーが選択できず、ゲーム開始時にランダム選択としていました。その為、特定の画像を選ぶには、何度かブラウザで再読み込みが必要でした。 今回は、最初に、画像を選択するメニュー画面「15 PUZZLE MENU （写真16枚）」を表示するようにしました。 前回から更に6枚追加し、全16枚から選んで開始します。 実を言うと、この画面の画像は16枚の写真を縮小表示しているのではなく、 […]
- 2013年11月11日
- 2022年9月30日
- 0件
15 PUZZLE Ver.1.01（ちょっと手直し）
ゲームクリア後に原画を3秒だけ表示するようにしてみました。 ３秒経過後は、ポップアップを表示します。 ＰＣのブラウザ（Firefox）で表示するとこんな感じ。 右の画像をクリックすると実際のゲームページを開きます。 また、画像を５つ増やしました。以下の１０個からランダム選択となります。
