Skip to main content Jump to list of all articles

This is a release candidate of the next SmashingMag. Report a bug on GitHub or via email. Beware of cats.

will run a workshop on

JavaScript Graphics and Animation

Full-day workshop • June 28th In this workshop, Seb will demonstrate a variety of beautiful visual effects using JavaScript and HTML5 canvas. You will learn animation and graphics techniques that you can use to add a sense of dynamism to your projects.

Seb demystifies programming and explores its artistic possibilities. His presentations and workshops enable artists to overcome their fear of code and encourage programmers of all backgrounds to be more creative and imaginative.

What you’ll learn:

  • We’ll start off with a short recap of rendering into canvas, and animating simple objects.
  • Then learn how to simulate physics without rocket science. And what better way to use physics than to make a particle system with sparks, smoke and explosions?
  • We’ll draw bitmaps into the canvas, and add sophistication to the imagery by using blend modes - techniques that professional motion effects artists use.
  • These advanced animation techniques will give you a deep understanding of how to create movement and visuals with code.
  • The workshop will finish with a Q&A session and, time allowing, a live online coding demo.

What hardware/software do you need?

A laptop with the latest Chrome/Firefox installed, as well as your favorite text editor.

Who is it for?

This course works equally well for programmers and designers. Whether you’re a coder who is excited about working with visual interactivity, or a designer who’s worked with basic JavaScript you’ll love learning creative code techniques.

Time & Location

This workshop will be running from 9:00am to 5:00pm on Thursday, June 28th. We’ll let you know the location at least one month before the event.

Save $100 when signing up for the conference and a workshop!

Register for the workshop →

You can save $100 by getting a conference + workshop ticket. Or by becoming one of us.

Location:
TBA
Google Maps
Schedule:
  • Doors, open, Registration
  • Introduction & Kick-off
  • Coffee break
  • Lunch
  • Afternoon Session
  • Coffee break
  • The end, networking
Workshop includes:
  • Lunch and Snacks
  • Coffee, tea
  • Paper and pen