Create worlds and populate them with life. Watch civilizations grow and fight! WorldBox is a free god and simulation Sandbox game. In this free Sandbox god game you can create life and watch it prosper! Spawn sheep, wolves, orks, elfs, dwarves and other magic creatures! Civilizations can craft and build houses, roads and go to war with each other. Help them survive, evolve and build powerful civilization! The Sandbox. Play around with different powers. You can dissolve ground with acid rain's game

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

No:17919

←

Prev Next

→

Create worlds and populate them with life. Watch c..ALL
Developer User7456｜Date and time 23/9/25 6:19:24
Build time 4.408 sec｜Game capacity 0.554KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>3D Cube Game</title>
	<style>
		canvas {
			display: block;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	
	<script>
		const canvas = document.getElementById('canvas');
		const context = canvas.getContext('2d');
		
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;
		
		const rotation = {
			x: 0,
			y: 0,
			z: 0
		};
		
		const cube = {
			vertices: [
				[-50, -50, -50],
				[-50, 50, -50],
				[50, 50, -50],
				[50, -50, -50],
				[-50, -50, 50],
				[-50, 50, 50],
				[50, 50, 50],
				[50, -50, 50]
			],
			edges: [
				[0, 1],
				[1, 2],
				[2, 3],
				[3, 0],
				[4, 5],
				[5, 6],
				[6, 7],
				[7, 4],
				[0, 4],
				[1, 5],
				[2, 6],
				[3, 7]
			]
		};
		
		function renderCube() {
			context.clearRect(0, 0, canvas.width, canvas.height);
			
			const projectedVertices = [];
			
			for (let i = 0; i < cube.vertices.length; i++) {
				const vertex = cube.vertices[i];
				
				const rotatedX = vertex[0] * Math.cos(rotation.x) + vertex[2] * Math.sin(rotation.x);
				const rotatedY = vertex[1] * Math.cos(rotation.y) + vertex[2] * Math.sin(rotation.y);
				const rotatedZ = vertex[2] * Math.cos(rotation.z) - vertex[0] * Math.sin(rotation.z);
				
				const distance = 500;
				const fov = (canvas.width + canvas.height) / 2;
				const scale = fov / (fov + rotatedZ + distance);
				
				const x = canvas.width / 2 + rotatedX * scale;
				const y = canvas.height / 2 + rotatedY * scale;
				
				projectedVertices.push([x, y]);
			}
			
			for (let i = 0; i < cube.edges.length; i++) {
				const edge = cube.edges[i];
				const startPoint = projectedVertices[edge[0]];
				const endPoint = projectedVertices[edge[1]];
				
				context.beginPath();
				context.moveTo(startPoint[0], startPoint[1]);
				context.lineTo(endPoint[0], endPoint[1]);
				context.stroke();
			}
		}
		
		document.addEventListener('keydown', function(event) {
			switch(event.keyCode) {
				case 37: // left arrow
					rotation.x -= 0.05;
					break;
				case 38: // up arrow
					rotation.y += 0.05;
					break;
				case 39: // right arrow
					rotation.x += 0.05;
					break;
				case 40: // down arrow
					rotation.y -= 0.05;
					break;
			}
			
			renderCube();
		});
		
		renderCube();
	</script>
	
</body>
</html>