Posts Tagged ‘canvas’

  • The Reality of HTML5 Game Development and making money from it

    Note: This was written near the end of January 2012 and as such reflects the state of the technology and markets at the time. Everything is moving so fast a lot of the information below is subject to change, so bear that in mind.

    HTML5 game development and indeed the abilities of web browsers are in state of rapid evolution right now. On the HTML5 Game Devs site that I run I’ve been noticing an increasing pace of new content, game releases, tutorials, business news and technology. High profile and high quality game releases such as the Microsoft sponsored Cut the Rope are making headlines across the world, and engaging the public more than ever before. But what is the reality of developing an HTML5 game today? Especially for those coming from a different platform. And more importantly is it possible to actually make any money doing it?

    HTML5 is just a mark-up standard!

    Relax :) When I talk about “HTML5” I’m doing so from the popular media use of the word, rather than the technical one. On a technical level HTML5 is of course just a specification for a mark-up language. But the media has chosen to use the term as an umbrella, spanning lots of browser related technologies including WebGL, JavaScript, Web Sockets, GLSL, Web Audio, NaCl, Canvas, DOM, CSS3 and more. As a whole these things do not comprise “HTML5”, indeed they have their own standards, but I guess to preserve the sanity of the layman (and journalists?) that isn’t really what HTML5 means any more.

    What is an  HTML5 game?

    This seemingly innocuous question actually has a myriad of answers, and can get complex pretty fast. While I could say that on a basic level an HTML5 game is made using JavaScript paired with a browser based technology, that isn’t strictly true as it’s actually possible to make complete (albeit simple) games using purely CSS3. So let’s approach it by listing the technologies available to HTML5 game developers and what they offer:

    Read More

  • HTML5 Game Devs.com is Live

    As I mentioned in my New Year post I am focusing a lot on HTML5 / JavaScript game development at the moment. I’ve been investigating the scene for a while and there seemed to be a real lack of game developer specific sites. So I created one. HTML5 Game Devs.com is now live in its first public beta.

    Right now it’s a news stream where I collate together all of the interesting articles I see floating around the web each day. A short summary / extract will lead on to the full piece, so you can skim the news list and see which items interest you most. I’m also including new game releases, tutorials and the business and social sides as well.

    In the coming months I’ll add a developers forum, market place and some home-grown articles :) If you’d like to help me run the site by contributing news items then please drop me a line. For those who prefer their news delivered via twitter, just follow html5gamedevs. And for those that prefer to digest it via email there is a subscription box on the site which uses the WordPress post notification system, so you can be sure your email address is safe and won’t be spammed / sold to anyone.

    I’m currently working on a new site design at the moment, as I’m sure it’s quite obvious where the inspiration for the current one comes from :) but for now I just needed to let the news flow. Happy reading!

    http://www.html5gamedevs.com

  • JavaScript books and IDEs at 50% Off – Including one by an 8-bit Game Dev Legend

    If you have a need (or just want) to get into JavaScript development there are some great offers to be had right now! A whole stack of books from O’Reilly at 50% off and a really great IDE.

    First up is the WebStorm IDE from JetBrains. If you’re one of those developers who just can’t code with code-insight then this is about as invaluable an IDE as they come. It’ll inform you of JS coding errors in real-time, offer code optimisation suggestions and of course cross-project code-completion too. Licenses are 50% off until November 27th 2011 and include a free upgrade to version 3.0. That makes is just £27 (around $60) so well worth considering.

    As wonderful an IDE as WebStorm is, I personally get on much better with Sublime Text 2. This is not an IDE, just an Editor. But it’s the best editor I’ve ever had the pleasure of using! Extremely fast, super-slick in operation, great colour schemes and fonts – and the best feature I’ve ever seen in an editor: The mini-map overview. There’s no discount on it, sorry :) But as it only costs $59 I’m not sure you even need one. I find myself using it to edit even AS3 files now. Grab the free download and evaluate it for as long as you like.

    As for books O’Reilly have got a “JavaScript Path to Mastery” deal on until January 19th 2012. Put in the code at checkout and get 50% off the e-books or 40% off the printed counter-parts. There are some really great books on offer including High Performance JavaScript and the essential reading JavaScript: The Good Parts by Douglas Crockford. I personally recommend this one, it helps explain just why JavaScript does some of the weird things it does, which is essential if you’re coming to it from AS3. There are also a load of HTML5 books available, but to be honest the only one that interested me was the one on Canvas, but you may find some that you need.

    Interestingly they’ve also got a book on offer called Supercharged JavaScript Graphics by Raffaele Cecco.

    If you’re old enough that name might be familiar to you as he was an 8-bit game developer of some notoriety. Responsible for creating gaming classics like Exolon, Cybernoid 1 and 2, Stormlord and Deliverance, I picked up his book with keen interest. It’s a bit of a hodge-podge, diving all over the HTML5 spectrum of new tech, but the section on canvas blitting and game design is really nice. I’d like to have seen a whole book just on this from him :)

    There you go. If you’re going down the JavaScript route the above links should save you plenty of money, which is always handy around this time of the year.