Workshop Canvas

Je kijkt naar een activiteit die in het verleden heeft plaatsgevonden

Workshop: Workshop Canvas
Datum	12 april 2012 om 20:00
Contactpersoon	Failbaitr
Locatie	Zuiderplein 33, Leeuwarden
Loading map... {"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"360px","height":"350px","centre":false,"title":"","label":"","icon":"","visitedicon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"wmsoverlay":false,"copycoords":false,"static":false,"zoom":15,"defzoom":14,"layers":["OpenStreetMap"],"overlaylayers":[],"resizable":false,"enablefullscreen":false,"scrollwheelzoom":true,"markercluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","locations":[{"text":"","title":"","link":"","lat":53.1978417,"lon":5.7969092,"icon":""}],"imageoverlays":null}
Onderwerp	Onderwerp::Canvas
Activiteitenoverzicht – Activiteit toevoegen

A Canvas workshop in the space, this involves coding Javascript, getting to know various canvas capable browsers, solutions for lesser browsers, and info on keeping your canvas performance up.

I (Failbaitr) am willing to do a Canvas workshop in the space, this involves coding Javascript, getting to know various canvas capable browsers, solutions for lesser browsers, and info on keeping your canvas performance up.

Examples of stuff written in Javascript using canvas:

• http://paperjs.org
• http://isogenicengine.com
• http://rgraph.net
• http://www.hacker9.com/16-awesomely-impressive-html5-canvas-examples.html

Get some stuff ready

Install Mozilla Firefox 4+, or chrome stable. Safari should work, but has some quirks to we might not touch on until later.

Stuff you can do before we start

Read:

• https://developer.mozilla.org/en/canvas_tutorial
• Install and get to know firebug if you want to use Firefox, or get to know the developers tools in chrome.

Summary of workshops

WS02, more interaction

• 2012-04-26 @ 20:00 CEST
• Lets interact some more
  • Drawing lines (moar)
  • Setting drawing tools to change behaviour
  • Image interaction
  • The context / save / revert

WS01, primer

• 2012-04-12 @ 20:00 CEST (this event has passed)
• A primer into canvas and interaction
  • Setting up a canvas
  • Talking to it trough JS
  • Drawing basic shapes
  • The context / save / revert
  • Drawing lines