Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Explore 3D
ID	4980539996307456
Created	8 years ago, 1489526456400
Updated	8 years ago, 1489534635663
Code	// Explore the world. // No goal. // No enemies. // No losing. // Just exploring. // This is just a tech demo. var viewDistance = 30; // You can change this if you want to see further. var cutoff = 15; // where the grid halves resolution var mouseIsReleased = false; var keys = []; var state = "menu"; var rotX = 0; var rotZ = 0; var playerX = 0; var playerY = 0; var playerZ = 0; var playerXv = 0; var playerYv = 0; var playerZv = 0; var hitGround = false; var grid = {}; frameRate(40); for(var i = 0; i < 50; i++) { grid[i] = {}; for(var j = 0; j < 50; j++) { grid[i][j] = [noise(i * 0.01, j * 0.01) * 100 - 50, lerpColor(color(0, 255, 0), color(0, 0, 0), random(0.4, 0.6))]; } } var drawGrid = function(xOffset, yOffset, zOffset, rotation, rotation2, fogColor, viewDistance) { var s = sin(rotation); var c = cos(rotation); var s2 = sin(rotation2); var c2 = cos(rotation2); var rects = []; for(var i = -viewDistance; i <= viewDistance; i++) { for(var j = -viewDistance; j <= viewDistance; j++) { var distance = dist(0, 0, i, j); if(distance > cutoff && ((i + floor(xOffset)) % 2 !== 0 \|\| (j + floor(yOffset)) % 2 !== 0)) { continue; } var x = i - (xOffset % 1); var y = j - (yOffset % 1); var tx = x * c - y * s; var ty = x * s + y * c; x = tx; y = ty; var cell; try { cell = grid[i + floor(xOffset)][j + floor(yOffset)]; } catch(e) { continue; } if(cell === undefined) { continue; } var z = cell[0] - zOffset; var ty = y * c2 - z * s2; var tz = y * s2 + z * c2; y = ty; z = tz; var d = y * 0.008; if(d < 0) { continue; } var ss = 1.5 / d; if(distance > cutoff) { ss = 2; x += 0.5; z += 0.5; } var sx = x / d; var sy = z / d; if(sx < -200 - ss \|\| sx > 200 + ss) { continue; } var fogAmount = constrain(map(dist(0, 0, x, y), 0, viewDistance - 1, 0, 1), 0, 1); fogAmount = fogAmount * fogAmount; rects.push([sx - ss, sy, ss * 2, ss * 4, lerpColor(cell[1], fogColor, fogAmount), d]); } } rects.sort(function(a, b) { return b[5] - a[5]; }); for(var i = 0; i < rects.length; i++) { fill(rects[i][4]); rect(rects[i][0], rects[i][1], rects[i][2], rects[i][3]); } }; var animatorPercent = function(start, end, percentage) { percentage = 1 - pow(1 - percentage, 2); return map(percentage, 0, 1, start, end); }; var animator = function(start, end, startTime, endTime) { var percentage = constrain(map(frameCount, startTime, endTime, 0, 1), 0, 1); return animatorPercent(start, end, percentage); }; var button = function(txt, x, y) { var returnValue = false; pushMatrix(); translate(x, y); fill(0, 0, 0, 80); if(mouseX > x - 80 && mouseY > y - 20 && mouseX < x + 80 && mouseY < y + 20) { cursor("pointer"); fill(0, 0, 0, 50); if(mouseIsPressed) { fill(0, 0, 0, 120); } if(mouseIsReleased) { returnValue = true; } } rect(-80, -20, 160, 40, 5); fill(255); textSize(15); textAlign(CENTER, CENTER); text(txt, 0, 0); popMatrix(); return returnValue; }; var intro = function() { if(frameCount < 130) { var circles = animator(750, 20, 30, 80); var circley = animator(0, 500, 90, 120) + animator(300, 0, 30, 80); fill(192); rect(0, animator(-400, 600, 95, 125), width, height * 4); fill(96); ellipse(200, circley, circles, circles); fill(255); var arcs = animator(500, 0, 0, 40); var arce = animator(180, 0, 10, 40); arc(200, 200, arcs, arcs, -arce + 90, arce + 90); rect(0, animator(-400, 600, 95, 125), width, height * animator(0.5, 0, 95, 125)); } }; var generate = function(x, y) { var bh = noise(x * 0.01, y * 0.01, 1234) * 300 - 150; var fh = noise(x * 0.003, y * 0.003, 521) * 300 - 150; var mx = (noise(x * 0.02, y * 0.02, 12351) - 0.5) * 5; var h = lerp(bh, fh, constrain(mx, 0, 1)); return [h, lerpColor(color(0, 255, 0), color(0, 0, 0), random(0.2, 0.6))]; }; var getHeightInteger = function(x, y) { return grid[x][y][0]; }; var getHeight = function(x, y) { var ix = x % 1; var iy = y % 1; x = floor(x); y = floor(y); var v00 = getHeightInteger(x, y); var v01 = getHeightInteger(x, y + 1); var v10 = getHeightInteger(x + 1, y); var v11 = getHeightInteger(x + 1, y + 1); var en = v00 * (1 - iy) + v01 * iy; var ep = v10 * (1 - iy) + v11 * iy; return en * (1 - ix) + ep * ix; }; var initGame = function() { grid = []; rotX = 0; rotZ = 0; playerX = 0; playerY = 0; playerXv = 0; playerYv = 0; playerZv = 0; state = "game"; for(var i = -50; i < 50; i++) { grid[i] = {}; for(var j = -50; j < 50; j++) { grid[i][j] = generate(i, j); } } }; var renderGame = function() { var speed = dist(0, 0, playerXv, playerYv); var bobX = 0; var bobY = 0; var bobZ = abs(sin(frameCount * 30) * speed * 0.5); var bobSide = cos(frameCount * 30) * speed * 0.5; var s = sin(rotZ); var c = cos(rotZ); bobX = -c * bobSide; bobY = s * bobSide; background(80, 128, 255); pushMatrix(); translate(200, 200); fill(100, 192, 255); rect(-200, rotX * 3, width, height); drawGrid(playerX + bobX, playerY + bobY, playerZ - 6 + bobZ, rotZ, rotX, color(100, 192, 255), viewDistance); popMatrix(); }; var updateGame = function() { if(mouseIsPressed) { rotZ += (mouseX - pmouseX); rotX += (pmouseY - mouseY); } if(rotX < -60) { rotX = -60; } if(rotX > 60) { rotX = 60; } var s = sin(rotZ); var c = cos(rotZ); var spd = 0.05; if(keys.W) { playerXv += s * spd; playerYv += c * spd; } if(keys.S) { playerXv -= s * spd; playerYv -= c * spd; } if(keys.A) { playerXv -= c * spd; playerYv += s * spd; } if(keys.D) { playerXv += c * spd; playerYv -= s * spd; } if(keys[" "] && hitGround) { playerZv = -0.6; } playerX += playerXv; playerY += playerYv; playerZ += playerZv; playerXv = 0.8; playerYv = 0.8; var playerGroundHeight = getHeight(playerX, playerY); if(playerZ > playerGroundHeight) { playerZ = playerGroundHeight; playerZv = 0; hitGround = true; } else { playerZv += 0.03; hitGround = false; } for(var i = -viewDistance; i < viewDistance; i++) { if(grid[i + floor(playerX)] === undefined) { grid[i + floor(playerX)] = {}; } for(var j = -viewDistance; j < viewDistance; j++) { if(grid[i + floor(playerX)][j + floor(playerY)] === undefined) { grid[i + floor(playerX)][j + floor(playerY)] = generate(floor(i + playerX), floor(j + playerY)); } } } }; var draw = function() { cursor("default"); noStroke(); pushMatrix(); scale(width / 400, height / 400); switch(state) { case "menu": background(128, 112, 96); pushMatrix(); translate(200, 200); drawGrid(25, 25, getHeight(25, 25) - 3, frameCount * 0.1, 0, color(128, 112, 96), 20); popMatrix(); textAlign(CENTER, CENTER); textFont(createFont("sans")); textSize(20); fill(255); text("Explore 3D", 200, 50); textFont(createFont("sans Italic")); textSize(10); text("a ◄BLITZ► thingy (not a game)", 200, 80); textFont(createFont("sans")); if(button("Play", 200, 200)) { initGame(); } if(button("Help", 200, 250)) { state = "help"; } break; case "help": textFont(createFont("sans")); textSize(12); textAlign(CENTER, CENTER); text("Explore using WASD and dragging the mouse.", 200, 200); if(button("Back", 310, 370)) { state = "menu"; } break; case "game": renderGame(); updateGame(); break; } intro(); mouseIsReleased = false; popMatrix(); }; var mouseReleased = function() { mouseIsReleased = true; }; var mouseMoved = function() { mouseX = (400 / width); mouseY = (400 / height); pmouseX = (400 / width); pmouseY = (400 / height); }; mouseDragged = mouseMoved; var keyPressed = function() { keys[keyCode] = true; keys[String.fromCharCode(keyCode)] = true; }; var keyReleased = function() { keys[keyCode] = false; keys[String.fromCharCode(keyCode)] = false; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJSq5bjsCAw
Votes	208
Spin-Offs	38
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	DO NOT COMMENT ON ANY OF MY PROGRAMS!!!!!!!!!! ◄BLITZ►
Author Name	blitzofkhan
Author ID	kaid_25970992734117577758496
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739372383560
Updated	10 months ago, 1739372423354
Source Deleted	unknown