CSCI 441 - Computer Graphics

This assignment is due by September 20, 2021 by 11:59pm.

You step back to admire your work. You're not quite sure how you did it, but there it is for all to see. The sign promoting yourself is freshly painted and standing. The person in the cloak returns and doesn't say anything for a long while.

After some time, you hear: "Very good. You must continue your training now. The equipment you have used to now will only serve you so well. It's time to upgrade. I shall return."

And so you wait...

The shadowy figure returns and motions for you to follow. You begin traveling through the complex, through parts you've never entered before. As you wind your way through a maze of stalls and shops, you try to make a mental map of where you're going so you can return.

"You'll never make your way to the capital looking like that. You need a persona as big as the sign you just made. I've been able to gather this set of starting equipment for you. Choose only what you need to get started. You'll also want these."

"Once you've chosen from here, you will need to acquire the rest from the other traders. Be ready to barter and argue, they won't give you a fair price."

You start lifting gear across the table, trying to determine what suits you best. On top of a box, you find a note:

For this assignment, you will write an OpenGL/GLFW program that displays a 2D animated and interactive Hero. Make your window a traditional size, in fact make it 512x512 (the same as Lab00b, hmm). Your Hero must be made up of OpenGL primitives, at least one of which is solid, and drawn in hierarchical fashion. In other words, the eyes and mouth should be drawn with respect to the head and the head with respect to the body, etc. A carefully placed call with glm::translate() could be used to move entire portions of the Hero's body.

Your Hero must have some form of constant animation regardless of user interaction (head bobbing side to side, arms waving up and down, etc.).

The user must be able to move the Hero around the screen with the WASD keyboard and the Hero must wrap around the screen. That is, when the Hero gets to the left edge of the screen, the Hero should then reappear on the right edge of the screen. Same scenario for right-to-left, top-to-bottom, and bottom-to-top. When each of these four scenario happens, you must call the following respective functions: moveLeft(), moveRight(), moveUp(), and moveBottom(). This will take care of advancing the map for you. Make sure to keep the function call to drawMap() at the beginning of draw loop.

The Hero must also interact with the mouse (change the Hero's expression, fire an arrow, etc.) and the interaction must be based on the position of the mouse (the Hero runs away from the mouse, it fires an arrow at the mouse, the Hero constantly looks at the mouse, etc.). Your program must register a callback for the keyboard and mouse. As discussed in class, it is possible to combine all these events.

Point, Set, Match: combine the mouse and keyboard together for A + Click or similar operations.

Have fun and be creative! Don't be limited to just the suggestions above. Try out different key combinations (maybe allow the arrow keys to move your hero in addition to WASD), make full use of the mouse, make your assignment as cool as possible! Your Hero will be added to the Hero page so if you have a particularly cool pose you'd like to use, be sure to capture that as your screenshot.

Use this source code package. Additionally, download these world map images and put them into the images/ folder to populate the world map.

With your new gear on, you start to walk back through the complex. Making your way past vendors and stalls from far away lands.

Update the webpage that you submitted with A1 to include an entry for this assignment. As usual, include a screenshot (or two) and a brief description of the program, intended to showcase what your program does to people who are not familiar with the assignment.

Briefly answer the questions below. Include your response in the README.txt file.

1. Provide a series of OpenGL/glm calls that accomplish the following transformations. Assume you have a function drawHelmet() which takes care of drawing the Mines helmet to the screen.
   1. As seen in class, it is very simple to rotate an object and have it spin around its own local axis. The Mines helmet is located at (x, y). How can we rotate the helmet around the origin (0, 0) without the object spinning, but staying stationary around its own local axes? An angle of rotation θr is provided and updated each frame to simulate the animation.
   2. Instead of rotating around the origin (0, 0), how can we rotate the helmet around an arbitrary point (i, j)?
   3. We have discussed the Shear transformation in class. GLM does not provide a built in glm::shear() as it does for translate, rotate, or scale. Provided an angle of shear θs , how can you tell OpenGL the necessary transformation matrix and apply the matrix to the drawing of the helmet? (Hint: Your answer will not require any reference to glm::translate(), glm::rotate(), or glm::scale(). )

With this and all future assignments, you are expected to appropriately document your code. This includes writing comments in your source code - remember that your comments should explain what a piece of code is supposed to do and why; don't just re-write what the code says in plain English. Comments serve the dual purpose of explaining your code to someone unfamiliar with it and assisting in debugging. If you know what a piece of code is supposed to be doing, you can figure out where it's going awry more easily.

Proper documentation also means including a README.txt file with your submission. In your submission folder, always include a file called README.txt that lists:

• Your Name / HeroName
• Assignment Number / Project Title
• A brief, high level description of what the program is / does
• A usage section, explaining how to run the program, which keys perform which actions, etc.
• Instructions on compiling your code
• Notes about bugs, implementation details, etc. if necessary
• How long did this assignment take you?
• How much did the lab help you for this assignment? 1-10 (1 - did not help at all, 10 - this was exactly the same as the lab)
• How fun was this assignment? 1-10 (1 - discontinue this assignment, 10 - I wish I had more time to make it even better)

Your submission will be graded according to the following rubric.

[1] In other words, a call to drawHero() would be made up of calls to drawHead(), drawBody(), etc.. Within drawHead() are two calls to drawEye() to place each eye on the head. A properly placed call using glm::translate() could move the entire head (and eyes) with respect to the Hero's body. Each component should be drawn with respect to the component it is attached to (i.e. eye locations are set as offset from center of head) rather than being specified with respect to the center of the Hero. Individual components can then be moved hierarchically. If there are any questions, feel free to post a question to Piazza.

When you are completed with the assignment, zip together your source code, CMakeLists.txt, and README.txt into a folder named src/ plus include your www/ folder. Name the zip file, HeroName_A2.zip . Upload this file to Canvas under A2. The structure of your submission should look as follows:

• HeroName_A2.zip
  • src/
    • images/
      • all_images
    • README.txt
    • CMakeLists.txt
    • A2Engine.cpp
    • A2Engine.hpp
    • main.cpp
    • WorldMapEngine.cpp
    • WorldMapEngine.hpp
    • all_additional_code
  • www/
    • images/
      • all_images
    • HeroName.html
    • all_additional_files

This assignment is due by September 20, 2021 by 11:59pm.