Assignment 5

Assignment 5

A

Assignment 5

Assignment 6

coming soon

Quiz 7

Due Today!

FREE

Github Pages

FREE

zNear

Ray

Position (x,y,z)

Invisible Plane

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

Raycasting

<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>

Sir Isaac Newton 1666

r    g    b    a

alpha

0: fully transparent

     ....

255: fully opaque

0: minimum

     ....

255: maximum

red

green

blue

All image formats (PNG, JPEG, BMP...)

4 channels

r    g    b    

0: minimum

     ....

255: maximum

red

green

blue

All image formats (PNG, JPEG, BMP...)

3 channels

g

0: minimum

     ....

255: maximum

grayscale

All image formats (PNG, JPEG, BMP...)

1 channel

r    g    b    a

alpha

0: fully transparent

     ....

255: fully opaque

0: minimum

     ....

255: maximum

red

green

blue

Three.js

r    g    b    a

alpha

0: fully transparent

     ....

1: fully opaque

0: minimum

     ....

1: maximum

red

green

blue

XTK or GLSL

#000000

#ffffff

minimum

maximum

Hex

#00000000

#ffffffff

minimum

maximum

Hex8

alpha

alpha

HSL

H:

S:

L:

Hue

Saturation

Lightness

0/360°

180°

240°

65%

40%

0%

100%

0%

100%

hsl(240, 65%, 40%)

rgb(36, 36, 168)

#2424a8

Gamut

range of colors in an imaging system

r    g    b    a

alpha

0

 :

255

red

green

blue

0

 :

255

0

 :

255

0

 :

255

1 byte

1 byte

1 byte

1 byte

Assignment 6

The Virtual Robot

$ git pull upstream master
$ git push
$ python -m http.server
$ cd 06
$ python -m SimpleHTTPServer

Lecture 19

By Daniel Haehn

Lecture 19

Slides for CS460 Computer Graphics at UMass Boston. See https://cs460.org!

  • 79

More from Daniel Haehn