3D Rendering Fundamentals

Necips · April 1, 2021, 8:35pm

I am about to simulate a 3D renderer. My “monitor” consists of a series of rectangles. the camera is just a point in front of the monitor and the object that will later be illuminated by a virtual light is “behind” the monitor. From the camera, rays are sent through the monitor “pixels” and checked whether they hit an object. depending on this, the angle or the color of the monitor “pixel” is changed later.

I have noticed that the ray detection is not accurate as you can see at the right top corner of my monitor. this seems to be a bug that no one has noticed yet.

Babylon.js Playground

PS: this is not a matter of the target object. You can displace it from the rays!?

Gijs · March 31, 2021, 4:48am

It does work when you do

mesh_object.computeWorldMatrix();

before the render();

https://playground.babylonjs.com/#1Z858J#1

Necips · March 30, 2021, 5:10pm

I am back again with an unsolvable problem… for me.

I would like render the scene after some seconds again, but as you can see:

https://playground.babylonjs.com/#1Z858J#2

Gijs · March 30, 2021, 5:33pm

It didn’t work for me either in your original PG when I put render(); in a timeout, but seems like it works if you remove

forward = vecToLocal(forward, mesh_from); from castRay

https://playground.babylonjs.com/#1Z858J#3

Necips · March 30, 2021, 6:38pm

super!

for the moment it’s fast enough to put the rendering into the beforeRendering. You can drag the object and the monitor updates.

my next step is

calculating the distance from the picked mesh to the light-point. This will be the color value of the pixel calculated down to values between 0 and 1.

if this works there is no reason not to use much more light sources and objects… and higher resolution… The game performance will run to 0 fps but with beautful scenes full of light!