Developing Your First HTML5 Game – Lesson 1 HTML5 Game Development – Lesson 1 Starting today we begin a series of articles on game development in HTML5. In our first article we will cover the basics – working with the canvas, creating simple objects, fill, and some linked event handlers by mouse. How To Create a Retro Style Race Poster in Photoshop I recently put together a little vintage style poster to let my friends know about a karting event I’m organising for my stag do. I know lots of my readers are also big fans of the retro style and I had loads of fun creating the design, so I thought I’d share the process as a tutorial to give an insight into the techniques used. We’ll use Photoshop to put together the poster layout with various textures and brushes, but also switch back and forth to Illustrator to create the typographic elements. Here’s the little poster design I put together for my karting event. I initially had no plans of making it public, but I’m pretty proud of how it turned out and I know some of my readers will be interested in how to create the retro style.
Unfolding Maps: Getting Started in Processing Download Library Download the latest version of the Unfolding library. Unzip the archive and put the extracted Unfolding folder into the libraries folder of your Processing sketches. To find the Processing sketches location on your computer, open the Preferences window of the Processing application and look for the “Sketchbook location” item at the top.
Dragan's Blog Aka canvas / SVG paradox. This year it will be full 10 years that I officially work for various companies, and i could add 3-4 years of freelancing / solo experimenting to that. Most of that time i spent drawing various data in browser. I visualiszed almost everything, big data sets, small data sets, real time sensory data, API responses, sql queries, you name it – i draw it. Dominikus Baur Interfacery - Data Visualization - How to make fast animated HTML5 visualizations Update: Jeremy Stucki from Interactive Things quickly hacked together an impressive demo of >500 animated, flower-like shapes in SVG - showing that complex animations can also be done using vector graphics. Still, it lacks some of the details (gradients! text labels!)
Ghost Counties on Datavisualization.ch Earlier this year, Visualizing.org and Eyeo made an open call for designers and developers to create an interactive portrait of America by visualizing the 2010 census data. Jan Willem Tulp, a freelance information visualizer based in The Netherlands has recently published his submission for the competition called Ghost Counties. The visualization, developed in Processing, analyzes the numbers of homes and vacant homes in proportion to the population of all counties in the United States of America. The data itself was not very complex, but rather big, and the biggest challenge was to find a creative approach to visualize this data, but without using a map (which would be rather obvious since it’s about locations).
How to Build Asteroids with the Impact HTML5 Game Engine Over the past couple years or so there has been a dramatic rise in the number of HTML5 games around on the Web, thanks in no small part to the HTML5 gaming engines that are making their development much easier. In this tutorial, I'm going to show you how to build a simple space-based asteroids game using the Impact game engine, one of the more robust engines out at the moment. Impact is a commercial engine, so you'll need to purchase a license before you can use it, but that doesn't stop you from at least following along with the tutorial to get a feel for how it works.