Hostinicon
GET HOSTING FROM $3.95/MO PLUS A FREE YEAR ON TUTS+ (RRP $180). HURRY OFFER LIMITED. Check it out
Advertisement

HTML5

  • HTML5
    Develop Your First Game in Canvas From Start to FinishCode
    8 shares
    Whether you're taking part in the discussion, or reading articles about it, you must be aware that, even though it's still a specification, HTML5 is ready to be used...right now.Read More…
  • Animation
    HTML5 Canvas Optimization: A Practical ExampleOptimise canvas
    17 shares
    If you've been doing JavaScript development long enough, you've most likely crashed your browser a few times. The problem usually turns out to be some JavaScript bug, like an endless while loop; if not, the next suspect is page transformations or animations - the kind that involve adding and removing elements from the webpage or animating CSS style properties. This tutorial focuses on optimising animations produced using JS and the HTML5 <canvas> element. Read More…
  • Games
    Learn CreateJS by Building an HTML5 Pong GameCreatejs pong
    62 shares
    The web moves fast - so fast that our original EaselJS tutorial is already out of date! In this tutorial, you'll learn how to use the newest CreateJS suite by creating a simple Pong clone.Read More…
  • HTML5
    Quick Tip: JavaScript Web Workers Move Hard Work to the BackgroundWebworkers
    8 shares
    A web worker is a JS script that runs in the background, separately from other scripts, allowing us to introduce threading in our web apps. Although not part of the HTML5 spec, web workers can be used with HTML5 apps. In this Quick Tip, we'll take a look at how to use them.Read More…
  • Games
    An ImpactJS Overview: OptimizationImpactjs jessefreman series
    3 shares
    In this video I will discus some tips and tricks for optimizing your Impact games and how to get the best performance possible across desktop to mobile. I will cover ways to reduce draw calls, how to set up setting properties for your levels and other important things I have learned through trial and error while building games with Impact.Read More…
  • Games
    An ImpactJS Overview: DeploymentImpactjs jessefreman series
    1 shares
    Impact is an incredibly powerful HTML5 game framework and one of it's key advantages is its ability to run on many different platforms such as desktop browsers, mobile browser, as a native iOS or Win 8 Metro app, and on Chrome Market. In this video I will go over how I use Ant to automate building out versions of my game to each of these platforms and some things to keep in mind when you are looking into distributing your own game.Read More…
  • Games
    An ImpactJS Overview: Resident RaverImpactjs jessefreman series
    6 shares
    In this video I will briefly go over one of my Impact games, how I set up some of the core logic and discuss how Impact's level editor works. Creating games with Impact is incredibly straight forward but with the tips from this video you will get a sense of what a final game looks like, how it's organized as well as some helpful tricks when it comes to working with the level editor.Read More…
  • Games
    An ImpactJS Overview: IntroductionImpactjs jessefreman series
    9 shares
    Impact is an incredibly powerful HTML5 game framework which takes advantage of modern browser's canvas element and can also run on mobile or be compile into a native iOS app. In this video I will go over the framework, how to set up a project, some background into how to create classes in it and finally go over the core classes that make up the framework. This is a high level overview which will give you a general sense for how things work.Read More…
  • ActionScript
    Accessing the Same Saved Data With Separate Flash and JavaScript AppsFlashjshtml5
    4 shares
    In this tutorial I will show you how to access the same saved data in separate Flash and JavaScript apps, by storing it in HTML5 LocalStorage and using ExternalInterface to reach it with AS3. We will create the same app in both JavaScript and Flash to demonstrate that it is platform agnostic.Read More…
  • HTML & CSS
    Toying With the HTML5 File System APIHtml5
    58 shares
    HTML5 provides us with a whole crop of new possibilities, such as drawing with canvas, implementing multimedia with the audio and video APIs, and so on. One of these tools, which is still relatively new, is the File System API. It gives us access to a sandboxed section of the user's local file system, thus filling the gap between desktop and web applications even further! In today's tutorial, we'll go through the basics of this new and exciting API, exploring the most common filesystem tasks. Let's get started!Read More…
  • Games
    Animating Game Menus and Screen Transitions in HTML5: A Guide for Flash DevelopersSimplemenuhtml5
    7 shares
    HTML5 and Flash development may have a lot in common, but as a Flash developer I've still found it to be a monumental task to re-learn my old skills in HTML5. In this tutorial, I'll show you how I created an animated menu and screen transition for an HTML5 shoot-'em-up game.Read More…
  • Applications
    Build an Image Editor With EaselJS, jQuery, and the HTML5 File APIHtml5
    20 shares
    As HTML5 becomes more popular, more of the major browsers begin to support its APIs. Today, using the Canvas and File APIs, we can create a full-blown picture editor, with features on par with some desktop applications. For this, we will use the EaselJS library.Read More…
Advertisement
Suggested Tuts+ Course
Game Development With EaselJS$15
Advertisement