CreativeJS and HTML5
The original Creative JavaScript course, covering truly beautiful visual effects with JavaScript and HTML5. Learn how to draw, animate, and create truly interactive content, including advanced mouse interactions, pixel manipulation, image blending, physics, 3D and games.
“Seb’s workshop was a delight… it is a must-attend: you’ll need these skills as a developer, but also you learn that it’s not nearly as hard as it looks.” – Paul Irish
What will be covered
We’ll start off with the basics of rendering into an HTML5 canvas, and animating simple objects with tweening, realtime easing and sequencing. We’ll 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?
Working in two dimensions is fun but three is better! We’ll demystify 3D rendering by creating our own simple 3D system. And then move on to more complex examples using Mr.doob’s three.js library. We’ll also examine the differences between using canvas, DOM and SVG graphics to learn how to choose which one is right for us.
Finally we’ll explore how we can use these new found skills to make games.
Pre-requisites
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.
Upcoming workshops:
| 20-22 Jun 2012 NEW |
NYC, US | 3 days | Booking info |
Workshops as part of other events:
| 5 Jun 2012 SOLD OUT |
Minneapolis, US | 3 hour version at Eyeo Festival | Info and booking |
To hear about future courses, join the mailing list.
CreativeJS for non-coders
This is a brand new course for 2012 and is part of my campaign to get more people into programming. Designers and artists can make the best creative coders, but coding can seem scary. And programmers generally do little to make it seem easier.
This course is aimed at people with no coding experience at all, and who are interested in experimenting with JavaScript and HTML5 canvas to create visual effects, animations, and interactions. And let’s face it, it’s a more interesting way to learn JavaScript than form validation.
“I’d always had a bit of a mental block about JavaScript, but that’s well and truly gone after Seb’s course. And it was great fun too.” – Bruce Lawson, Author “Introducing HTML5”
What wil be covered?
This workshop is different – every concept and principle we learn about is visual. We learn about variables by changing the position of rectangles. We learn about loops by making multiple shapes on the screen. Arrays and animation with particle systems, and logic and objects with a simple game engine.
Most of the examples will be using canvas, but we’ll also take a quick look on how to manipulate DOM objects with JavaScript controlled CSS. By the end of the workshop, you’ll be amazed at your experiments and be well on your way to become an accomplished creative coder.
Pre-requisites
No coding experience is required. None! If you’ve done a bit of HTML or CSS that’ll probably be helpful though. It’s going to be a relaxed, friendly environment where you are free to learn and experiment with class sizes kept very small.
Upcoming workshops:
Workshops as part of other events:
To hear about future courses, join the mailing list.
The Workshops
CreativeJS Training is a series of workshops focused on teaching visual effects and JavaScript in a creative way to both hardcore coders and designers with no programming experience. Running since early 2010 world-wide, these workshops sell out fast and have proved to be hugely popular.
Join the mailing list to keep up on the newest course dates as they are announced:
Join the mailing listYour Instructor
The CreativeJS Training workshops are taught by Seb Lee-Delisle, creative coder extraordinaire. Seb makes cool stuff with a wide range of platforms and technology. More about Seb.
Photo by John Davey
