All posts in HTML5

Candy Shop

images

Ahh, the humble reskin. :)

Candy Shop is – what I consider to be – a more commercially viable version of my Halloween Candy Drop game.  You can play it here: Candy Shop.  As always, please don’t hesitate to get in touch if you’d like to licence it (or any of my other HTML5 mobile games) for your mobile games portal.

Balloonz

balloonz1

I’d like to introduce you to my latest game project, Balloonz.  It’s another little HTML5 mobile game for you to play :) .  I originally conceived of this game as a cross between Diamond Dash and Poppit.  Hopefully I’m not too far off the mark!

Continue Reading →

Halloween Candy Drop

hcd

I’ve just released Halloween Candy Drop, a Halloween-themed puzzle game for mobile browsers. The objective is to clear the board of candy pieces; higher scores are awarded for longer chains.

Continue Reading →

Brickout!

brickout

Brickout! is a Breakout/Arkanoid clone.  It uses HTML5 Canvas, the Web Audio API, and touch events to provide mobile support.  It’s not 100% finished yet – there are a couple of bugs (esp. with mobile), and a few things I’d like to polish up a bit, but I’ll never release it if I keep fiddling with minor details.

Get Brickout! from the Google Chrome Store, or play Brickout! online.

Enjoy :)

(Postmortem to follow).

liteAccordion v2

liteaccordion

I’ve been promising to release liteAccordion v2 for ages, but I’ve been snowed under with client work as of late. Last night I finally found the time to complete the last few bits and pieces that I wanted to finish before release.

Plugin Home Page: http://nicolahibbert.com/demo/liteAccordion/
Demo Suite:
 http://nicolahibbert.com/demo/liteAccordion/demo-suite.html
Download: 
https://github.com/nikki/liteAccordion
Last edited: 21/01/13
Continue Reading →

Optimising HTML5 Canvas games

canvas-performance

In this blog post I’m going to share a few tips and tricks I’ve picked up from the process of refactoring HTML5 Breakout. Some of these will be common sense performance tips; others might leave you scratching your head a bit.  I’ll start with a few general tips, and then move on to the canvas specific ones. (The best stuff is at the bottom).

Continue Reading →

Curved and sloped tiles in JavaScript platform games

tileEditor

Demo: http://nicolahibbert.com/demo/javascript-tile-map-editor/

If you’ve been reading along recently, you’ll know that HTML5 Breakout is at a stage where I’m not entirely embarrassed by it, and I’m making a start on my next JavaScript game.

I’ve had an idea for a 2d sidescrolling platformer for a while, but I specifically want the player character to be able to move up and down slopes and curves (ala Sonic the Hedgehog). JavaScript game engines are still generally quite young and aren’t particularly full featured – I don’t know of any that implement this functionality out of the box, so I’m going to show you how I’m doing it. It involves separating out the alpha channel using the HTML5 Canvas API, and using this data to build a pixel-level map of where the character’s position should be at any single point on the tile.

Continue Reading →

HTML5 Canvas Breakout Game

breakout

Edit: 23/08/12
Check out the newest version: Brickout! 


Demo page: http://nicolahibbert.com/demo/breakout/

Some time last year, I started learning the HTML5 Canvas API. One of the most popular tutorials for this was (and still is) Bill Mill’s Canvas Tutorial, where you build up a basic version of Breakout step by step. After completing the tutorial, I carried on cobbling features onto it whenever I learned something new (the starfield was inspired by Mr Speaker for example).

Continue Reading →

Portfolio Redesign

portfolio-redesign

The redesign of my portfolio has finally gone live, I hope you like it! I wanted something a bit cleaner looking than the old site – I fiddled around for ages in Photoshop, but I’m a really harsh judge of my own work (I never feel like it’s good enough!) so I opted for a customised version of Classica instead.  Otherwise I’d never be finished! (And because I really like Orman Clark’s designs.)

There’s an easter egg on the homepage – it’s pretty good, so it’s almost a shame it’s hidden.  I think I might put it on it’s own page next week. (I should mention, it uses the HTML5 Canvas API, so it’s been disabled for anything that doesn’t support Canvas.  Get a better browser!)

Continue Reading →

Horizontal Accordion jQuery plugin

liteAccordion

***Version 2 released***

I started work on a horizontal accordion plugin last week, I think it’s ready for it’s first release.

Continue Reading →