CS 457 / 557 -- Computer Graphics Shaders

Winter Quarter 2021

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

Resources Page

Projects	Handouts	Piazza	PB Zoom

This page was last updated: March 14, 2021

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

-- Roger Zelazny (science fiction writer)

Coronavirus Information

• OSU Updates
• OSU Graduate School updates
• Benton County Covid Information (including vaccines)
• US State Department
• US Centers for Disease Control and Prevention
• More communications from the US Centers for Disease Control and Prevention
• Johns Hopkins World Map
• ESRI Oregon and World Map
• Benny Beaver's advice.

Stuff You Should Be Interested In:

• Mike Winkelmann (aka "Beeple") is a graphic designer who does a variety of digital artwork. One of his composite pieces just sold for $69M. Here is a video of him watching the auction.

  Maybe I should re-think making the Cat Menagerie poster. Hmmmm, $69M divided by 122 students in the class would be ... :-)

• My Finals Week Office Hours are:

  Monday	1:00 - 2:00
  Tuesday	1:00 - 2:00
  Wednesday	11:00 - 12:00

• In support of the Intro to RenderMan for GLSLers topic, here are two early examples of RenderMan shaders being used in otherwise-handdrawn animated movies:
  
  • Beauty and the Beast
  • Tarzan
  
  Out of respect for IP issues, these will only be up here the week of March 7-13.

  But, notice how the quality perspective, texturing, and lighting adds so much to the telling of the story (and makes the superimposed handdrawn characters look incredibly "flat" in the process). These are all things we take for granted in movie-making today, but we owe a lot to the filmakers of that era for taking such a leap.

  Why is there an extra 45 seconds of non-CG footage at the end of the BATB clip? Because the media services people and I got so caught up in the story, that we forgot to push the stop-button...

• Click here to see highlights from The Cat Menagerie.

• A couple of OH changes:
  • Tomorrow (Thursday, March 4), my OHs will be 2:00-4:00 instead of 10:00-12:00.
  • TA Josiah will be unavailable Thursday and Friday, March 11 and 12, so his OHs are cancelled those 2 days.

• This summer, Pixar is releasing a new movie called Luca. Click here to see the trailer.

• Interviewing this year?
  There is a great book called: Programming Interviews Exposed: Secrets to Landing Your Next Job
  It prepares you for CS interview questions by revealing strategies and giving a nice review of data structures, recursion, and other programming information you might be asked about.
  Best of all, the OSU library has it in electronic form. Click here and then click on "Read Online".
  (I have a paper copy of it if you'd like to see it. Also, it's around $21 on Amazon

• Here are a couple of articles about job opportunities in 3D graphics entitled Realtime Skills Wanted and Visualizing the Future. However, know that these were co-sponsored by Unreal Engine, so clearly the conclusions are self-serving. However, interesting anyway.

  Also, here is a Podcast about How to Make Money doing 3D. The part about How to Apply for a 3D Job comes in at 15:32.

• I will hold the Live Lectures every Monday and Wednesday, 10:00-12:00. Here is my Zoom-room. If it asks for a passcode, use: ZeldaDog

  For Week #8, the Live Lectures will be:
  Monday:

  • Go over the answers to Quiz #7
  • Talk about the CS 557 Paper Project
  • Tessellation Shaders
  
  Wednesday:
  • Talk about Project #7
  • Compute Shaders
  • The mini-report called Visualizing the Future.

• Way cool demo of Unreal Engine's new MetaHuman Creator. (To get the full effect, put the video into Full Screen mode.) I would guess that they have a skin shader that takes in a ton of uniform variables.

• The Mandalorian has been nominated for a Golden Globe award for Best Drama. Very cool! Sci-Fi productions don't usually get honored like this. Usually they get nominated in Technical Effect-type categories. Here is a Wired Magazine article about it.
  (All the way down at the end is a great video about the virtual production environment. Be sure to unmute the sound and make the video full-screen!)

• On March 5, Disney is releasing a new movie called Raya and the Last Dragon. Nice graphics effects. Click here to see the trailer. It will be released in theaters (?!) and on Disney+.

• Networking Night is February 16.
  Student registration is now open. Sign up today! Many of these slots disappear quickly. Remember: "You are always in your career."
  Also, submit your resume to the resume book!

• Here is an interesting article on the Pixar movie Soul.
  Have even more fun annoying your friends. :-)

• The "signature object" this quarter is a cat, in honor of the cat character in the new Pixar movie Soul. Get the OBJ files here:

  Vertices	Triangles	File
  1,413	2,822	catL.obj
  8,824	17,644	catM.obj
  35,290	70,576	catH.obj

  They each have normals and texture coordnates.

• Some museums have been photoscanning items in their collections and then have uploaded them to Sketchfab here. Check them out! They're free.

