Viewing Program

Program Data

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

Title	go touch some grass
ID	5599085380550656
Created	1 years ago, 1691249085130
Updated	1 years ago, 1691261825690
Code	<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <style> { padding: 0px; margin: 0px; overflow:hidden; } </style> <title>go touch some grass</title> <canvas id="canvas" width="600" height="600"></canvas> <script src="https://cdn.jsdelivr.net/gh/josephg/noisejs/perlin.js"></script> <script type="module"> var key={}; window.addEventListener("keydown", (event) => { key[event.key]=true; }); window.addEventListener("keyup", (event) => { delete key[event.key]; }); const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); var frameCount = 0; var distance = 2, thetax = -0.4, thetaz = 0 var d = function(x, y, z) { x = x + player.x y = y + player.y z = z + player.z var zdist = ((x Math.sin(-thetaz) + y * Math.cos(-thetaz)) * Math.cos(thetax) - z * Math.sin(thetax) + distance) return [(((x * Math.cos(-thetaz) - y * Math.sin(-thetaz)) / zdist * -distance * 102) + 300), (-(((x * Math.sin(-thetaz) + y * Math.cos(-thetaz)) * Math.sin(thetax) + z * Math.cos(thetax)) / zdist * -distance) * 102) + 300, zdist]; }; for (let i = window.requestAnimationFrame(function() {}); i > 0; i--) { window.cancelAnimationFrame(i); } var camera = { x: (-Math.sin(thetax + (Math.PI / 2)) * Math.cos(thetaz + (Math.PI / 2))) * distance, y: (-Math.sin(thetax + (Math.PI / 2)) * Math.sin(thetaz + (Math.PI / 2))) * distance, z: -Math.cos(thetax + (Math.PI / 2)) * distance } function camdist(x, y, z) { return (Math.sqrt(((x + camera.x * distance) ** 2) + ((y + camera.y * distance) ** 2) + ((z + camera.z * distance) ** 2))) } function fill(r, g, b, a) { if (!(a <= 255)) { ctx.fillStyle = "rgb(" + r + "," + g + "," + b + "," + 255 + ")"; } else { ctx.fillStyle = "rgb(" + r + "," + g + "," + b + "," + a + ")"; } } function dot(x1, y1, z1, x2, y2, z2) { return (x1 * x2 + y1 * y2 + z1 * z2); } function unit(x, y, z) { var amplitude = Math.sqrt(x * x + y * y + z * z) return [x / amplitude, y / amplitude, z / amplitude] } function func(x, y) { x = x - 50 y = y - 50 x = x / 3 y = y / 3 return Math.min(noise.perlin2(x / 10, y / 10) * 10,2); } var spacing = 2 var grid = []; var indexer = []; var indexl = []; for (var x = 0, i = 0; x < 100; x += spacing) { for (var y = 0; y < 100; y += spacing) { grid.push([ [x - 50, y - 50, func(x, y)], [x - 50 + spacing + 0.05, y - 50, func(x + spacing + 0.05, y)], [x - 50 + spacing + 0.05, y - 50 + spacing + 0.05, func(x + spacing + 0.05, y + spacing + 0.05)], [x - 50, y - 50 + spacing + 0.05, func(x, y + spacing + 0.05)] ]) i++ } } var depths = []; function mod(a, b) { if (a > 0) { return a % b; } else { return (a + b * Math.abs(a)) % b; } } var chunkloadTrigger = 0 function drawMesh() { fill(154, 195, 292); ctx.fillRect(-100, -100, 800, 800) fill(255, 255, 200, 0.2); for (var i = 0; i < 10; i++) { ctx.beginPath(); ctx.ellipse(d(100000, 0, -1120)[0], d(100000, 0, -1120)[1], 60 - i, 60 - i, 0, 0, Math.PI * 2); ctx.fill(); } ctx.closePath(); if (mod(Math.round(player.x), 9) === 1 \|\| mod(Math.round(player.y), 9) === 1 && chunkloadTrigger === 0) { grid = []; for (var x = 0, i = 0; x < 100; x += spacing) { for (var y = 0; y < 100; y += spacing) { grid.push([ [x - 50 - player.x, y - 50 - player.y, func(x - player.x, y - player.y)], [x - 50 + spacing + 0.05 - player.x, y - 50 - player.y, func(x + spacing + 0.05 - player.x, y - player.y)], [x - 50 + spacing + 0.05 - player.x, y - 50 + spacing + 0.05 - player.y, func(x + spacing + 0.05 - player.x, y + spacing + 0.05 - player.y)], [x - 50 - player.x, y - 50 + spacing + 0.05 - player.y, func(x - player.x, y + spacing + 0.05 - player.y)] ]) i++ } } chunkloadTrigger = 1 } if (mod(Math.round(player.x), 9) === 4 \|\| mod(Math.round(player.y), 9) === 4) { chunkloadTrigger = 0; } grid.sort(function(pos1, pos2) { return (d.apply(null, pos2[0])[2] - d.apply(null, pos1[0])[2]); }); ctx.lineWidth = 1; fill(25, 125, 255, 0.2) ctx.strokeStyle = "rgba(25,125,255)" for (var x = 0; x < grid.length; x++) { var index1 = x var point1 = d(grid[index1][0][0], grid[index1][0][1], -30) var units = unit((grid[index1][0][2] - grid[index1][1][2])/spacing, (grid[index1][0][2] - grid[index1][3][2])/spacing,1) var unitx = units[0]; var unity = units[1]; var unitz = units[2]; var dotwater = -(dot(unitx, unity, unitz, cameran.x, cameran.y, -cameran.z) / 2) + 1 var occ = 1 - Math.max(Math.min(4 - (camdist(grid[index1][0][0], grid[index1][0][1], grid[index1][0][2])) / 10, 1), 0) fill(lerp(250, 154, occ), lerp(250, 195, occ), lerp(250, 292, occ),dotwater10-8.3) if(grid[index1][0][2]>0){ ctx.beginPath(); if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } var point1 = d(grid[index1][1][0], grid[index1][1][1], -30) if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } var point1 = d(grid[index1][2][0], grid[index1][2][1], -30) if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } var point1 = d(grid[index1][3][0], grid[index1][3][1], -30) if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } ctx.fill(); ctx.closePath(); } var point1 = d(grid[index1][0][0], grid[index1][0][1], grid[index1][0][2]) var cameransaverx=cameran.x; var cameransavery=cameran.x; if(grid[index1][0][2]>=2){ cameran.x+=grid[index1][0][0]/100 cameran.y+=grid[index1][0][1]/100 var dotwater = Math.max(-(dot(unitx, unity, unitz, cameran.x, cameran.y, -cameran.z) / 2) + 1 + Math.min(2000Math.pow((dot(unitx, unity, unitz, cameran.xMath.sqrt(cameran.xcameran.x+cameran.ycameran.y+cameran.zcameran.z), cameran.yMath.sqrt(cameran.xcameran.x+cameran.ycameran.y+cameran.zcameran.z), -cameran.zMath.sqrt(cameran.xcameran.x+cameran.ycameran.y+cameran.zcameran.z)) / 2),5),0.6),1) fill(lerp(130 * dotwater, 154, occ), lerp(139 * dotwater, 195, occ), lerp(293 * dotwater, 292, occ)) cameran.x=cameransaverx; cameran.y=cameransaverx; }else{ fill(lerp(120 * dotwater, 154, occ), lerp(239 * dotwater - 20, 195, occ), lerp(93 * dotwater - 20, 292, occ)) } ctx.beginPath(); if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } var point1 = d(grid[index1][1][0], grid[index1][1][1], grid[index1][1][2]) if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } var point1 = d(grid[index1][2][0], grid[index1][2][1], grid[index1][2][2]) if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } var point1 = d(grid[index1][3][0], grid[index1][3][1], grid[index1][3][2]) if (point1[2] > 0) { ctx.lineTo.apply(ctx, point1); } ctx.fill(); ctx.closePath(); } } function lerp(a, b, t) { return (1 - t) * a + t * b; } var frameCount = 0; var player = { x: 0, y: 0, z: 10 }; var cameran = { x: 0, y: 0, z: 0 }; var fps = 20; var now; var then = performance.now(); var interval = 1000 / fps; var delta; var pretime; var angle = 0; var preang=0; var playerz; var turnspeed=0; function draw() { pretime = performance.now(); window.requestAnimationFrame(draw); now = performance.now(); delta = now - then; if (delta > interval) { then = now - (delta % interval); frameCount += 1; angle += noise.simplex2(0, frameCount / 500) / 70; player.x -= Math.cos(angle) / 2 player.y -= Math.sin(angle) / 2 player.z = -noise.perlin2(-player.x / 30, -player.y / 30) * 6 + 5 if(key.d){ turnspeed+=0.002 } if(key.a){ turnspeed-=0.002 } if(key.g){ player.z = -noise.perlin2(-player.x / 30, -player.y / 30) * 10 + 1 player.x += Math.cos(angle) / 2.8 player.y += Math.sin(angle) / 2.8 } turnspeed/=1.05; angle+=turnspeed; ctx.strokeStyle = "rgb(255,255,255)"; ctx.save(); ctx.translate(300, 300) ctx.rotate((preang-angle)10); ctx.translate(-300, -300) drawMesh(); ctx.restore(); camera.x = (-Math.sin(thetax + (Math.PI / 2)) Math.cos(thetaz + (Math.PI / 2))) + player.x / distance camera.y = (-Math.sin(thetax + (Math.PI / 2)) * Math.sin(thetaz + (Math.PI / 2))) + player.y / distance camera.z = -Math.cos(thetax + (Math.PI / 2)) + player.z / distance cameran.x = (-Math.sin(thetax + (Math.PI / 2)) * Math.cos(thetaz + (Math.PI / 2))) cameran.y = (-Math.sin(thetax + (Math.PI / 2)) * Math.sin(thetaz + (Math.PI / 2))) cameran.z = -Math.cos(thetax + (Math.PI / 2)) thetax=(player.z-playerz)-0.1 thetaz = angle - Math.PI / 2 playerz=player.z preang=angle; } } draw(); //<script> This adds a reload button </script> </head> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLO56or5CQw
Votes	88
Spin-Offs	7
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bearkirb314🐻❄️
Author Name	BearKirb314
Author ID	kaid_375460112550893828689953
Author Profile Access	PUBLIC

Archive Data

Added	23 days ago, 1734464235906
Updated	23 days ago, 1734464283374
Source Deleted	unknown