Castles: Responsive Parallax Landscape

Castles is a responsive parallax landscape made with PixiJS, an open source, cross browser JavaScript 2D WebGL graphics library with canvas fallback.

Resizing your screen by dragging the preview pane adds and removes elements in the landscape. Different screen sizes definitely change the way the landscape looks. You can even hover your mouse pointer left to right to zoom in and zoom out.

Castle

You can check this out for yourself by clicking here and start making some fun changes to the code.


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. OnGameStart comes to New York: March 15th, 2013 OnGameStart, the original HTML5 Game Development conference, is expanding to the US with an US-based event taking place on March 15, 2013 in New York City. Michal has once again...

  3. GLSL Sandbox A online gallery created by Javi Fontan and Diego Goberna and the WebGL hero MrDoob showcasing various WebGL shaders with their code. Share List...

  4. Ascii Fluid Designer Nick Kwiatek posted a innovative combination of Fluid Dynamics and Ascii Art. Creative JS has some more notes. Share List...

  5. Atari Opens up Development Kit for HTML5 Atari Arcade Atari arcade, the Microsoft sponsored HTML5 re-imagining of Atari’s classic catalog, is opening up it’s development platform: Supported by Internet Explorer and Atari, the new Atari Arcade is a browser-based...

, , , ,
Canvas-1, HTML5 Demos, WebGL-1