Browserscene: Creating demos on the Web
I gave two seminars at Assembly in Finland about the browserscene, my way of referring to the demoscene on the Web. The first seminar was an overview of the technologies available on the Web that demo programmers can use to make amazing stuff. The second seminar was a code run-through of an example demo that I made with WebGL and the Audio Data API.
Yesterday I had the pleasure of attending and speaking at the Assembly event in Finland. Each year thousands of gamers and programmers descend on this event to teach each other and take part in competitions.
During lunchtime on Friday I gave two seminars about the browserscene, my way of referring to the demoscene on the Web. The first seminar was an overview of the technologies available on the Web that demo programmers can use to make amazing stuff. The second seminar was a code run-through of an example demo that I made with WebGL and the Audio Data API.
My WebGL and HTML5 audio visualiser, which you can learn how to make
Something that blew me away at Assembly was the epic number of desktop computers that were in the main arena. Check out the video below to see what I mean.
Oh, and I got to meet Mr.doob! He did a great talk on the making of Ro.me; it's well worth a watch.
Slides
Video
My feedback
- Medium audience (60–80)
- Great AV setup
- No still water for speakers, but not a massive problem as lemonade did the job
- Relevant questions from the audience
- Well organised
Resources
- Technology
- Canvas for 2D graphics
- WebGL for 3D graphics
- HTML5 Video for video playback and manipulation
- HTML5 Audio for audio playback
- Audio Data API for audio creation and manipulation
- Geolocation for finding physical position
- WebSockets for real-time two-way communication
- CSS3 for upgraded stylesheets
- Web Fonts for beautiful typography
- Local Storage for small amount of local data
- IndexedDB for larger amounts of local data
- Existing demos
- Demo repositories
- Learning the browserscene
- Libraries and frameworks