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: January 16, 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
• 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:

• Monday, January 18, is Martin Luther King Day. The TAs will not be holding Office Hours that day. I won't be holding 8:00 AM OHs. I also won't be holding the 10:00-12:00 Live Lecture. I will, however, be holding my 12:00-2:00 OHs. Come by for any reason.

• 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

• 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
  707	1,410	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.

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

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

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