CS 457 / 557 -- Computer Graphics Shaders

Winter Quarter 2020

http://cs.oregonstate.edu/~mjb/cs557

Classes	Projects	Handouts	Grades	VHR	Piazza

This page was last updated: February 14, 2020

"Don't wake me for the end of the world unless it has very good special effects."

-- Roger Zelazny (science fiction writer)

Announcements:

• For Friday, February 14, get the file: Feb14.zip

• An alert student found this link to a really cool article on how Pixar used AI to create spiders and cobwebs in Toy Story 4.

• For all of you who saw (and liked) Blade Runner 2049, here is a nice short video on some of the effects.

• For Monday, January 27, get the file: Jan27.zip

• Click here to see the calendar of student events.

• The EECS Networking Night is the afternoon and evening of Tuesday, February 18. Click here for more details.
  Networking Night registration opens on February 1.

• The WQ Career Fair is Wednesday, February 19.

• The "signature object" this quarter is a rat. Get the OBJ file here:

  Vertices	Triangles	File
  2,959	4,108	ratL.obj
  14,122	24,643	ratM.obj
  77,528	147,888	ratH.obj

• For those of you interested in Pixar's production process, click here.

• Here is one of the most amazing cat animations I've ever seen!

• Here is a great source of texture images: https://3dtextures.me/

• Here are the shaders to perform A-D-S lighting: LightingForClass.zip.

• The magazine Computer Graphics World had an interesting article on Looking for a Job in CG.

• The OpenGL 4.6/GLSL 4.60 Reference Card can be found here.
  This isn't absolutely essential to print out, but it is really handy to have around.
  

• Here is a very fun computer graphics geometry video: Click here

• Check out this optical illusion. It will amaze you! Watch the video before reading the explanation.

• Here is an Online 3D Model Converter, which you might find handy to convert 3D model files into different formats for your own use.

What We Will Be Doing

The goals of this course are to leave you "career-ready" (i.e., both work-ready and research-ready) for tasks that require the implementation of graphics algorithms in the form of shaders.

You will have access to the graphics systems in OSU's Computer Graphics Education Lab (CGEL) in Batcheller Hall 244. It is a place to get access to the OpenGL Shading Language (GLSL), although you probably already have it if you've bought a good graphics card in the last 5 years.

Access to the CGEL is by the RFID chip in your OSU ID. I will be submitting a class roster to EECS so that you can all be enabled.

CS 457/557 topics include:

• A more advanced look at the graphics pipeline
• A more advanced look at transformations, including non-linear
• Lighting
• Color
• Opacity
• Step boundaries
• Smooth step boundaries
• Positional and gradient noise
• Fractional Brownian Motion (FBM, 1/f, octave) noise
• The OpenGL Shading Language (GLSL)
• GLSL Vertex shaders
• GLSL Fragment shaders
• GLSL Geometry shaders
• GLSL Tessellation shaders
• GLSL Compute shaders
• Using shaders in visualization
• Hiding data in textures

Graphics Card Levels

If you are wondering what types of shaders your own graphics card supports, check this table. You can tell what shaders the card supports by looking at the Shader Model (or Shader Level) or what DirectX / OpenGL version it supports:

Shader Model	OpenGL	DirectX	Supports
3.0	2.x	9	Vertex, Fragment
4.0	3.x	10	Geometry
5.0	4.x	11	Tessellation, Compute

We will cover all of these different types of shaders.

Prerequisites

Professor

Office:	Kelley 2117 (2nd floor, south side)
Phone:	541-737-2542
E-mail:	mjb@cs.oregonstate.edu

Prof. Bailey's Office Hours:

The Virtual Hand Raise (VHR)

It takes courage to ask a question in class. But, the worst thing of all is to not ask! So, this class also has the Virtual Hand Raise. Click here to get into it. It will allow you to send me a question or comment, completely anonymously. I will answer questions submitted this way by email to the class or in class.

Optional Textbook

Other Good References

Handouts

Class Schedule

To see an Academic Year calendar, click here.

Class time is: Monday, Wednesday, and Friday, 10:00 - 10:50.

Unless otherwise specified, all of our classes will be in Withycombe Hall 109.
Note the change!

No class on: January 20, January 24

	Date	Topics
