W3Cx@Festival of the Web

W3Cx Contests

Perth, Australia

W3C is also present at the Festival of the Web (FOW). We have designed not one but three contests to the attention of Web developers/designers who love to code and have fun!
To participate in one or more of these contests, please share your contribution(s) with a URL pointing to a live demo, explanations about the project and the source code. The source code should be available on a GitHub/Bitbucket/SourceForge repository, except if your project runs on one of your favorite online editing tools (such as CodePen, JSBin, JSFiddle, Plunker, etc.). In that case, please provide both the URL to the running demo and the URL to the source code
Please send us your project's URLs to contact[at]w3cx.org
We'll accept your projects until Friday 6 April (at 23h59 UTC)!
The jury members of the competition are Michel Buffa, Bert Bos and Marie-Claire Forgue. We will deliberate on Friday 7 April 2017 -- on site in Perth!


Web Audio visualization

Develop an application that will propose a real time 2D or 3D visualization of the music coming from a mp3 stream.
The WebAudio Analyzer node will provide the data necessary for drawing in real time the waveform, the frequencies amplitudes or a sonogram. You can use the HTML5 canvas API for 2D animation, or WebGL /shaders for 3D animation.

A few tips:

  • Any external framework is allowed
  • Be creative: your app can be customized using some sliders/knobs, or any other interactive means ; it can use the WebCam, can run on several computers in sync, etc.
  • Starting point: take this skeleton app. The source code is a minimal real time frequency visualizer that uses the WebAudio API (analyzer node) + the HTML5 Canvas 2D API.

A few resources that will help:



Animate the WWW17 black swan.
To continue the CSS 20th birthday celebration, we are proposing an animated drawing contest to all CSS enthusiastic developers. The black swan is Western Australia’s bird emblem and is to be found on the Swan River estuary that flows through the city of Perth.

black swans on the Swan river facing Perth cityA few rules:
  • Do not use a framework
  • Be creative: use at least one animation and one gradient
  • Make the design responsive
  • Make the design accessible
  • Use these mandatory words in the drawing: "WWW2017"
A few resources that will help:

HTML5 Game

Write a 2D shoot’em’up game, inspired by "shmups" of the 80’s/90’s.
Your game can be very basic, such as space invader or bullet-hell games. Do use abstract graphics or sprites (animated series of images). The challenge here consists in not using any external game framework: just plain JavaScript and basic APIs included in your browser to code the core of your "shoot'em'up".

A few resources that will help:
  • Follow "week 2" of the W3Cx MOOC: HTML5 Apps and Games. In this course module, you will learn the basics of game programming. This tutorial does not use any external framework, but explains how to write a small game engine. Moreover, you'll learn about: animation at 60 frames/s, event handling (gamepad, etc.), sound, collisions, sprite based animation, time based animation, etc.
  • If the challenge is too difficult, you can use the bulletML js port (bulletML is a library for animating bullet patterns), or libs for making analogic sound effects (such as WebAudioFX) or managing sound samples (such as HowlerJS), or particle effects like in this example from this W3Cx MOOC.

Check out these games:

  • Gridrunner (IOS/Android).
  • Galaga/Galaxian
  • Scramble
  • Asteroids
  • Dodonpachi (arcade)
  • Gradius
  • etc.

The Festival of the Web will be held at the Perth Convention and Exhibition Centre.

www logo

Check W3C's Track 

Contacts on site

Marie-Claire Forgue (W3C track chair - +33676863341)

Michel Buffa (W3Cx trainer - micbuffa[at]gmail[dot]com)


Follow W3C's MOOCs!

W3Cx Facebook page W3Cx instagram profil W3Cx Twitter profil


On 17 December 2016, the style sheet standard for the Web became 20 years old.