Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
22 Videos (2h 38m)
    • Make A Game! Take The Class!

      0:34
    • Get These Free Apps

      1:15
    • Do Some Planning!!

      3:32
    • Setup Your Project Files

      4:29
    • Let's Get Going: Initial Setup and The startNextRound Function

      14:53
    • The snap Function

      12:40
    • Winning The Game!

      6:37
    • Timers And Settings

      21:49
    • Write The Basic HTML and CSS

      30:28
    • Add Instructions

      8:10
    • The Initial Game State

      2:53
    • Counting Down

      2:58
    • Start and Snap Buttons

      1:56
    • The Current Round

      1:09
    • Setting The Default Emoji

      1:13
    • Creating Notices

      21:52
    • Making The Instructions Dynamic

      3:58
    • Resetting The Game

      11:44
    • Keeping Score

      2:48
    • Customize It! Make It Yours!

      1:24
    • Share It!

      1:24
    • The End

      0:18

About This Class

aed79de0

Emoji Snap!! Surely the best game ever!! I mean, it’s snap with emojis!!! And… this class is about making the game too!

This class is for JavaScript beginners. We take an iterative approach to designing and developing a JavaScript game in plain HTML, CSS and JavaScript. You don’t need to be a designer, and you won’t need any paid-for apps. You will, however, need some prior JS experience (like having done my beginners class), and some HTML and CSS experience.

WHAT’S COVERED IN THE CLASS?

  • Planning!!
  • The game’s HTML
  • The game’s CSS
  • The game’s JavaScript
  • Linking JavaScript, HTML and CSS
  • Timers, if else statements, ternary statements, Math.random(), Math.round(), click events!
  • Lot’s of tips and tricks
  • Also, you get to beat the PC!

TOTAL BEGINNER?

If you’re a total beginner to all of the above, enrol in my beginner classes here:

110

Students

1

Project

Rich Armstrong

Product Designer

Rich's title is Product Designer but he's more of a jack-of-all-trades / generalist / unicorn. He designs, animates and codes. He's studied multimedia design and graphic design, and is a self-taught programmer. He's freelanced, worked for agencies and startups, and now runs Studio Armstrong, an Amsterdam-based creation company, with his wife. He also doodles all the time, has super ginger-powers and can touch his nose with his tongue!

He spends most of his working day researching and experimenting, much like his hero, Lucius Fox, does. Rich likes to think he's a minimalist, but he's fooling himself – he's as messy and unorganised as the any other creative genius.


Rich has been teaching online classes on Skillshare since late 2015 – and he likes it a lot :) He's since created the weirdly named Tap Tap Kaboom brand that showcases his experiments, designs and classes. Follow him on Dribbble, Instagram, Ello and YouTube. He also has a newsletter type thing that you can subscribe to.