1	Jan 6	Introductions. General course information. History of Shaders The graphics pipeline -- how it really works. Homogeneous coordinates. Coordinate systems: Model, World, Eye, NDC, Clip, Screen.
2	Jan 8	Grab the file Jan08.zip and unzip it into its own folder. Introduction to the OpenGL Shading Language (GLSL) Attribute, Uniform, and Varying variables GLSL built-in functions and variables glman Vertex shaders
3	Jan 10	Stripes in model vs. world coordinates The smoothstep( ) function Checkers Z-buffer pollution
4	Jan 13	Geometry Morphing GLSL Textures: unsigned byte, floating point, 2D, 3D, parameters, binding, texture units, multitextures, sampler functions Noise: Positional, Gradient. Cubic and quintic interpolation. Fractional Brownian Motion (FBM, 1/f), turbulence. glman Noise
5	Jan 15	More noise.
6	Jan 17	Lighting Bump mapping, I
7	Jan 20	Martin Luther King holiday -- no class today
8	Jan 22	Bump Mapping, II
9	Jan 24	Prof. Bailey out of the office -- no class today -- sorry.
10	Jan 27	Cube mapping, I: Reflection, Refraction.
11	Jan 29	Cube mapping, II: Reflection, Refraction. More fun with vertex shaders: Dome projection, Hyperbolic geometry.
12	Jan 31	Groundhog Day and the Super Bowl are in 2 days! The registration for the EECS Networking Night opens tomorrow. Do it right away to get the companies you most want to see! Image Manipulation
13	Feb 3	Test #1 review. Image Manipulation
14	Feb 5	Optional Help Session in Kelley 2114. Come ask questions about the test, projects, or anything. Feel free to come lurk.
15	Feb 7	Test #1
16	Feb 10	Go over test answers Discuss the Final Project. Image Manipulation: Render to Texture
17	Feb 12	The optics of rainbows The optics of diffraction Don't forget that Valentine's Day is in 2 days!
18	Feb 14	Happy Valentine's Day! The optics of lenses
19	Feb 17	Geometry Shaders, I The EECS Networking Night is tomorrow night.
20	Feb 19	Written Final Project proposals due Geometry Shaders, II The Career Fair is today, 11:00-4:00.
21	Feb 21	Finish Geometry Shaders
22	Feb 24	The GLSL API. The glslprogram C++ class.
23	Feb 26	Tessellation shaders, I
24	Feb 28	Tessellation shaders, II
25	March 2	Scientific Visualization using shaders
26	March 4	Scientific Visualization using shaders
27	March 6	Scientific Visualization
28	March 9	Compute Shaders Click here to see the Compute Shader particle system from the class notes.
29	March 11	Vulkan
30	March 13	Class Evaluations Test #2 review. More Information
*	March 17	Test #2 Tuesday, March 17, 9:30 - 11:00 You can confirm this for yourself by going here.

Projects

Project Turn-In Procedures

• Your project turnins will be electronic.

• Your electronic turnin will be done at http://engr.oregonstate.edu/teach and will consist of:
  
  1. A PDF report. The PDF file should include:
     • A cover page (name, email address, project name)
     • Images
     • Key snippets of code
     • The link to a Kaltura video or YouTube video demonstrating that your project does what the requirements ask for. Narrate your video so that you can tell me what it is doing.
  2. Source files of everything (.glib, .vert, .frag, .geom, .tcs, .tes).

• You can zip up all the files you are turning in except the PDF. Please turn it in separately so I can run my gather-up-all-the-PDFs script.

• Submissions are due at 23:59:59 on the listed due date.

• I know some of you know the Cg and HLSL languages for shaders, but all GPU assignments must be done in GLSL.

• Your project will be graded and the score posted to the class web page.
  If you want to know why you did not receive full credit, send me an email asking about it, or see me during Office Hours.
  You have one week to do this.

Bonus Days and Late Assignments

Projects are due at 23:59:59 on the listed due date, with the following exception:

Each of you has been granted 5 Bonus Days, which are no-questions-asked one-day extensions which may be applied to any project, subject to the following rules:

1. No more than 2 Bonus Days may be applied to any one project
2. Bonus Days cannot be applied to tests
3. Bonus Days cannot be applied such that they extend a project due date past the start of Test #2.

Grading

Click here to see the current grade posting.

CS 557 will be graded on a fill-the-bucket basis. There will be 6 projects, 11 quizzes, and two tests. You get to keep all the points you earn.

The quizzes will be done via Canvas. They will open each Friday morning at 11:00 and close Sunday night at 23:59:00. Canvas is very unforgiving about due times -- don't push it.

... with the exception of Week #0:

Quiz #0 is due to me by 4:00 PM on Friday, January 10. Fortunately, it is not too hard:

