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

No:7400

2275

←

Prev Next

→

Follow the principle of vitrification of metals.
Developer User3589｜Date and time 23/7/7 14:09:19
Build time 10.479 sec｜Game capacity 2.102KB｜

Script

以下は、スマホ向けのゲームで金属のガラス化の原理を追うためのシミュレーションプログラムの例です。このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptを含みます。

金属のガラス化の原理を追う

このプログラムは、スマートフォンのモーションセンサーを使用して、画面内の赤いボール（金属）を操作できます。モーションセンサーの値に応じて、ボールが動きます。タッチすると、ボールは青い色に変わり、固体（ガラス）となります。これにより、金属のガラス化の原理をシミュレートしました。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Metallic Glass Formation</title>
    <style>
        body {
            text-align: center;
        }
        
        #container {
            display: inline-block;
        }
        
        .molten {
            background-color: #FF0000;
        }
        
        .glass {
            background-color: #0000FF;
        }
    </style>
</head>
<body>
    <h1>金属のガラス化の原理を追う</h1>
    <div id="container">
        <div class="molten"></div>
    </div>
    
    <script>
        window.addEventListener('deviceorientation', moveMolten);
        document.addEventListener('DOMContentLoaded', addGlassEventListener);
        
        function moveMolten(event) {
            var molten = document.querySelector('.molten');
            molten.style.transform = 'translate(' + event.beta + 'px, ' + event.gamma + 'px)';
        }
        
        function addGlassEventListener() {
            var container = document.querySelector('#container');
            container.addEventListener('touchstart', solidifyGlass);
        }
        
        function solidifyGlass() {
            var molten = document.querySelector('.molten');
            molten.classList.remove('molten');
            molten.classList.add('glass');
            molten.removeEventListener('touchstart', solidifyGlass);
        }
    </script>
</body>
</html>
```