• jollyyau

Week 7 + 8: Presentations

  • Inspirations:

  • Minesweeper

  • Glitch boxes

  • Game

  • Objective: Try to stop the cat.

  • Different animations make it harder

  • Cat keep changing, adds to the glitchiness

  • Animations are deliberately unpredictable and glitchy

  • Glitchify

  • I put the gif into Photoshop to lower resolution

  • I also added filters

Pixel Cats

  • Repetition

  • Glitchy animation

  • 8-bit style

  • Blank files > looks like a glitch in the game

Cat.Mines - The Code

  • String of cats

  • Click to cycle through

  • Hover to cycle through

  • Math.random

  • Changing background colour

  • Changing button colour

CSS

  • 2 different animations

  • Static & hover

  • @keyframes

Javascript

  • Stop the animation when clicked

  • AnimationPlayState = “paused";


Recent Posts

See All

Week 11 + 12: Presentations II

These two weeks, we are presenting our web experiments that include the following: Map APIs Canvas Data Input It was very challenging for me, because I didn't know very much about coding at all. I sta

jollyyau.design © 2020

  • LinkedIn - White Circle
  • Facebook - White Circle
  • Instagram - White Circle