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

fix specular light

Browse Source
master
bill 4 years ago
parent a656db4fea
commit 0ba0d5d429
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File

8
index.html
Unescape 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>

2
lib1.js
Unescape 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:

Write Preview
Loading…
Cancel
Save