Pulse Engine : Getting Started. Hello World Demo Page Installing Pulse Simply put either the minified version (pulse.min.js) or the full version (pulse.js) somewhere that can be referenced from the HTML file. pulse Namespace Every object within Pulse resides in the "pulse" namespace (pulse.Sprite, pulse.Layer, etc). Ready Callback Pulse will raise a ready callback when the DOM and Pulse are both ready for use. Pulse.ready(function() { }); The Engine The Pulse Engine object is the root class for a given game. Pulse Visual Hierarchy Visual elements (nodes) in Pulse are organized into Layers, Scenes, and an Engine.
Starting the Engine After the game has been configured and is ready to begin, call go on the Engine class. pulse.ready(function() { ... engine.go(33); }); The go function also accepts an optional callback that will be invoked on each update loop. Extending Pulse Classes All Pulse classes are implemented using a classical approach to inheritance, which makes extending them very easy. The Render Loop Events. HTML5 Canvas Tutorial. The-M-Project. A suite of Javascript libraries and tools designed for working with HTML5. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon). New class model, with big performance increases October 2014 Added 'Extras' to EaselJSTons of updates and pull requests in all libs July 2014 Major Updates to EaselJS Graphics The Story Why we built CreateJS About CreateJS CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5.
Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries. By b10b b10b. The-M-Project Promises Mobile App Development Bliss. Developers interested in creating cross-platform mobile apps have a new tool for their arsenals in The-M-Project. The-M-Project is an HTML5 JavaScript framework that targets iOS, Android, BlackBerry and webOS platforms. Think of it as jQuery Mobile with the added bonus of a NodeJS based build tool. The project is new and in the very early alpha stages, but it already looks very promising. The-M-Project has its own git repository that you can fork or download to your own system.
The project files include all the UI and Core files from jQuery Mobile. All right, so that all sounds good and geeky, but what exactly can this project do? This screenshot shows off the Twitter demo and the app. If you want to explore the insides of the sample apps, you can check the source code out on Git Hub. The team behind The-M-Project, M-Way Solutions, has a basic roadmap outlining its plans for the project. What do you think about JavaScript/HTML5 mobile app frameworks and tool kits? JQ.Mobi Is A Mobile-Optimized HTML5 Rewrite Of the JQuery Framework. HTML5 developers appMobi want to bring the definitive jQuery framework to mobile developers. Dubbed jQ.Mobi, appMobi is releasing the new HTML5 framework to the open source community today, promising that it is faster and more lightweight than existing options and will give mobile Web developers the user interface and programming functions they have been looking for. jQ.Mobi is a JavaScript framework in the same vein as Sencha Touch, JQuery Mobile and JQTouch.
Unlike those frameworks, which are built in HTML4 and rooted in Web browsers, jQ.Mobi is an HTML5 rewrite of the jQuery framework. "With jQ.Mobi we've given the mobile development world an HTML5-ready jQuery," said appMobi CTO Sam Abadir. The release of jQ.Mobi fits well within appMobi's vision of the future of HTML5 development. Last week, in the HTML5 Developers Wishlist for 2012, Abadir said, "We have invested heavily, for example, on the UI framework.
"We would like to keep pushing on the community, generally. iUI - HTML5 Framework for Android , iOS and Rim. Balupton/history.js - GitHub. Progressively Enhancing HTML5 Forms. Published by Chris Coyier This is what I'm thinking is the best current way to progressively enhance forms. That is, use HTML5 features when they are available and fall back to JavaScript alternatives when they are not.
Load up Yepnope.js Yepnope is a "script loader" which will load scripts conditionally. You give it some kind of boolean value (true or false), if it's true, it'll load one set of scripts (or css), if it's false, a different set. Load up Modernizr Modernizr gives you the ability to test for HTML5 and CSS31 features. Even better: You can get a custom build of Modernizr with only the tests you need (input types and input attributes) with Yepnope also built in in the Modernizr 2 beta builder.
Combine the two With both of these awesome tools ready to go, we can combine their powers: We don't need a "yep" in this case, because "yep" means the browser supports it so we don't need any help. What do we need for a fallback? Load 'em up And now we get: Keep it going Cooler Than Polyfills Or...