BlockCraft Adventure

{"name":"THREE blocks","description":"","photo":"","view_count":8,"fork_count":0,"expires_at":null,"created_at":"2025-06-10T20:28:39.598790Z","updated_at":"2025-06-10T20:28:39.598792Z","user_id":166,"status":"PRIVATE","parent_id":8210,"id":8213,"user":{"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let scene, camera, renderer;\n\nlet grid = [];\n\nconst gridSize = 40;\n\nconst cubeSize = 1;\n\nlet player;\n\nconst playerSpeed = 0.1;\n\nlet keys = { w: false, a: false, s: false, d: false };\n\nlet controls;\n\n// Update the camera to follow the player\nfunction updateCamera() {\n camera.position.set(player.position.x, player.position.y, player.position.z); // Position camera at the player\n camera.lookAt(player.position); // Point camera at player's position\n}\n\nfunction handleKeyUp(event) {\n const key = event.key;\n if (keys.hasOwnProperty(key)) {\n keys[key] = false; // Set key state to false when released\n }\n}\n\nwindow.onload = init;\n\nfunction createAxes() {\n const axesHelper = new THREE.AxesHelper(50); // Create axes helper with length of 5 units\n scene.add(axesHelper); // Add the axes helper to the scene\n}\n\nfunction init() {\n // Initialize the scene\n scene = new THREE.Scene();\n\n // Create and add axes to the scene\n createAxes();\n\n // Initialize the camera\n camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);\n camera.position.set(0, 2, 0); // Start at player's eye level above the ground\n camera.rotation.set(0, 0, 0); // Set camera rotation to be parallel to the ground\n\n\n // Initialize the renderer\n renderer = new THREE.WebGLRenderer();\n renderer.setSize(window.innerWidth, window.innerHeight);\n document.body.appendChild(renderer.domElement);\n\n // Initialize PointerLockControls\n controls = new THREE.PointerLockControls(camera, document.body);\n\n // Add click event to enable pointer lock\n document.addEventListener('click', () => {\n controls.lock();\n });\n\n // Create the grid\n createGrid();\n\n // Initialize player and add event listeners\n createPlayer(); // Create the player character\n window.addEventListener('keydown', handleKeyDown); // Listen for key presses\n window.addEventListener('keyup', handleKeyUp); // Listen for key releases\n\n // Render the scene\n animate();\n}\n\nfunction createPlayer() {\n player = {\n position: new THREE.Vector3(5, 1, 5), // Start position above the ground\n velocity: new THREE.Vector3(0, 0, 0), // Y velocity for jumping and gravity\n isOnGround: true, // To check if the player is on the ground\n move: function (direction) {\n this.position.add(direction.clone().multiplyScalar(playerSpeed));\n this.position.y += this.velocity.y; // Apply Y velocity for jumping\n this.checkGround(); // Check if the player is on the ground\n },\n jump: function () {\n if (this.isOnGround) {\n this.velocity.y = 0.25; // Set velocity for jumping\n this.isOnGround = false; // Player is now in the air\n }\n },\n checkGround: function () {\n // Check if the player is on the ground\n if (this.position.y <= 1) { // Assuming ground level is at y = 1\n this.position.y = 1; // Reset to ground level\n this.velocity.y = 0; // Reset vertical velocity\n this.isOnGround = true; // Player is on the ground\n }\n }\n };\n}\n\nfunction animate() {\n requestAnimationFrame(animate);\n\n // Apply gravity\n if (!player.isOnGround) {\n player.velocity.y -= 0.01; // Apply gravity\n }\n\n // Only proceed if controls are locked for movement\n if (controls.isLocked) {\n // Calculate movement direction based on the camera's orientation\n const cameraDirection = new THREE.Vector3();\n camera.getWorldDirection(cameraDirection);\n cameraDirection.y = 0; // Ignore vertical direction\n cameraDirection.normalize(); // Normalize to make it a unit vector\n\n const right = new THREE.Vector3();\n right.crossVectors(cameraDirection, new THREE.Vector3(0, 1, 0)); // Get right vector\n\n const direction = new THREE.Vector3();\n if (keys.w) direction.add(cameraDirection); // Move forward\n if (keys.s) direction.sub(cameraDirection); // Move backward\n if (keys.a) direction.sub(right); // Move left\n if (keys.d) direction.add(right); // Move right\n\n direction.normalize(); // Normalize direction to keep consistent speed\n player.move(direction); // Move player based on calculated direction\n\n // Update camera position to follow player\n camera.position.set(player.position.x, player.position.y + 1.5, player.position.z);\n }\n\n renderer.render(scene, camera);\n}\n\nfunction handleKeyDown(event) {\n const key = event.key;\n if (key === ' ') { // Check if spacebar is pressed\n player.jump(); // Call jump function\n }\n if (keys.hasOwnProperty(key)) {\n keys[key] = true; // Set key state to true when pressed\n }\n}\n\nfunction createGrid() {\n const geometry = new THREE.BoxGeometry(cubeSize, cubeSize, cubeSize);\n const materialSolid = new THREE.MeshBasicMaterial({ color: 0x701070 });\n const materialWireframe = new THREE.MeshBasicMaterial({ color: 0xef8fef, wireframe: true });\n\n for (let x = 0; x < gridSize; x++) {\n grid[x] = [];\n for (let y = 0; y < gridSize; y++) {\n grid[x][y] = [];\n for (let z = 0; z < gridSize; z++) {\n let type;\n if (y === 0 || (y === 1 && (x % 5 === 0 && z % 5 === 0))) { // Adding blocks one layer up from the ground\n type = 1; // Solid cube\n } else {\n type = 0; // Space above is open\n }\n if (type === 1) {\n const cube = new THREE.Mesh(geometry, materialSolid);\n const wireframe = new THREE.Mesh(geometry, materialWireframe);\n cube.add(wireframe); // Add wireframe to cube\n cube.position.set(x * cubeSize, y * cubeSize, z * cubeSize);\n scene.add(cube);\n }\n grid[x][y][z] = type;\n }\n }\n }\n}\n\nfunction checkCollision(player) {\n const playerBox = new THREE.Box3().setFromCenterAndSize(\n player.position,\n new THREE.Vector3(cubeSize, cubeSize, cubeSize) // Size of the player's bounding box\n );\n\n for (let x = 0; x < gridSize; x++) {\n for (let y = 0; y < gridSize; y++) {\n for (let z = 0; z < gridSize; z++) {\n if (grid[x][y][z] === 1) { // Check only solid blocks\n const blockBox = new THREE.Box3().setFromCenterAndSize(\n new THREE.Vector3(x * cubeSize, y * cubeSize, z * cubeSize),\n new THREE.Vector3(cubeSize, cubeSize, cubeSize)\n );\n\n if (playerBox.intersectsBox(blockBox)) {\n // If the player is colliding with a block, resolve collision\n if (player.velocity.y < 0) { // Player is falling\n player.position.y = blockBox.max.y + (cubeSize / 2); // Place player on top of the block\n player.velocity.y = 0; // Reset vertical velocity\n player.isOnGround = true; // Player is now on the ground\n }\n // Resolve horizontal collisions if necessary\n if (player.velocity.x !== 0) {\n player.position.x -= player.velocity.x; // Adjust position in X\n }\n if (player.velocity.z !== 0) {\n player.position.z -= player.velocity.z; // Adjust position in Z\n }\n }\n }\n }\n }\n }\n}\n\n","style.css":"body {\n margin: 0;\n}\n\ncanvas {\n display: block;\n}","index.html":"\n\n\n\n\n \n \n BlockCraft Adventure\n \n \n\n\n\n \n \n\n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}