About

inspired by pinterest idea.

https://nemutas.github.io/text-ring/

view by smartphone.

References

• Refraction, dispersion, and other shader light effects
• Impossible Mobius animation with #threejs

Memo

Blinn-Phong modelを使った光沢表現

WebGL: adding specular light without the help of THREE.JS

text-ring/src/webgl/shaders/torusFrag.glsl

Lines 10 to 21 in c7e7dd7

	float specular(vec3 light, float shininess, float diffuseness) {
	vec3 lightVector = normalize(-light);
	vec3 halfVector = normalize(vEye + lightVector);
	float NdotL = dot(vNormal, lightVector);
	float NdotH = dot(vNormal, halfVector);
	float kDiffuse = max(0.0, NdotL);
	float NdotH2 = NdotH * NdotH;
	float kSpecular = pow(NdotH2, shininess);
	return kSpecular + kDiffuse * diffuseness;
	}