Photon MapperMade with HTML, CSS, JS
photon mapping — very similar to ray tracing.
Over a year ago, I made a photon mapper but my old site is dead which is where it was hosted. I decided to post it to replit because I was bored! I hope you discover some cool things (look at the article I used for the formulas: https://www.scratchapixel.com/lessons/3d-basic-rendering/minimal-ray-tracer-rendering-simple-shapes) and have fun with this!Recent comments (85)codeitfast11 months ago
This is great!bazookaNuke1 year ago
niceCoderGautamYT1 year ago
Now this is coolcoclement1 year ago
doesn't even work bozoinyourface34451 year ago
I will post a high-quality render as soon as it is done. Image size: 3840 Simulated Photons: 3986 Reflections: 10 Light Photons: True What I have so far:
A cool render:
Prams: Graphics max at 512, Simulated photons at 3986, Reflections at 10, Light photos is True, Graphics world origin (px) is at 50.MontyOwen1 year ago
how long did it take you to make this?! 580 LINES OF JS?!ColoredHue1 year ago
pretty coolDelta5951 year ago
this is really coolAlpharumeric1 year ago
@WaterZ69 I love itWaterZ691 year ago
maybe I should make an online CPU stress test based on this photon mapper, like the URIH SilverBench?
3D Minecraft Clone in JSMade with HTML, CSS, JS
Disclaimer: this is not meant to be a realistic replication of minecraft, I just thought it was a cool project and was worth optimizing and posting.
This is a 3D clone of Minecraft made with Three.js, with voxel terrain generation. It has been optimized a bunch to run smoother and be more usable and to generate terrains a little differently. I also added adjustable render distance and will add a menu for adjusting a lot of other things soon!
CONTROLS: WASD = move, Q = place block, click = break block, SPACE = jump, double press W = sprint, click FPS menu = change display (fraps/ping/memory)
To start, just enter your render distance (must be an integer value starting at 1, don't go over 8)
Game logic credit goes to FRADAR on cdpn
Please leave a comment down below about what you think! Hope you enjoy! If this gets 2000 likes, I'll add the many features I have planned!Recent comments (1242)
GUYS YOU NEED TO OPEN UP THE WEBSITE VERSION THEN CLICK TO MOVE CAM
i got glitched inside a block, and movement was backwards, this needs proper z-clipping
set render distance 1 to seepurpletornado713 days ago
works suprisingly well, would love to see this project growBryanRamirezVal16 days ago
How do you move camMrBugReporter21 days ago
heck noMrBugReporter21 days ago
:/SuperSaiyanCoding26 days ago
Very good! I realised that using a render distance of 2 worked better for me than 1ZANEDEVERNEY1 month ago
how tur camera