3D Train Adventure

{"name":"3D Train Adventure","description":"Embark on an exciting 3D train adventure! Navigate through beautiful landscapes, collect points, and avoid obstacles as you control your train. With simple controls and engaging gameplay, this project is perfect for aspiring programmers looking to build something fun and interactive.","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-02-11T20:32:53.169748Z","updated_at":"2025-02-11T20:32:53.169754Z","user_id":166,"status":"PRIVATE","parent_id":5502,"id":5792,"user":{"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,"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},"code":{"script.js":"function setup() {\n createCanvas(windowWidth, windowHeight, WEBGL); // Enable 3D rendering\n background(135, 206, 235); // Sky blue background\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear the screen each frame\n\n // Adjust the zoom sensitivity by passing zoom factor\n orbitControl(1, 1, 0.1); // (rotation speed X, rotation speed Y, zoom sensitivity)\n\n // Draw the axes for visualization\n drawAxes(); // Add this line to visualize axes\n\n // Draw the track underneath the train\n drawTrack(); // Add the track here\n\n // Draw the train car and locomotive\n drawTrain();\n drawLocomotive();\n}\n\n// Function to draw a cross tie\nfunction drawCrossTie(x, y, z, width, height, depth) {\n push();\n translate(x, y, z); // Position the cross tie\n rotateX(HALF_PI); // Rotate the cross tie to be horizontal\n fill(139, 69, 19); // Brown color for the cross tie\n box(width, height, depth); // Box(width, height, depth)\n pop();\n}\n\n// Function to draw a rail\nfunction drawRail(x, y, length, height, width) {\n push();\n translate(x, y, 0); // Position the rail\n fill(192, 192, 192); // Silver color for the rail\n box(length, height, width); // Box(width, height, depth)\n pop();\n}\n\n// Function to draw the wheels\nfunction drawWheels() {\n let wheelY = 25; // Y position for the wheels\n let wheelZOffset = 30; // Z offset for the wheels\n\n // Draw two wheels on each side\n for (let i = -1; i <= 1; i += 2) {\n for (let j = -1; j <= 1; j += 2) {\n push();\n translate(i * 40, wheelY, j * wheelZOffset); // Position the wheel\n translate(40, 0, 0); // Adjust this line to move the wheels along the X-axis\n rotateX(HALF_PI); // Rotate the wheel 90 degrees (HALF_PI radians) about the X-axis\n fill(0); // Black color for the wheels\n cylinder(10, 5); // Cylinder(radius, height)\n pop();\n }\n }\n}\n\n// Function to draw the locomotive\nfunction drawLocomotive() {\n // Draw the front cylinder (the front of the locomotive)\n push();\n translate(150, 0, 0); // Move the locomotive closer to the train car\n rotateZ(HALF_PI); // Rotate the cylinder 90 degrees (HALF_PI radians) about the Z-axis\n noStroke(); // Disable the outline for the cylinder\n fill(128); // Set the color to grey\n cylinder(25, 78); // Keep the same shape with radius 25 and height 60\n pop();\n\n // Draw the box on the backside of the cylinder\n push();\n translate(120, 0, 0); // Position the box at the back side of the cylinder\n fill(0); // Black color for the body\n box(40, 50, 50); // Box(width, height, depth)\n pop();\n\n // Draw the wheels of the locomotive\n drawWheels();\n\n // Draw two big wheels on the locomotive\n drawBigWheels();\n}\n\n// Function to draw big wheels\nfunction drawBigWheels() {\n let wheelY = 30; // Y position for the wheels\n let wheelZOffset = 20; // Z offset for the wheels\n\n // Draw two big wheels on one side\n for (let i = -1; i <= 3; i += 2) {\n push();\n translate(130 + i * 12, wheelY, wheelZOffset); // Position the big wheels closer together\n rotateX(HALF_PI); // Rotate the wheel 90 degrees (HALF_PI radians) about the X-axis\n fill(0); // Black color for the big wheels\n cylinder(10, 5); // Cylinder(radius, height) - bigger wheels\n pop();\n }\n\n // Draw two big wheels on the other side\n for (let j = -1; j <= 3; j += 2) {\n push();\n translate(130 + j * 12, wheelY, -wheelZOffset); // Position the big wheels closer together on the opposite side\n rotateX(HALF_PI); // Rotate the wheel 90 degrees (HALF_PI radians) about the X-axis\n fill(0); // Black color for the big wheels\n cylinder(10, 5); // Cylinder(radius, height) - bigger wheels\n pop();\n }\n}\n\n// Function to draw the train\nfunction drawTrain() {\n // Draw the body of the train using a box\n push();\n translate(40, 0, 0); // Position the train along the X-axis\n fill(150, 75, 0); // Brown color for the train body\n box(100, 50, 50); // Box(width, height, depth)\n pop();\n\n // Draw the wheels\n drawWheels();\n}\n\n// Function to draw the axes\nfunction drawAxes() {\n let axisLength = 200; // Length of each axis\n\n // X Axis (Red)\n push();\n stroke(255, 0, 0); // Red color for X axis\n line(0, 0, 0, axisLength, 0, 0); // Draw line along X axis\n pop();\n\n // Y Axis (Green)\n push();\n stroke(0, 255, 0); // Green color for Y axis\n line(0, 0, 0, 0, axisLength, 0); // Draw line along Y axis\n pop();\n\n // Z Axis (Blue)\n push();\n stroke(0, 0, 255); // Blue color for Z axis\n line(0, 0, 0, 0, 0, axisLength); // Draw line along Z axis\n pop();\n}\n\n// Function to draw the track\nfunction drawTrack() {\n let trackWidth = 200; // Width of the track\n let trackHeight = 10; // Height of the track\n let trackDepth = 10; // Depth of the track\n let trackSpacing = 60; // Spacing between tracks\n let numberOfTracks = 2; // Number of existing tracks\n let additionalTrackX = 200; // X position for the additional track\n\n // Draw the existing tracks\n for (let i = 0; i < numberOfTracks; i++) {\n push();\n translate(0, 40, (i * trackSpacing) - 30); // Move each track down along the Y-axis\n fill(169, 169, 169); // Dark gray color for the track\n box(trackWidth, trackHeight, trackDepth); // Box(width, height, depth)\n pop();\n }\n\n for(let i = 0; i < 20; i++){\n // Draw the additional track in the X direction\n push();\n translate(additionalTrackX, 40, 30); // Move the additional track in the X direction, keeping the Y position\n fill(169, 169, 169); // Dark gray color for the additional track\n box(trackWidth, trackHeight, trackDepth); // Box(width, height, depth)\n pop();\n }\n\n // Draw the additional track in the X direction\n push();\n translate(additionalTrackX, 40, -30); // Move the additional track in the X direction, keeping the Y position\n fill(169, 169, 169); // Dark gray color for the additional track\n box(trackWidth, trackHeight, trackDepth); // Box(width, height, depth)\n pop();\n\n}\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n 3D Train Adventure\n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}