• Click here to see a Wired Magazine article on how virtual sets and the Unreal Game Engine were used on The Mandalorian.

• Click here to see the calendar of student events.

• The EECS Networking Night is the afternoon and evening of Tuesday, February 16. Click here for more details (from last year).
  Networking Night registration opens on February 1.

• The WQ Career Fair is Wednesday, February 17.

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

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

• Here is a Online Image-to-BMP file converter, which you might find handy to convert images you find into BMP files for use as textures.

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.

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

If you don't have any of these under your belt, I suggest that you look over the CS 450/550 class notes, which can be found here.

Professor

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

Prof. Bailey's Office Hours:

Optional Textbook

Other Good References

Handouts and Recorded Videos

Here is my Zoom-room.
If you need a passcode, use ZeldaDog

Week #	Day	Chat	Video	Extra Notes
1	Monday	PDF	LV
1	Wednesday	PDF	LV
2	Monday	PDF	LV
2	Wednesday	PDF	LV
3	Wednesday	PDF	LV
4	Monday	PDF	LV
4	Wednesday	PDF	LV	Sorry, I started the recording a little late
5	Monday	PDF	LV
5	Wednesday	PDF	LV
6	Monday	PDF	LV
6	Wednesday	PDF	LV
7	Monday	PDF	LV
7	Wednesday	PDF	LV
8	Monday	PDF	LV
8	Wednesday	PDF	LV
9	Monday	PDF	LV
9	Wednesday	PDF	LV	So excited about the Cat Highlights, didn't hit the Record soon enough
10	Monday	PDF	LV

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 (.cpp, .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 your Canvas Grades If you lost any points, there will be a comment about it.

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.

If you turn in a project 3 or more days late, the score is a zero.

If you turn in a project late and don't have enough Bonus Days left to spend on it, the score is a zero.

You don't need to ask me or even tell me that you are using Bonus Days. Just turn your project in late. I have a script that will check your turn-in date and deduct the Bonus Days.

Grading

Downloadable Files

Here is a folder with some of my favorite OBJ files.

Opening up the Sample2019.zip or SampleLinux.tar file will produce a folder full of all the other files you need. You do not need to go hunt the internet for any other files. Use the ones that have been given to you.

Windows Visual Studio 2019 Sample Program	Sample2019.zip	Un-zip and double-click on the .sln file, then select Build→Clean Solution, then select Build→Build Sample, then select Debug→Start Without Debugging
Linux Sample Program	SampleLinux.tar	Un-tar (tar xvf SampleLinux.tar), then cd SampleLinux, then make sample, then ./sample
Windows Visual Studio 2019 Sample Shaders Program	ShaderIntro2019.zip	Un-zip and double-click on the .sln file, then select Build→Clean Solution, then select Build→Build Sample, then select Debug→Start Without Debugging
Windows Visual Studio 2019 Shadows Program	Shadows2019.zip	Un-zip and double-click on the .sln file, then select Build→Clean Solution, then select Build→Build Sample, then select Debug→Start Without Debugging
Windows Visual Studio 2019 Vertex Buffer Object sample Program	VBO.zip	Un-zip and double-click on the .sln file, then select Build→Clean Solution, then select Build→Build Sample, then select Debug→Start Without Debugging
A color-picker program	ColorPicker.exe
Our own version of the sphere-drawing function	osusphere.cpp
C++ class to use GLSL shaders	glslprogram.h, glslprogram.cpp
Code to load an OBJ file	loadobjfile.cpp
glm Folder	glm.zip	Un-zip into your VS project folder
Keytime Animation C++ class	keytime.h, keytime.cpp
2D Noise Texture	noise2d.064.tex
3D Noise Texture	noise3d.064.tex
Kelley Engineering Center test image	kec.bmp
The find shader	find.glib, find.vert, find.frag
Shader code to produce the rainbow and heated-object color scales	colorscales.txt
Mars Panoram	MarsPanoram.zip

If you want to load a .obj file as part of one of your projects, incorporate the file loadobjfile.cpp into your own code. I usually use this by placing the .obj object into a display list:

// a global variable:
GLuint DL;

. . .

// do this in InitGraphics( ):
DL = glGenLists( 1 );
glNewList( DL, GL_COMPILE );
LoadObjFile( "spaceship.obj" );
glEndList( );

. . .

// do this in Display( ):
glCallList( DL );

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

3. Want to use the Nvidia Lobby in a cube map? Here are the files:
   nvposx.bmp
   nvnegx.bmp
   nvposy.bmp
   nvnegy.bmp
   nvposz.bmp
   nvnegz.bmp

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

Downloadable 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.lib
4. libcid.lib
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 Notes You Might Enjoy!

Grades 2-12 Outreach
	Scratch
	SketchUp
	Blender
	TinkerCad
	Processing

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