-
Notifications
You must be signed in to change notification settings - Fork 8
Workshops
You can use Paysage as a platform for live coding workshops.
The first example is Code Creature, created for the Code Créatures workshop that took place at Pompidou Center during La Fête du Code Créatif (Creative Coding Party/Fest) on November 28th-29th 2015. More on the mini-site and on Github.
You can go and play with the Creatures by opening a dedicated Creature programmer. More examples and options are detailed in the leaflet (PDF, french).
A new, multi-screen version of Code Creatures has been created for Futur en Seine festival, using the big, encircling screens at La Gaité Lyrique's grande salle.
This workshop use a dedicated, simplified creature programmer and a specially crafted processingJS creature script that take into account its place in a virtual canvas. Each screen is still simply the Paysage Playground page, to which we optionally pass cumulative screen height and width, x and y offsets values —in the URL via the fragment identifier.
Non multi-screen aware sketches just ignore these values, multi-screens aware sketches can use them is they are defined to offset the zone they are rendering.
On this workshop, we also preload a first, background sketch that evoke the passage of the day by slightly changing colors, to avoid a blank background. We load it manually using the standard programmer: http://www.paysage.xyz/playground/creaturefutur/programmer As this sketch is one of the examples, it's easy to load it during the set up.
For the computers used by the participants to code their creatures, we load a dedicated programmer full screen: http://www.paysage.xyz/workshop/creaturefutur?hasplaygroundlink=no (we hide the link to the Playground during workshop, to avoid confusion.)
To create a wide, 9984 pixel wide Paysage Playground over multiple screens we use all theses pages on 3 computers: http://www.paysage.xyz/playground/creaturefutur/#w=9984&h=768&x=0&y=0 http://www.paysage.xyz/playground/creaturefutur/#w=9984&h=768&x=1920&y=0 http://www.paysage.xyz/playground/creaturefutur/#w=9984&h=768&x=3455&y=0 http://www.paysage.xyz/playground/creaturefutur/#w=9984&h=768&x=4992&y=0 http://www.paysage.xyz/playground/creaturefutur/#w=9984&h=768&x=6912&y=0 http://www.paysage.xyz/playground/creaturefutur/#w=9984&h=768&x=8447&y=0
Because the front and back screens are in reality split from a common source, and for speed optimization as bigger canvas slow everything down, we have dual iframes static pages loading these URLs – one page per computer: http://www.paysage.xyz/workshopfiles/creaturefutur/screen1-3.html http://www.paysage.xyz/workshopfiles/creaturefutur/screen2.html http://www.paysage.xyz/workshopfiles/creaturefutur/screen4.html