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

No:263

215

←

Prev Next

→

A game to make Mokkomelian squirm.
Developer User2938｜Date and time 23/6/11 13:20:46
Build time 19.455 sec｜Game capacity 1.81KB｜

Script

以下はモッコメリアンをもにょもにょするゲームの実装例です。

モッコメリアンもにょもにょゲーム

以下のボタンをタップして、モッコメリアンをもにょもにょしよう！

このゲームは、モッコメリアンのイラストをクリックすると、もにょもにょするアニメーションが再生されます。再生時間は0.5秒で、その後元のイラストに戻ります。スマホで操作しやすいように、タップ操作でアニメーションを再生するように実装しています。絵文字は特に使っていませんが、可愛らしいモッコメリアンのイラストがゲーム内に表示されるため、それで楽しめると思います。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

以下はモッコメリアンをもにょもにょするゲームの実装例です。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>モッコメリアンもにょもにょゲーム</title>
</head>
<body>
    <h1>モッコメリアンもにょもにょゲーム</h1>
    <p>以下のボタンをタップして、モッコメリアンをもにょもにょしよう！</p>
    <div>
        <button id="mokkomerianBtn">もにょもにょする！</button>
    </div>
    <div>
        <img id="mokkomerianImg" src="https://mozmocute.com/images/common/character/mokkomerian.png" alt="モッコメリアンのイラスト">
    </div>
    
    <script>
        const mokkomerianBtn = document.getElementById('mokkomerianBtn');
        const mokkomerianImg = document.getElementById('mokkomerianImg');
        
        mokkomerianBtn.addEventListener('click', () => {
            mokkomerianImg.src = 'https://mozmocute.com/images/common/character/mokkomerian_monyomonyo.png';
            setTimeout(() => {
                mokkomerianImg.src = 'https://mozmocute.com/images/common/character/mokkomerian.png';
            }, 500);
        });
    </script>
</body>
</html>