background preloader

Blogs

Facebook Twitter

Onslaught! Arena. Introduction In June of 2010, it came to our attention that local publishing "zine" Boing Boing was having a game development competition.

Onslaught! Arena

We saw this as a perfectly good excuse to make a quick, simple game in JavaScript and <canvas>, so we set to work. After the competition we still had a lot of ideas and wanted to finish what we started. Here's the case study of the result, a little game called Onslaught! Arena. The retro, pixelated look It was important that our game look and feel like a retro Nintendo Entertainment System game, given the contest premise to develop a game based on a chiptune. Given how small these sprites are we decided to double-up our pixels, meaning that a 16x16 sprite would now be 32x32 pixels and so forth. Here's a scenario that we considered: This method would consist of 1x1 sprites instead of doubling them up on the asset creation side.

Fun canvas tricks We all know that <canvas> is the new hotness, but sometimes developers still recommend using DOM. The Game Loop. Linea de Codigo. Design From The Future. I don’t think there’s a lot of industries with a rate of change like the web.

Design From The Future

The code you’re writing today and the language you’re using might not even be on your radar anymore a year from now. And every time something new comes out or becomes popular.the same basic cycle seems to happen. For a front-end developer like me, it started with Flash, then jQuery and most recently CSS3. First it starts with some introductory blog posts and articles. Then a flood of tutorials as people discover more and more of what you can do. When I first came into the world of web development, Flash was the cool thing and I wanted to be a part of it. After Flash fell out of favor, jQuery became the new hotness and there seemed to be daily jQuery tutorials. But, if you’re like me, while jQuery is really useful, to keep your dev cred you needed to start writing vanilla JavaScript. I think the CSS3 cycle was smaller than the others, mainly because there isn’t as much to learn. What’s the next big thing? Developer Community.

Browser Preview. Google Traductor. BIT-101. For the last few years I’ve done a year in review type of post near the end of the year.

BIT-101

I guess I blew that already. But January 1st isn’t a bad time to do it. 2013 brought a big change for me. After almost 6 years of working at Infrared5, I left there to work at Disney Interactive. It was a tough decision. Moving from a small company to a massive one like Disney is tough. Other than work, I’ve started a couple other projects. And I started the Coding Math video series. Earlier in the year, I decided to build an arcade cabinet.

Personally, things are good. I got a dog! A husky needs a lot of walking. Also, while walking the dog at night, I started looking up in the sky. I got up to the point where I could find and name more than a dozen constellations and more than a dozen stars as well as other features, including Jupiter and Venus. So what’s in store this year? Just another webdev site — Stofke on wheels. JavaScript Day. For the last few years I’ve done a year in review type of post near the end of the year.

JavaScript Day

I guess I blew that already. But January 1st isn’t a bad time to do it. 2013 brought a big change for me. After almost 6 years of working at Infrared5, I left there to work at Disney Interactive. It was a tough decision. Moving from a small company to a massive one like Disney is tough. Other than work, I’ve started a couple other projects. And I started the Coding Math video series. Earlier in the year, I decided to build an arcade cabinet. Personally, things are good. I got a dog! A husky needs a lot of walking. Also, while walking the dog at night, I started looking up in the sky. I got up to the point where I could find and name more than a dozen constellations and more than a dozen stars as well as other features, including Jupiter and Venus. So what’s in store this year?