bill/Graphics
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix specular light

Browse Source
This commit is contained in:
bill
2021-02-19 17:16:18 +08:00
parent a656db4fea
commit 0ba0d5d429
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -4
View File
@@ -111,7 +111,7 @@ uniform sampler2D uSampler;
lcolor += diffuse * max(0., dot(N, LDir)) * LCol; lcolor += diffuse * max(0., dot(N, LDir)) * LCol;
//*SPECULAR LIGHTS ARE ADDED //*SPECULAR LIGHTS ARE ADDED
specularlight = specular * specularlight = specular *
max(0., pow(dot(2.*dot(N, LDir) * N - LDir, VDir),3.)) * LCol; pow(max(0.,dot(2.*dot(N, LDir) * N - LDir, VDir)),3.) * LCol;
// ROTATE THE TEXTURE OVER TIME. // ROTATE THE TEXTURE OVER TIME.
float angle = 0.4 * uTime; float angle = 0.4 * uTime;
@@ -206,7 +206,7 @@ uniform sampler2D uSampler;
lcolor += 1.2*diffuse * max(0., dot(N, LDir)) * LCol; lcolor += 1.2*diffuse * max(0., dot(N, LDir)) * LCol;
specularlight = 0.3*specular * specularlight = 0.3*specular *
max(0., pow(dot(2.*dot(N, LDir) * N - LDir, VDir),32.)) * LCol; pow(max(0., dot(2.*dot(N, LDir) * N - LDir, VDir)),32.) * LCol;
color = color * lcolor + specularlight; color = color * lcolor + specularlight;
} }
@@ -247,12 +247,12 @@ that you are seeing now.</p>
<li>The specular light of the background wall is eliminated and the diffusion factor is reduced when the ray shooting from the background point <li>The specular light of the background wall is eliminated and the diffusion factor is reduced when the ray shooting from the background point
towards the light source or from the background point towards the camera position intersect with the sphere.</li> towards the light source or from the background point towards the camera position intersect with the sphere.</li>
</ul> </ul>
<li>I added basic interactions such as press 't' key to hide/show texture, click on the above canvas to pause/unpause animations. <li>I added basic interactions such as press ctrl + 't' key to hide/show texture, click on the above canvas to pause/unpause animations.
Just a proof of concept.</li> Just a proof of concept.</li>
<li>Finally, I made some small changes like changing R over time and refined the UI a little bit. I used <li>Finally, I made some small changes like changing R over time and refined the UI a little bit. I used
<a href="https://ace.c9.io">Ace</a> for code highlighting and autocompletion on the edit panel.</li> <a href="https://ace.c9.io">Ace</a> for code highlighting and autocompletion on the edit panel.</li>
<li>Comments begin with '//*' are added by me.</li> <li>Comments begin with '//*' are added by me.</li>
<li>Repo from <a href="https://github.com/sunyinqi0508/graphics_hw1">Github.</a></li> <li>Repo on <a href="https://github.com/sunyinqi0508/graphics_hw1">Github</a>.</li>
</li> </li>
</ul> </ul>
<p> <p>
lib1.js
+1 -1
View File
@@ -77,7 +77,7 @@ function gl_start(canvas, vertexShader, fragmentShader) { // START WEB
setTimeout(function () { setTimeout(function () {
try { try {
canvas.gl = canvas.getContext('experimental-webgl'); // Make sure WebGl is supported. IT WOULD BE GREAT TO USE WEBGL2 INSTEAD. canvas.gl = canvas.getContext('webgl2'); // Make sure WebGl is supported. IT WOULD BE GREAT TO USE WEBGL2 INSTEAD.
} catch (e) { throw 'Sorry, your browser does not support WebGL.'; } } catch (e) { throw 'Sorry, your browser does not support WebGL.'; }
canvas.setShaders = function (vertexShader, fragmentShader) { // Add the vertex and fragment shaders: canvas.setShaders = function (vertexShader, fragmentShader) { // Add the vertex and fragment shaders: