Site

- starting pong game 3d

site/map.js

@@ -0,0 +1,39 @@
+import * as THREE from 'three';
+
+function createMap(scene) {
+	let	wallUp;
+	let	wallDown;
+	let	ground;
+	
+	wallUp = createWall(scene, 0, 0.20, -2.5, 0.5);
+	wallDown = createWall(scene, 0, 0.20, 2.3, 0.1);
+	ground = createGround(scene);
+}
+
+function createWall(scene, x, y, z, thickness) {
+	const geometryWall = new THREE.BoxGeometry(9, 0.5, thickness);
+	const materialWall = new THREE.MeshLambertMaterial({
+		color: 0x3b3b3b,
+	});
+	const wall = new THREE.Mesh(geometryWall, materialWall);
+	wall.position.set(x, y, z);
+	wall.receiveShadow = true;
+	scene.add(wall);
+	return wall;
+}
+
+function createGround(scene) {
+	const geometry = new THREE.PlaneGeometry(9, 4.5, 1);
+	const material = new THREE.MeshLambertMaterial({
+		color: 0x3b3b3b,
+	});
+	const plane = new THREE.Mesh(geometry, material);
+	plane.rotation.x = - (Math.PI / 2);
+	plane.receiveShadow = true;
+	scene.add(plane);
+	return plane;
+}
+
+
+
+export { createMap };