11/6 Materials

11/11 Lights + Textures

11/13 Medical Visualization / Volume Rendering

11/18 NeRFs + glTF

11/20 Outside Lecture

11/25 Fast Forwards!

11/27 No Class

12/2 Skybox

12/4 Recap Lecture

12/9 Presentations!

12/11 Presentations II!

offered as CS480 / CS697

3D model

Assignment 5

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

Due 11/25!

Olivia Moos

Kali Nikias

3D model

Assignment 5

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

Due 11/25!

Mesh Fileformats

Let's make an OBJ file

save as tetrahedron.obj and drag into Slicedrop.com

https://cs460.org/shortcuts/30/

var loader = new PLYLoader();
loader.load('beethoven.ply', function (geometry) {
  
  geometry.computeVertexNormals();
  
  var material = new THREE.MeshStandardMaterial( {
    color: 'red'
  } );
  
  scene.add( new THREE.Mesh( geometry, material ) );

} );

Assignment 5

https://tweakpane.github.io/docs/

connect Three.js with Tweakpane!

Mesh

Geometry

+ Material

  var geometry = new THREE.BoxGeometry( 20, 20, 20);
  var material = new THREE.MeshStandardMaterial({ color: 0xffffff });
  var mesh = new THREE.Mesh( geometry, material);

https://cs460.org/shortcuts/30/

var loader = new PLYLoader();
loader.load('beethoven.ply', function (geometry) {
  
  geometry.computeVertexNormals();
  
  var material = new THREE.MeshStandardMaterial( {
    color: 'red'
  } );
  
  scene.add( new THREE.Mesh( geometry, material ) );

} );

https://threejs.org/docs/index.html#api/en/core/BufferGeometry.computeVertexNormals

https://www.euclideanspace.com/maths/algebra/vectors/applications/normals/index.htm

Assignment 5

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

<script type="module">
  
// ...

  
import { AnaglyphEffect } from 'three/addons/effects/AnaglyphEffect.js';
  
let effect; 
 
// ...
 
effect = new AnaglyphEffect( renderer );
effect.setSize( window.innerWidth, window.innerHeight );

// ...

function animate() {

  // ...

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

  // ...

}

</script>