CS 457 / 557 -- Computer Graphics Shaders

Winter Quarter 2019

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

Classes	Projects	Handouts	Grades	VHR	Piazza

This page was last updated: February 13, 2019

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

-- Roger Zelazny (science fiction writer)

Announcements:

• February 13, 2019 For Wednesday, February 13, come get the file:
  • Feb13.zip

• February 12, 2019 Our classroom computer wasn't able to show the render-to-texture demo. You can see it as a 3-minute MP4 here.

• February 11, 2019 TA Wenbo has new Office Hours for this week only (Feb 11-15):
  Monday: 2:00 - 4:00
  Tuesday: 9:00 - 12:00
  Wednesday: 11:00 - 12:00
  Thursday: none
  Friday: none

• February 8, 2019 CS 453/553, Scientific Visualization, is being brought back for the Spring Quarter. This class will focus on the basics of 3D scientific visualization to explore scalar data, vector data, volume data, and terrain data. Along the way, we will discuss some of the theory behind visualizing scientific data, the use of color, etc.
  So, if you like data and feel the urge to explain it to others, this opportunity is for you! The website is a little coarse still, but you can see it so far here.

• February 8, 2019 The CGEL will be closed the morning of Saturday, February 23, for an outreach activity.

• February 7, 2019 Here is a cleaner sample of Cube Mapping code. This should help with your Project #4. Get it here.

• February 7, 2019 Pixar just released a new animation short called Purl. Find it here. . Besides the usual Pixar really-outstanding modeling, rendering, and animation, it has a powerful message about life in the workplace. This is a must-watch! Watch when you really have time to pay attention to it.

• February 6, 2019 The EECS Networking Night registration is now open! Also, use this page to submit your resume to the resume book.

• February 4, 2019 The new Toy Story 4 trailer is out. Lots of shaders! In theaters, June 21.

• January 31, 2019 For Friday, February 1, please get the file:
  • Feb01.zip

• January 30, 2019 The Office of Research Integrity is looking for a student employee to assist us with supporting the new electronic research administration system, tech support, and website maintenance. https://jobs.oregonstate.edu/postings/71860

• January 30, 2019 CDK Global will be in KEC 1007 Wednesday, Feb. 6 @ 11-3 and are looking to hire 25+ software developer interns. They are especially targeting sophomore and junior CS students.

• January 28, 2019 For Wednesday, January 30, please get the two files:
  • Jan30a.zip
  • Jan30b.zip

• January 20, 2019 Click here to see the CGEL weekly schedule.

• January 20, 2019 Cool CG video!

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

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

• Wow! Drone 3D pixels at the Olympics Opening Ceremony! Go here to see it.
  I've taken to calling these "droxels". :-)

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

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

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

• Check this out. A very impressive CGI video.

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 also a place to get access to the OpenGL Shading Language (GLSL), although you probably have it if you've bought a good graphics card in the last 3-4 years.

Access to the CGEL is by the card-reader 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
• 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
• Place one of your images on the "Class Poster"

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 Weniger 153.

Cancelled dates: January 18, January 21

	Date	Topics
1	Jan 7	Introductions. General course information. Project #1. The graphics pipeline -- how it really works. Homogeneous coordinates. Coordinate systems: Model, World, Eye, NDC, Clip, Screen.
2	Jan 9	Grab the file Jan09.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 11	Stripes in model vs. world coordinates The smoothstep( ) function Checkers Z-buffer pollution
4	Jan 14	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 16	More noise.
6	Jan 18	Prof. Bailey out of the office -- no class today -- sorry.
7	Jan 21	Martin Luther King holiday -- no class today
8	Jan 23	Lighting Bump mapping, I
9	Jan 25	Bump Mapping, II
10	Jan 28	More fun with vertex shaders: Dome projection, Hyperbolic geometry.
11	Jan 30	Cube mapping, I: Reflection, Refraction.
12	Feb 1	Cube mapping, II: Reflection, Refraction. Groundhog Day is tomorrow!
13	Feb 4	Test #1 review. The registration for the EECS Networking Night opens tomorrow. Do it right away to get the companies you most want to see!
14	Feb 6	Optional Help Session. Come ask questions about the test, Project #4, or anything. Feel free to come lurk.
15	Feb 8	Test #1
16	Feb 11	Go over test answers Discuss the Final Project. Image Manipulation: Render to Texture
17	Feb 13	The optics of rainbows The optics of diffraction Don't forget that Valentine's Day is tomorrow!
18	Feb 15	The optics of lenses
19	Feb 18	Geometry Shaders, I The EECS Networking Night is tomorrow night.
20	Feb 20	Geometry Shaders, II The Winter Quarter Career Fair is today! You should go!
21	Feb 22	Written Final Project proposals due Finish Geometry Shaders
22	Feb 25	The GLSL API. The glslprogram C++ class.
23	Feb 27	Tessellation shaders, I
24	March 1	Tessellation shaders, II
25	March 4	Scientific Visualization using shaders
26	March 6	Scientific Visualization using shaders
27	March 8	Compute Shaders Click here to see the Compute Shader particle system from the class notes.
28	March 11	Compute Shaders Vulkan
29	March 13	Class Evaluations Test #2 review. More Information
30	March 15	Help session. Review session.
*	March 21	Test #2 Thursday, March 21, 12:00 - 1:30. 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.

Life Events

As {John Lennon? Allen Saunders?} has said: "Life is what happens to you while you're busy making other plans". We 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.

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.

Click here to get a copy of the Bonus Day Submission Form. Fill this out and turn it in within a week after turning in your project.

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 11. 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. Bring the card to my office (Kelley 2117: second floor, south side) sometime when I am there. (Don't throw it under the door.)

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

The bvrman executable is not included here because it looks for a local copy of RenderMan in order to work. Unless you have RenderMan installed on your own computer, you will need to do the RenderMan work in the CGEL.

You might also need these dlls:

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

Class Rules

• Lab Rules: No propping the CGEL doors open, no food in the lab, drinks only in closed containers. (I am not being a mindless jerk about the no-food requirement -- ask me to see my shrine to the cockroaches that once inhabited the CGEL. Their friends are no doubt waiting for a reason to come back.)

• Keep the air conditioning running -- we have had problems with systems in that room failing because the temperature gets too high.

• Computer Security: We take computer security very seriously. Please use intelligently-chosen passwords and protect them. Anyone caught abusing the system or causing deliberate damage will be asked to drop the class and the matter will be turned over to the Dean's Office.

• Working Together: It is OK to work together by sharing information and teaching each other, but each person's projects must be original work with no sharing of code.

• Cheating: You are expected to do your own work. Sharing code is considered cheating. Anyone caught cheating will fail this class, and the matter will be turned over to the Dean's Office.

• Academic Dishonesty: You are expected to read and understand Oregon State University's Code of Student Conduct.

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 elig ible 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.

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 notify me. I will do everything I can do to help you.

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.5 Reference Card can be found here.
    The OpenGL 4.6 Reference Card can be found here.
    Neither of these is 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: http://www.siggraph.org/learn/computer-graphics-bibliography-database

• 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
  • Remnants of the old Avalon site (free): ftp://ftp.uniovi.es/pub/mirrors/avalon.viewpoint.com/objects/
  • 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