Web Directions

Conffab

  • Speakers
  • Presentations
  • Conferences
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
  • Speakers
  • Presentations
  • Conferences
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
Advanced Search
Searching videos

Canvas Cold War

Simon Swain at Code 2015
Sign up for a free membership to watch this and hundreds of other videos
  • Details
  • Keypoints

Growing up in the ’80s wasn’t as cool as it’s made out to be. As a teenager of that decade, we not only lacked any reasonable fashion sense, we lived under the constant shadow of nuclear oblivion. In hindsight, the arms race begat some huge advances in computing theory and practice, and since your average mobile phone is more powerful than that era’s entire North American early warning system, makes a great target for simulation.

Cold War is an in-browser recreation of the nightmare that was the ’80s, exploring emergent systems, the limits of Javascript performance, and some techniques that might actually be useful in your day job when you get back to civilization. Expect vector graphics, high altitude bombers, missiles, killer satellites and explosions. More than a few explosions. And unlike the ’80s, lasers that actually work.

16ms to jank! That’s our budget.

Canvas transform/translate commands are the key to really understand how to get canvas to do cool stuff. They let you do transforms with a minimum of mathematical calculations.

Classic example is the swarm simulation: you don’t define the behaviour, you define the conditions that the actors will respond to and what they will do. Then you see emergent behaviour.

This is how you can build up the Cold War game, where the nation states have a variety of weapons and counter-weapons. You can then run your simulation without actually knowing the result.

(look up the video for this one!)

simonswain.com/coldwar

You may also be interested in

    Thumbnail for Rats of the Maze

    Rats of the Maze

    Thumbnail for Stop the Fanaticism – Using the Right Tools for the Job

    Stop the Fanaticism – Using the Right Tools for the Job

    Thumbnail for A Decade of Disciplined Delivery

    A Decade of Disciplined Delivery

    Thumbnail for Pay the Web Forward

    Pay the Web Forward

    Thumbnail for Q&A Sharpen Up Your Text With The Power of Three

    Q&A Sharpen Up Your Text With The Power of Three

    Thumbnail for Current Best Practice in Front End Ops

    Current Best Practice in Front End Ops

    Thumbnail for Storytelling for influence. A how-to guide to influential storytelling

    Storytelling for influence. A how-to guide to influential storytelling

    Thumbnail for Machine learning for front-end developers

    Machine learning for front-end developers

More presentations from Code 2015

    Thumbnail for Classing up ES6

    Classing up ES6

    Thumbnail for JavaScript Numbers Like You’ve Never Seen Them Before

    JavaScript Numbers Like You’ve Never Seen Them Before

    Thumbnail for Stop the Hand Waving – Scope Chains & Closures

    Stop the Hand Waving – Scope Chains & Closures

    Thumbnail for Getting Offline with the Service Worker

    Getting Offline with the Service Worker

    Thumbnail for Current Best Practice in Front End Ops

    Current Best Practice in Front End Ops

    Thumbnail for The State of the Animation

    The State of the Animation

    Thumbnail for ES6 Symbols, What They Are and How to Use Them

    ES6 Symbols, What They Are and How to Use Them

    Thumbnail for Eliminate JavaScript Code Smells

    Eliminate JavaScript Code Smells

Conffab
  • About
  • Speakers
  • Presentations
  • Conferences
  • Contact
  • Sign in
Sign Up

© Conffab 2023