DGIM 2530-60 Web Based Game Design 1 (Fall 2020)
This page contains links to individual examples of animated or interactive web pages created with Tumult Hype for my 2D web animation and game design classes. More will be adding throughout the Fall 2020 semester.
DGIM 2521 2D Web Animation Portfolio (Spring 2020)
Week 1
Week 2
Week 3
- Color and Border Width Animation
- Font Animation
- Capo Tool Exercise
- Looping Exercise
- Grouping Exercise
- Wipe Effect
- Rotation Around Axes
Week 4
- Multiple Timelines (Motorcycle Race)
- Motorcycle Race with Sound Effect and Reset Button
- Race with Winner Announcement
- Clock
- Clock with Sounds
Week 5
- Jigsaw Puzzle Snap Demo
- Slider Control
- Multiple Sliders
- Slider Control with Percentage Indicator
- Horizontal and Vertical Sliders
- Motion Path Example
- Roller Coaster
- Shinjuku Motorcycle Tour
Week 6
- Rocket Launch Countdown Using Timeline
- Launch Countdown Using JavaScript
- Image Slideshow
- Die Roll Program - Phase 1 of 2
- Die Roll Program - Phase 2 of 2
Week 7
Week 12
- Multiple Scenes with Individual Buttons for Each Scene
- Multiple Scenes with Next/Previous Arrow Buttons
- Multiple Scenes with Swipe Controls
- Global Variable Demonstration
- Storybook
Week 13
Week 14
- Vector Drawing Animation
- Vector Morph Animation
- Vector Morph Background-Fill Demonstration
- Bézier Curve Animation
- Vector Name Morph
- Pencil Tool Example
- Pencil Shape Morph Animation Example
- Vector Shape Morph Animation
- Logo Draw Animation
- Pattern-Matching Game
Week 15
- Embedded Audio Control 2
- Audio Buttons 2
- Timeline-Controlled Audio 2
- JavaScript-Triggered Audio 2
- Typography Exercise
- Kinetic Typography Example
Week 16
- Movement Using Clickable Arrow Buttons
- Movement Using Keyboard
- Spritesheet Demonstration using Timelines
- Spritesheet Demonstration Using JavaScript