Daniel Haehn PRO
Hi, I am a biomedical imaging and visualization researcher who investigates how computational methods can accelerate biological and medical research.
Assignment 5
Assignment 5
A
Assignment 5
My solution: https://cs460.org/shortcuts/25/
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!
