11/6 Materials

11/13 Lights + Textures

11/18 Medical Visualization / Volume Rendering

11/20 NeRFs + glTF

12/2 Outside Lecture + Skybox

11/25 Fast Forwards!

11/27 No Class

12/4 Recap Lecture

12/9 Presentations!

12/11 Presentations II!

3D model

Assignment 5

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

Due 11/25!

Assignment 5

render scene from LIGHT

create DEPTH MAP

calculate shadows

Fragment Shader

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

https://sites.google.com/site/fdurupinar/home/teaching/cs461?authuser=0

Assignment 6

Head

Upper Arm

Lower Arm

Hand

q (0, 0, 0, 1)

Identity

Head

Upper Arm

q (0, 0, 0, 1)

Identity

q2 (Math.sin(T/2),

Math.cos(T/2))

Rotate 180° in X

T = Math.PI

Arm down

Arm up

Time

Frames

Keyframe 2

Keyframe 1

slerp Interpolation

60 FPS

60 Hz

60 1/s

Modern computer screens

Skinning

http://doc.gold.ac.uk/msccge/alumni/KesterSheridan/Solidsight/implementation.htm

Skeleton -> Mesh

Rigging

https://www.youtube.com/watch?v=cp1YRaTZBfw

Mesh -> Skeleton

Blender, 3D Studio Max, Maya

Assignment 5

https://threejs.org/docs/index.html#api/en/objects/SkinnedMesh

Final Project!

counts as 40% of your grade!

#finalproject

Manning College of Nursing

Final Project Tracks

Final Project!

counts as 40%

1-3 students per team

start thinking about it now :)

Fast Forward 11/25
Presentations 12/9+11
Submission 12/18

Fast Forward (30-60 seconds)

Final Project Presentation

Final Submission

Tu 11/25

Th 12/09

Th 12/18

Tu 12/11

pre-recorded or live!

#finalproject

#finalproject

Creativity Bonus

create art!

qualifies for Straight-A shortcut!!

for example: https://www.aquarium.ru/en

Fast Forward

Final Project

Presentation

Code

README.md

50%

30%

20%

5-min

15%

40% of your grade!!!

https://www.youtube.com/watch?v=CV_14aUBxsI

What are Fast Forwards?

18:28
23:09
25:30
1:19:15

https://vimeo.com/285106317

Video or Live

Loud and Proud!

What you (or your team) plan on doing and why!

Fast Forward (30-60 seconds)

Tu 11/25

MEGA

QUIZ

Bonus only, counts as 4 quizzes!!

Soon on Canvas!

Brain Camera

MRI Scanner

CT Scanner

https://experiments.withgoogle.com/search?q=mri

Image Volumes

https://slicedrop.com

Fetal MRI

https://history.siggraph.org/experience-overview/siggraph-2013-real-time-live/

Marching Cubes creates 3D Meshes

Bill Lorensen 1987

Label Maps

R.I.P.

Marching Cubes in 2D

Create triangles to approximate the shape

https://www.slideshare.net/tamarapinos/marching-cubes-21997366

Marching Cubes in 3D

Create triangles to approximate the shape

Outside

https://www.slideshare.net/tamarapinos/marching-cubes-21997366

Marching Cubes in THREE.js

https://stemkoski.github.io/Three.js/Marching-Cubes.html

Marching Cubes in THREE.js

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

Slice-based Volume Rendering

https://slideplayer.com/slide/6545198/

https://journals.plos.org/plosone/article/figures?id=10.1371/journal.pone.0193636

Volume Rendering with Ray Casting

https://codesandbox.io/s/github/FNNDSC/ami/tree/master/lessons/06

Volume Rendering with Ray Casting

Cinematic Volume Rendering

https://undark.org/2016/07/01/medical-imaging-cinematic-rendering/

https://haehn.github.io/blum/

https://haehn.github.io/blum/hd.html

Coronal

Super-Resolution

Coronal

Super-Resolution

https://slicedrop.com/reloaded/

<html>
  <head>
    <title>NiiVue!</title>
    <style>
      body { 
        background-color:#000;
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden !important;  
      }
    </style>
    <script type="text/javascript" src="https://niivue.github.io/niivue/features/niivue.umd.js"></script>
    <script type="text/javascript">
      window.onload = function() {

        var nv1 = new niivue.Niivue()
        nv1.attachTo('gl1')
        nv1.setSliceType(nv1.sliceTypeRender)

      };
    </script>
  </head>
  <body>
    <canvas id='gl1' style='height:100%;width:100%'></canvas>
  </body>
</html>

https://slides.com/haehn/vizbi/#/72