#8: Drawing In The Browser, with Canvas

By on 13 August, 2010 in Events, JavaScript

My Hidden Talent (by Harpersbizarre)

Thurs, 19th August 2010 (arrival from 7.15pm, for a 7.45pm start).
NOTE new venue: @The Skiff, 6 Gloucester Street, Brighton, BN1 4EW. (map)

Add yourself to the event on Upcoming

Canvas everything

In this session, Jon Linklater-Johnson will be teaching us all how to draw, using the Canvas element, which is part of the HTML5 suite of new web technologies.

Jon will cover almost everything you need to know about the Canvas API, with a look at Processing.js and maybe one or two of the other drawing frameworks. We’ll look at why SVG might sometimes be a better for your project and how Raphaël.js can help. Finishing up with some demos of the crazy cool stuff that people have built and how they did it.

Difficulty level

Jon says:

The session should be fairly easy for anyone that already knows a bit of Javascript. I think it will end up being about 50/50 practical/theoretical. My plan is to ‘live code’ my presentation as I go so hopefully if people want to they can follow along, at least for the first half, as I want to explore some more complex and crazy stuff towards the end and do some demos of other stuff people have built which will be more theoretical.

About Jon

After living in Cornwall for a few years where he worked on websites for the BBC, Teenage Cancer Trust and the Eden Project, Jon Linklater-Johnson recently moved to Brighton to undertake an internship at Clearleft. He loved Brighton so much that he decided to stay. He now freelances when not learning Javascript mastery with Remy Sharp at Left Logic.

Some Canvas resources

, , , , , , , , , , , , , , , , ,

7 Responses to #8: Drawing In The Browser, with Canvas

  1. Matt Canvas 21 April, 2011 at 1:54 pm #

    Any plans to video and make available on-line? Seems such a great resource to miss out on when not close to location!

  2. Premasagar Rose 6 May, 2011 at 12:42 pm #

    @Matt – it would be wonderful to video each session and put it online. I’ve got my logistical hands quite full at the event at the moment, so I hope that someone volunteers to do that one day (we have mentioned the idea before).

Trackbacks/Pingbacks

  1. Ideas for Sessions | Async - 1 June, 2010

    [...] Canvas (session #3) [...]
  2. #10: Canvas Hack Night | Async - 16 September, 2010

    [...] read the book. You’ve watched the talk. You’ve seen the demos. You’ve laughed! You’ve cried! Now come along to the [...]
  3. #16: I Can’t Believe It’s Not Flash | Async - 26 December, 2010

    [...] have been creating rich media apps and games with immersive visuals. Now that the open standards Canvas and SVG are available natively in all major browsers, we JavaScript developers have much to learn [...]
  4. #32+33: JavaScript Jungle | Async - 6 August, 2011

    [...] about visual technologies, such as creating vector graphics with Raphael.js and SVG, and drawing on HTML5 Canvas with libraries like Processing.js, EaselJS and Paper.js. Then the hacking [...]
  5. In the Jungle, the Mighty Jungle | Async - 28 September, 2011

    [...] or flying solo, creatures were created using a variety of techniques, including Coffeescript, SVG, Canvas, CSS3 animations and even good-old animated gifs and image [...]

Leave a Reply