RayMarching | RayMarching Visualiser

RayMarching is a JavaScript library. RayMarching has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

This project contains a tester project to explore vector collision (vectorcollision) and an implementation project that visualizes the ray marching algorithm (raymarch). As a gamer, this helped me learn about what goes into the games that I play. I’ve discovered the main differences between Ray Tracing and Ray Marching. Vector Collision allowed me to experiment with ways to detect if a vector collided with another. * I experimented with the initial idea of looping through all the positions between the origin position and the MAX_LENGTH of each ray casted and checking if the distance to each shape is within a certain threshold. * This proved to be pretty resource heavy as it would be O(n²) * ~javascript const getIntersections = () ⇒ { const theta = (angle * Math.PI) / 180; let x, y; for (let i = eye.origin.outerDistance(shapes[0].origin); i MAX_LENGTH; i) { x = eye.origin.x + i * Math.cos(theta); y = eye.origin.y + i * Math.sin(theta); const endPoint = new Vec2(x, y); for (let j = 0; j < shapes.length; j) { const s = shapes[j]; if (s.origin.isInArea(eye.origin)) { return; } if (endPoint.outerDistance(s.origin) < 1 && !s.origin.isInArea(endPoint)) { intersects.push(endPoint); return; } } } }; ~ * I relearnt vector math. * I ran investigations into OOP programming in JS which proved to be quite useful when paired with ES6 export.