Advertisement

HTML5

  • Games
    An ImpactJS Overview: OptimizationImpactjs jessefreman series
    2 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
    5 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
    5 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
    57 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
    7 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…
  • HTML5
    oCanvas: A jQuery- and Flash-Style Library for HTML5 CanvasOcanvas
    29 shares
    With the advent of tools like Adobe Edge and libraries like EaselJS, more resources are becoming available for developers looking to create interactive HTML5 content. Many of these tools are being geared specifically for Flash developers to make the transition from ActionScript to HTML5 canvas a smooth one. This article will overview oCanvas, an HTML5 library that developers might not only find invaluable but also very easy to use.Read More…
  • Theme Development
    Convert Your WordPress Theme to HTML5Logo
    51 shares
    HTML5 introduces a great set of new features and easy options. Soon it will have the full support of most browsers in use today. Eventually everyone will have to convert WordPress themes from XHTML to HTML5. After Google's Panda Update, your site needs clearer and more human-readable code to rank better on Google. I will teach you how to convert your theme from XHTML to HTML5. We will also take care of the 2% of internet users with JavaScript disabled (for backward compatibility).Read More…
  • Games
    Create an HTML5 Canvas Tile Swapping PuzzleHtml5 canvas puzzle
    37 shares
    In this tutorial we will be working with the HTML5 canvas and Javascript to create a dynamic tile swapping game. The result will be a puzzle that works with any given image, and has flexible difficulty levels that are easily adjusted. Read More…
  • Games
    An Introduction to the HTML5 Gamepad APIGamepadapi preview
    43 shares
    As HTML games begin to gradually increase in popularity, vendors are starting to introduce some exciting new APIs to make gaming that little bit sweeter for both us developers and our end players. One of these is the GamepadAPI, which allows you to connect your good old console gamepad into your computer and use it for browser based games, plug and play style. Let's dive in!Read More…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement