add fresnel

Author: viperML

src/scripts/shader.ts

@@ -1,8 +1,10 @@
 import * as THREE from "three";
 
+
 import _frag from "./test.frag";
 import _vert from "./test.vert";
 
+import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
 // const geometry = new THREE.IcosahedronGeometry(1, 5);
 // const material = new THREE.MeshStandardMaterial();
@@ -35,18 +37,34 @@ scene.add(mesh);
 
 const renderer = new THREE.WebGLRenderer({ antialias: true });
 renderer.setSize(width, height);
-renderer.setAnimationLoop(animate);
-// document.body.appendChild(renderer.domElement);
+document.body.appendChild(renderer.domElement);
 const elem = document.getElementById("my-canvas");
 if (elem !== null) {
     elem.appendChild(renderer.domElement);
 }
 
 // animation
 
-function animate(time: number) {
-    mesh.rotation.x = time / 2000;
-    mesh.rotation.y = time / 1000;
+// function animate(time: number) {
+//     mesh.rotation.x = time / 2000;
+//     mesh.rotation.y = time / 1000;
+
+//     renderer.render(scene, camera);
+// }
+
 
+renderer.setAnimationLoop(animate);
+// const controls = new OrbitControls(camera, renderer.domElement)
+// controls.enableDamping = true
+
+const controls = new OrbitControls(camera, renderer.domElement);
+controls.update();
+// camera.position.set(0, 20, 100);
+
+function animate() {
+    requestAnimationFrame(animate); // required if controls.enableDamping or controls.autoRotate are set to true
+    controls.update();
     renderer.render(scene, camera);
 }
+
+// renderer.render(scene, camera);

src/scripts/test.frag

@@ -1,11 +1,11 @@
 varying vec3 vPosition;
 varying vec3 vNormal;
+varying vec2 vUv;
 
 void main() {
-	// gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
-	// float c = sin(pos.x * 16.) / 2.0;
-	vec3 c = normalize(vNormal * vNormal);
+	vec3 c = normalize(cameraPosition - vPosition);
+	float fresnel = 1. - dot(c, vNormal);
 
-	gl_FragColor = vec4(c, 1.0);
-	// gl_FragColor = vec4(vec3(1., 1., 1.), 1.0);
+	// gl_FragColor = vec4(c, 1.0);
+	gl_FragColor = vec4(vec3(fresnel), 1.0);
 }

src/scripts/test.vert

@@ -1,9 +1,12 @@
 varying vec3 vPosition;
 varying vec3 vNormal;
+varying vec2 vUv;
 
 void main() {
 	vPosition = position;
 	vNormal = normal;
+	vUv = uv;
 
-	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+	vec4 res = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+	gl_Position = res;
 }