Lecture 18

https://slides.com/haehn/7levels/

Assignment 5

https://cs460.org/assignments/05/

https://github.com/haehn/cs460student/blob/master/05/index.html

https://haehn.github.io/cs460student/05/

Mixed Content: The page at 'https://haehn.github.io/cs460student/05/' was loaded over HTTPS, but requested an insecure script 'http://get.goxtk.com/xtk_xdat.gui.js'. This request has been blocked; the content must be served over HTTPS.

Using https://get.goxtk.com/xtk_xdat.gui.js will fix it :)

Assignment 6

coming soon

Quiz 7

Due Today!

zNear

Ray

Position (x,y,z)

Invisible Plane

raycaster = THREE.Raycaster();
raycaster.setFromCamera(vp_coords_near, camera);
intersects = raycaster.intersectObject( invisiblePlane );

Raycasting

https://threejs.org/examples/webgl_interactive_cubes.html

https://threejs.org/examples/webgl_decals.html

https://threejs.org/examples/?q=effects

<script src="https://threejs.org/examples/js/effects/AnaglyphEffect.js" type="text/javascript"></script>

<script>
  
// ...
 
effect = new THREE.AnaglyphEffect( renderer );
effect.setSize( window.innerWidth, window.innerHeight );

// ...

function animate() {

  // ...

  effect.render( scene, camera ); // replace renderer. with effect.

  // ...

}


</script>