1. Get a 3"x5" index card (I'll give you one the first day of class).
2. Print your name neatly at the top (holding the card horizontally).
3. Print the course number you are taking this under (CS 457 or CS 557) neatly next to your name.
4. Also, printing neatly, tell me why you are taking this class. What do you hope to get out of being here?
5. Be honest -- no sucking up!
6. Get the card back to me in class or in my office.

Those taking the class as CS 557 will also do an essay summarizing a research paper. (Those taking the class as CS 457 will get a free 100 points for this assignment.)

Your final grade will be based on your overall class point total. Based on an available point total of 1130, grade cutoffs will be no higher than:

Points	Grade
1080	A
1060	A-
1040	B+
1020	B
1000	B-
980	C+
960	C
940	C-
920	D+
900	D
880	D-

Notice that this grade scale is not 90%-80%-70%-60%. That is because I just do a soft grade on the projects.

Downloadable Files

1. OpenGL/GLSL-related files
2. .obj files

3. Want to use the Kelley Atrium in a cube map? Here are the files:
   kec.posx.bmp
   kec.negx.bmp
   kec.posy.bmp
   kec.negy.bmp
   kec.posz.bmp
   kec.negz.bmp

Executables

These executables are all loaded on the CGEL machines, but you can also get them here in case you want to run them on other Windows machines.

1. noisegraph.exe
2. glman.exe

You might also need these dlls:

1. glew32.dll
2. glut32.dll
3. libcd.dll
4. libcid.dll
5. msvcr71d.dll

Class Rules

https://beav.es/codeofconduct

Students With Disabilities

Accommodations for students with disabilities are determined and approved by Disability Access Services (DAS). If you, as a student, believe you are eligible for accommodations but have not obtained approval please contact DAS immediately at 541-737-4098 or at http://ds.oregonstate.edu. DAS notifies students and faculty members of approved academic accommodations and coordinates implementation of those accommodations. While not required, students and faculty members are encouraged to discuss details of the implementation of individual accommodations.

Religious Holidays

Oregon State University strives to respect all religious practices. If you have religious holidays that are in conflict with any of the requirements of this class, please see me immediately so that we can make alternative arrangements.

Life Events

As {John Lennon? Allen Saunders?} has said: "Life is what happens to you while you're busy making other plans". I care about you as a person. When life happens to you, send me an email and come see me. I might be able to help, I might not. But I surely can listen. You are not alone.

Reach Out for Success

University students encounter setbacks from time to time. If you encounter difficulties and need assistance, it's important to reach out. Consider discussing the situation with me or an academic advisor. Learn about resources that assist with wellness and academic success at http://oregonstate.edu/ReachOut. If you are in immediate crisis, please contact the Crisis Text Line by texting OREGON to 741-741 or call the National Suicide Prevention Lifeline at 1-800-273-TALK (8255)

Basic Needs

Any student who has difficulty affording groceries or accessing sufficient food to eat every day, or who lacks a safe and stable place to live, is urged to contact the Human Services Resource Center (HSRC) for support: hsrc@oregonstate.edu, 541-737-3747. The HSRC has a food pantry, a textbook lending program, and other resources to help. Furthermore, if you are comfortable doing so, please come talk with me. I will do everything I can do to help you.

University Housing & Dining Services has been piloting a meal program called Food for Thought. Using the extra food generated by campus dining locations, they create pre-packaged, balanced meal options available at no cost to Oregon State students who meet eligibility criteria determined by the Human Services Resource Center. For others, these packages are available for purchase at a reduced price.

Other Useful Online Graphics and Shader Information

• OpenGL:
  • Industry-wide OpenGL Information: http://www.opengl.org
  • The OpenGL 1.1 State Machine Diagram http://www.opengl.org/documentation/specs/version1.1/state.pdf
  • Free OpenGL textbook rscfullbook.pdf
  • Another free OpenGL textbook http://openglbook.com/
  • The OpenGL 4.6 Reference Card can be found here.
    This is not absolutely essential to print out, but they can be really handy to have around.
  • OpenGL Man Pages: http://www.cs.rutgers.edu/~decarlo/428/glman.html

• The GLUT Library:
  • HTML GLUT Documentation: http://www.opengl.org/documentation/specs/glut/spec3/spec3.html
  • PDF GLUT Documentation: http://www.opengl.org/documentation/specs/glut/glut-3.spec.pdf

• The GLUI Library:
  • OpenGL User Interface (GLUI) Documentation http://www.cs.unc.edu/~rademach/glui/src/release/glui_manual_v2_beta.pdf
  • General GLUI Information http://www.cs.unc.edu/~rademach/glui

• GLSL:

• WebGL:
  • Khronos group's WebGL Page: http://khronos.org/webgl
  • OSU WebGL site: http://cs.oregonstate.edu/~mjb/webgl
  • three.js: http://threejs.org/
  • JQuery user interface: http://api.jqueryui.com/
  • Ed Angel's WebGL site for his book examples: http://www.cs.unm.edu/~angel/BOOK/INTERACTIVE_COMPUTER_GRAPHICS/SIXTH_EDITION/CODE/WebGL/

• SIGGRAPH (The Special Interest Group on Computer Graphics): http://www.siggraph.org

• SIGGRAPH Online Computer Graphics Bibliography Database: https://liinwww.ira.uka.de/bibliography/Graphics/siggraph/index.html

• Game Information:
  • Game Developer: http://www.gamedev.net
  • Gamasutra: http://www.gamasutra.com

• 3D Models you can download:
  • Free 3D Models: http://thefree3dmodels.com
  • Free 3D: https://free3d.com
  • Level of Detail book support (free): http://lodbook.com/models
  • Florida State (free): http://people.sc.fsu.edu/~jburkardt/data/data.html
  • Buy 3D Models (but these are free): http://www.buy3dmodels.com/free3dmodels.php
  • ChromeSphere: http://www.chromesphere.com/3dmodels.html
  • TurboSquid: http://www.turbosquid.com/Search/3D-Models/free/obj
  • Digimation (costs money): http://www.digimation.com

• Interesting visualization of the world's intercontinental networks http://www.cablemap.info/

• WebGL isosurface of low-frequency 3D noise function http://kirox.de/test/Surface.html