A circle with physics's game

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

No:7145

3301

←

Prev Next

→

A circle with physics
Developer anonymous｜Date and time 70/1/1 9:37:48
Build time unknown sec｜Game capacity 2.268KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file with JavaScript using the canvas element for graphics and the matter.js library for physics simulation. The game involves controlling a circle using touch on a smartphone to navigate it through a maze-like environment.

You can save the above code into an HTML file and open it in a web browser to play the game. On a smartphone, you can touch and drag the circle to move it around. The circle has physics applied to it, allowing it to bounce off walls and other objects.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Circle Game</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>

var engine = Engine.create();

// Create renderer
        var render = Render.create({
            canvas: document.getElementById("gameCanvas"),
            engine: engine,
            options: {
                width: 600,
                height: 400,
                wireframes: false
            }
        });
        Render.run(render);

// Create runner
        var runner = Runner.create();
        Runner.run(runner, engine);

// Create circle
        var circle = Bodies.circle(100, 100, 20, {
            restitution: 0.5
        });
        World.add(engine.world, circle);

// Enable touch control
        document.addEventListener("touchmove", function (event) {
            var touch = event.touches[0];
            if (touch) {
                Matter.Body.setPosition(circle, {
                    x: touch.clientX,
                    y: touch.clientY
                });
            }
        });

// Run game loop
        function gameLoop() {
            Engine.update(engine, 16);

requestAnimationFrame(gameLoop);
        }
        gameLoop();
    </script>
</body>
</html>
```