Unit Admin

• MMCC3045 Unit Guide

Class Lists Select a class ×

Unit Resources

• Blank HTML document
• jQuery core (download the latest compressed version)
• Official jQuery documentation
• MMCC3045 jQuery reference document
• jQuery cheat sheet
• CSS3 Maker
• Sound effects library
• CSS clip-path generator

Exemplars

2020

• Carpe Noctem [Jacob Francisco]
• Feisty the Cat: The Quest for Chocolate [Carey Fung]
• The Verge [Sophie James]
• Instinct [Michelle Vanya]
• The Ninjabread Man [Ashlyne O'Campo]

2019

• Rogue Cell Redemption [Samantha Kuhn]
• Prey [Sarah Smalley]
• Ninja Artefact [William Smith]
• A Strange World [Seok Lee]

2018

• Mr Robot: Data Breach [James Steward]
• MessageApp [Miles Fitzgerald]
• Thalassophobia [Jini Choi]
• The Prince of All [Brian Nguyen]
• Boba Fett and the Sarlacc Pit [Dyllan Bloch]

2017

• A Hero's Journey [Tammi Grech]
• The World of Boxes [Stuart Madafiglio]
• The Rescue of Yellow [Guillaume Pitot]
• DateSim 2000 [Joshua Soutar]

2016

• Harry Potter and the Missing Owl [David Hajje]
• Dark Knight, Dark City [Junaid Ahmed]
• Voltage [Kaethe Lassen]
• Homer Simpson's Surprise Birthday Party [Sean Gilmore]

2015

• Woody's Mission: Leave No Toy Behind [Patria Manalili]
• Mars Dr Curio [James Rotanson]
• Betty the Bear [Rhiannan Villano]
• The Misadventures of Lord Tone Abet [Rebecca Syaranamual]

2014

• Billy Biscuit [Kristen Nolan]
• Ryan the Rhino [Geoff Parker]
• Legend of Turan [Daniel Payne]
• Dungeon of Doom [Sunni Daniele]
• Storm in a Coffee Cup [Brendan Ridley]
• Maison Denigmes [Melody Kuk]

2013

• The Birds, The Animals and Bat! [Andrew Skidmore]
• Cluedo [Holly O'Connor]
• Panda Peril [Lydia Chan]

Week 2 - HTML/CSS Refresher

• Positioning Example
• Completed HTML document
• Completed CSS document
• Field Background Image
• Bird Image
• Cat Image

Week 3 - Functions and Event Handling

• Manual event handling using IF statements
• Automated event handling using IF statements and setInterval()
• Animated count down timer

Week 4 - Audio and Video

• Exercise 1
• Success Sound
• Fail Sound
• Exercise 2
• Alice in Wonderland
• Synthesising Task
• Advanced Video demo
• 'Simon' style sequence demo
• HTML5 Media Events

Week 5 - Dragging, Dropping and Events

• Dragging objects, storing choices example
• jQuery UI Library
• jQuery UI Library Effects API
• First Page: drag.html
• Second Page: choice.html
• Stylesheet: styles.css
• Bag Image
• Gun Image
• Key Image

Week 6 - Photoshop Basics and Working with Images

• Mario
• Superman
• Litter
• Making static images interactive [1] - This version uses HTML and attributes
• Making static images interactive [2] - This version works programmatically using an array
• Coding Exercises - revising previous weeks

Week 7 - Negotiated Curriculum

• Keycodes
• HitTest Library
• Tunnel Collision Example
• Player
• Tunnel Graphic
• Random Positioning and Hittest Combined
• Hit test game example (use Q,A,O,P for movement)
• Apples and Mazes
• Inventory example
• Inventory files
• Sequence example
• Sequence files
• Functions and external .js files example
• Functions and external .js files
• Javascript function for generating random numbers between a range:
• function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}