Raycasting as a Torch + Light shading

2:00 PM

Today, I improved upon yesterday's work. Yesterday, I created an object which raycasted uniformly in all directions, and only those rays were shown which hit something. 
Today, I added a bit of movement and rotating functionality, as well as restricted the rays so that they form a cone. This is similar to having a torch and moving around. Also I drew the complete rays, even if they don't hit the wall, which created a kind of wall shadow illusion. 
Below is the embedded project, you can move using arrow keys and rotate using mouse's X coordinate.



Having completed this, I am now moving on and will try to display a sphere that is shaded by a directional light!


2:17 PM

I need to back down a bit 😆. To create 3D graphics, I first need to learn OpenGL. I can ofcourse use the primitives defined by the P5 library itself, but it completely destroys the purpose of learning from scratch. So OpenGL it is!


10:45 PM

So today was just a skim what is OpenGL day. Finally, I decided that since OpenGL is too cumbersome to setup, I would start instead with WebGL. It is same as openGL but is browser based so it does not require some additional setup.

That said, WebGL was nowhere close to simple. We need to write long lines of code just to display the triangle. But actually, that lines are just for the initial setup. After setting up, we need to just modify the Vertex Shader and the Fragment Shader to achieve our desired effect.

These shaders are what tells the browser what to render, where to render and what colour to render the pixel as. So enough for theory today. Tomorrow, I will start to practically implement the WebGL. 

Comments

Post a Comment

Popular posts from this blog

WebGL - Perspective

04:18 PM Yesterday, We created a 3D 'F', that we can rotate, scale and translate. But somewhat was amiss. The 'F' we created was 3D, but it did not have the perspective. All the sides of the F were of the same size, ndependent of how far it was. This representation of 3D is called as Orthographic.  But it is not how we percieve real world objects. In real world, we assume there is an eye at the center of the screen, and we percieve closer objects as larger and far off objects as smaller. This type of representation is called Perspective. Today, I implemented this 3D perspective projection into yesterday's code. Following is how it looks now, the controls are similar, (with added [ and ] keys for z translation ).
Read more

WebGL - Orthographic 3D

11:40 AM Yesterday, we have dived into the visual world of WebGL, and completed the initial setup, and drew a simple 2D "F" figure. Today, I tried creating some 3D magic using WebGL. It was quite similar to 2D. Just needed to add another dimension to the translation and scale matrix.  Rotation was a different thing. Since in 2D, we can have rotation about only one, namely Z-axis. But in 3D, rotations about 3 different axes are possible. Hence we need to create 3 different methods for rotation about X, Y and Z axes. WebGL draws shapes using primitive triangles. We provide it with vertexes of triangles, and it draws them. For example, if we want to draw a rectangle, we would provide it with 2 sets of 3 vertex. One set of 3 vertex draws one triangle, and another draws another. If we provide the vertex such that the triangles have a common hypotenous, we get a rectangle. For the 3D F, I needed 16 rectangles. Hence I needed to supply 16 * 6, 96 vertices. Following ...
Read more

Cursor and Serial Ports

One might think that today was a weekend day, so I might have been able to progress much today. But there is always a roadblock, this one was named college. Taking a formality-only viva, but keeping the students busy without any work, and making them write a 14 page hand written assignment, which will never ever be opened, is some form of punishments college provide. So, enough about the day, what did I do today. Today was as uneventful as yesterday, but atleast I was able to progress a little more today, ( albeit at snail's pace ).  Today, I learned about how via assembly 'out' instruction, we can send data on Serial ports of our computer. Here we are actually writing a near machine level code to directly interact with hardware. How cool is that! So, improving the framebuffer printing I had created in the last post, today I used the Serial ports to send the command to serial port that is concerned with the position of "the blinking cursor" in the framebuffer. We ...
Read more