siteIcon

Aggie Ghost Challenge

Challenges Home

ghostLogo
Hints:
Consider:

This shape was inspired by a Python program that we demoed recently. As you watch the attached movie, you can see the evolution of the Ghost being made by 'Tracy the Turtle.'

In our case, we sampled some colors from the TAMU site (Gig-'Em) and used them for the design.

It's handy, in this design, to:

  • Ask: What are the basic shapes involved in the image? It helps to watch the Python demo movie to see a Ghost constructed from scratch. Go to the JSGS Shapes Library to look up 'recipes' for those shapes.
  • Use the Ghost's head as a reference for other body parts
  • Use a variable for the ghostBody length and also use it as a point of reference for other body parts
  • Create an 'eyeSpan' and an 'eyeSpace' that are fractions of the Ghost's head diameter. Use the remaining space to size the eyes. Take a fraction of the eye radii to create the pupil radii
  • Utilize the JSGS feature of 'translate' for a TNTPoint. This idea was used for eye placement about the ghost's head center. (See the 'translate' function in action at the spec sheet for TNTPlusSign if you want to see how it works!)
  • The pupil placement also used 'translate' from each eye center, respectively
  • Find a relationship between the number of 'toes' and the width of the Ghost's body; clever students write a loop to do the heavy lifting of finding each 'toeCenter' and drawing it!

Just wow:

Based on questionable inspiration, check out the ghostly animation created by novice(?!!) James C. in a JavaScript game development class in 2022-23. What a remarkable job, given the fact we had not covered some of the material he incorporated.

Even More:

Check out the solution!