Click here for free DL of the app version that can save data.

No:244

268

←

Prev Next

→

Vending machines where you can buy all kinds of th..ALL
Developer User2983｜Date and time 23/6/11 10:11:08
Build time 18.911 sec｜Game capacity 1.738KB｜

Script

を題材にしたシンプルなゲームを作ってみました。

自販機ゲーム

🥤
100円

買う

このゲームでは自販機のスロットに100円を入れて、ボタンを押すとランダムな結果が表示されます。1〜3が出た場合は何も出ません。4〜8が出た場合はジュースが出ます。9〜10が出た場合は大当たりでお菓子もついてきます。スマホでも操作しやすく、わかりやすい絵文字と色使いを意識しました。また、JavaScriptを使って動的なアクションを取るようにしました。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

を題材にしたシンプルなゲームを作ってみました。

<HTML>
<head>
 <title>自販機ゲーム</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
 body {text-align: center;font-family: Arial;}
 h1 {color: #FFB6C1;}
 .vending-machine {width: 80%;max-width: 300px;margin: 0 auto;}
 .slot {border: 1px solid gray;padding: 30px;}
 .button {background-color: #FFB6C1;border: none;color: white;padding: 15px;cursor: pointer;}
 .result {color: #FFB6C1;font-size: 20px;font-weight: bold;margin: 30px 0;}
</style>
</head>

<body>
<h1>自販機ゲーム</h1>
<div class="vending-machine">
 <div class="slot">🥤<br>100円</div>
 <div class="button" onclick="game()">買う</div>
 <div class="result" id="result"></div>
</div>

</body>
</HTML>

このゲームでは自販機のスロットに100円を入れて、ボタンを押すとランダムな結果が表示されます。1〜3が出た場合は何も出ません。4〜8が出た場合はジュースが出ます。9〜10が出た場合は大当たりでお菓子もついてきます。

スマホでも操作しやすく、わかりやすい絵文字と色使いを意識しました。また、JavaScriptを使って動的なアクションを取るようにしました。