Textbook examples

Files with Windows carriage returns:
Windows Common directory
Sierpinski gasket files

Files with LINUX carriage returns (these work for Macs too):
Linux Common directory
Sierpinski gasket files

WebGL resources:

• The WebGL API from the Mozilla Developer Network (MDN)

• a WebGL tutorial from the Mozilla Developer Network.

JavaScript resources:

JavaScript Debugging (Firefox):
MDN information on Firefox debugger

Text Editors

Macs: Download BBEdit (TextWrangler) here.
(If you use TextEdit, be careful to set the reading and writing preferences for plain text only).

Applications for manipulating images (e.g. for textures)

Gimp

For Windows version, click on link to show downloads for Microsoft Windows.

For Mac version, click on link to show downloads for Mac.

Disclaimer: I have not used Gimp, so you are on your own with this one.

Overriding the CORS security for local texture-mapping

If your texture-mapped surfaces appear black: This may be because of a security feature in your browser known as CORS (Cross-Origin Resource Sharing) that protects against files downloaded from different servers infecting your PC. If so, you will see an error message in the Firefox javascript console that looks something like this:

Error: WebGL warning: texImage2D: Cross-origin elements require CORS.

If you get that message, go to this website and follow the instructions to disable this feature on Firefox while you're doing your texture mapping. I would advise you to re-enable (or use a different browser) when you are browsing the internet.

Some slide sets on the internet

ACMSIGGRAPH Educators slide sets
This site has useful slide sets on:

• Ray Tracing

• Radiosity

• Shading ("The shutterbug rendering progression")

• And more slide sets on graphics

Home | | Syllabus | | Assignments | | Lecture Notes | | Documentation

Constance Royden--croyden@holycross.edu
Computer Science 343, Computer Graphics
Last Modified: August 13, 2023
Page Expires: August 13, 2024