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

No:6820

112

←

Prev Next

→

Ice maker for ice candy shops! Learn how it works!
Developer User3589｜Date and time 23/7/3 21:52:06
Build time 13.153 sec｜Game capacity 1.204KB｜

Script

氷菓子屋の製氷器！仕組みを学ぼう！

遊び方：

製氷機を動かすには、スマホを傾けて操作してください。氷が製造され、溶けていく様子を見ることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>氷菓子屋の製氷器！仕組みを学ぼう！</title>
</head>
<body>
    <h1>氷菓子屋の製氷器！仕組みを学ぼう！</h1>

<h2>遊び方：</h2>
    <p>製氷機を動かすには、スマホを傾けて操作してください。氷が製造され、溶けていく様子を見ることができます。</p>

<div id="iceBlock"></div>
    
    <script>
        function createIceBlock() {
            var iceBlock = document.createElement("div");
            iceBlock.innerHTML = "❄️";
            iceBlock.style.fontSize = "50px";
            iceBlock.style.position = "absolute";
            iceBlock.style.top = "0";
            iceBlock.style.left = "0";
            document.body.appendChild(iceBlock);
            return iceBlock;
        }
        
        function moveIceBlock(event) {
            iceBlock.style.top = event.beta + "px";
            iceBlock.style.left = event.gamma + "px";
        }

function startGame() {
            iceBlock = createIceBlock();
            window.addEventListener("deviceorientation", moveIceBlock, true);
        }
        
        startGame();
    </script>
</body>
</html>