Com Implementar un Senzill Motor de Ray Tracing | JavaScript i p5.js
- 26:59
- 131 visualitzacions
- 17 m'agrada
En aquest vídeo implementarem un motor de renderització d'escenes de tres dimensions molt senzill utilitzant la popular tècnica Ray Tracing. Explicaré detalladament i de forma molt visual com funciona aquesta tècnica de renderització d'imatges super realistes.
Codi font: https://github.com/albertnadal/raytracer
00:00 - Intro
03:35 - Implementing point and vector operations
07:00 - Intersecting rays with spheres
12:27 - Projecting the scene
16:52 - Implementing color operations
18:12 - Light and shading
26:26 - Final result