Frameworks
Get flash to fully experience Pearltrees
Bindings Overload
Enter some text in the field above to change the title of the button, or click the checkbox to enable or disable the button. Note that without any glue code, every button is updated instantaneously.Impact
Impact runs on all HTML5 capable browsers: Firefox, Chrome, Safari, Opera and (behold) even Internet Explorer 9. Of course this also includes the iPhone , iPod Touch and iPad . Want to try it yourself? Point your Mobile Safari to playbiolab.com or impactjs.org/drop .
I made a short making-of video that explains some things and also shows the level editor in action. You can read some more technical details on my blog .
Biolab Disaster
Ext JS 4
Ext JS 4 is a major step forward for web frameworks. Building on Ext JS 3.3, our latest release adds over 350 new APIs, 50 new classes, and 65% more documentation. Ext JS 4 also brings an entirely new data package that enables developers to use a model-view-controller architecture when building their app. The new MVC enables apps to leverage features like Infinite Scrolling a Grid to build an entirely new level of interactivity in to web apps. Rich, Modern UI Widgets Ext JS offers an extraordinary range of user interface widgets.
Viable Technology Choice
Below, I describe my experiences with Ext JS after the Sencha Fast Track training, my challenges with doing browser based work in a consulting context, and my thoughts on why it matters to Flex Developers.
JS Game Engines
Since reddit is great and everything I thought it might be cool to try to make this a community effort. Having some sort of ready compiled list with a nice description of each engine would definitely help a lot. If you don't have anything better to do and want to help fellow redditors interested in JS game dev out, feel free to fork the list and modify it as you like. :) Compared to full-fledged game engines these might be missing some features (AI, sound, game logic, network etc.) and you might need to use some other libs to provide these features.CreateJS Announced CreateJS will be a suite of modular libraries and tools that enable you to build rich interactive experiences on the open web. Visit CreateJS.com for a preview of what's coming.
EaselJS
DisplayObject : Abstract base class for all display elements in EaselJS. Exposes all of the display properties (ex. x, y, rotation, scaleX, scaleY, alpha, shadow, etc) that are common to all display objects. BitmapSequence : Displays animated or dynamic sprite sheets (images with multiple frames on a grid), and provides APIs for managing playback and sequencing. Now, before we get started, lets look at where you can actually use the Canvas element (and thus EaselJS). Canvas is part of the HTML5 specification, and is supported in the latest version of most current browsers, including: However, there is one exception, and it is a pretty big one.
Getting Started with EaselJS
As I posted the other day , I have been spending some time playing around with dynamic drawing with the HTML5 Canvas element and EaselJS . I have put together quite a few examples and experiments and will be posting them (along with what I learned from them) over the next couple of weeks. The first example I want to share is a simple one which I call “follow”. It basically uses EaselJS to create a snake like shape that follows you mouse. Here is a screen shot of a graphic I created with it:
Follow Drone
PixelFlow
If you have happen to have been watching my Flickr feed for the past week or two, you have probably noticed that I have been playing around with creating some graphics using Canvas and EaselJS . What started as a simple EaselJS experiment, quickly morphed into an excuse to build a mini app / example and play around with some of the new HTML5 and CSS3 features. The example I created (named PixelFlow) is a simple example / app that allows you to choose an image, and then create some designs using the colors from the image. The core drawing functionality is built about the HTML5 canvas element and the EaselJS library . It also leverages CSS3 transitions and transformation for animating the UI elements (loading and unloading). I built the example with touch in mind, and thus it has support for touch on Android and iOS devices.
The example was pretty simple to put together, but is fun to play with, and can make some pretty nice patterns / spirals. I have uploaded a couple of images that I have created using the example: Play around with different combinations of settings. If you create anything cool, or have any questions / suggestions, then post them below.
Creating spirals
The future is here.