JavaScript

Facebook Twitter

Mibbu, HTML5 javascript game framework, canvas, DOM. Mibbu – Framework Javascript para Games. I had the pleasure of personally meeting Michal Budzynski at BrazilJS.

Mibbu – Framework Javascript para Games

Among many excellent lectures, Michal’s really opened the minds of many people. Games developed in Javascript have been around for a long time, as its showed Michal, but now increasingly it becomes a reality. Today I speak of a framework created by Michal, the Mibbu. Mibbu provides everything you need to create a game in Javascript quickly less than 2.5KB of code. One of the features that caught my attention in Mibbu was the option to create Games both using Canvas or DOM.

Mibbu Features: Rendering game using both - Canvas or DOMAnimation of the sprites (using Canvas, DOM or CSS Animation in Webkit)Collisions detection with collision zonesSimple background managerCallbacks after given number of frames Exemple:Open Odyssey - Open-source Javascript game created with Mibbu Framework Z Shoot and move with arrows Curiosity: Both Mibbu and Open Odyssey was created by Michal in 5 daysa to Mozilla GameOn Competition.

Tech. "3 Dreams of Black" is an interactive film by Chris Milk and some friends at Google that showcases the creative potential of WebGL.

Tech

WebGL is a context of the HTML5 canvas element that enables hardware-accelerated 3D graphics in the web browser without a plug-in. In other words, it enables your browser to show some really beautiful visuals. On this page, you'll find a WebGL model viewer featuring several of the "3 Dreams of Black" creatures. You'll also find 8 demos created by our development team, a link to the code base, and some links to resources on the web that will be useful for getting started in WebGL programming.

Ready to get the entire code base? "3 Dreams of Black" is entirely open source, and the project is hosted on Google Code. Get the code. Mrdoob/three.js - GitHub.

Books

RegEx. Crockford on JavaScript: The Complete Series. The 11 JavaScript Mistakes you’re Making. A JavaScript Module Pattern. Eric Miraglia (@miraglia) is an engineering manager for the YUI project at Yahoo.

A JavaScript Module Pattern

Eric has been at Yahoo since 2003, working on projects ranging from Yahoo Sports to YUI. For the past several years, Eric and his colleagues on the YUI team have worked to establish YUI as the foundation for Yahoo’s frontend engineering work while open-sourcing the project and sharing it with the world under a liberal BSD license. Eric is an editor and frequent contributor to YUIBlog; his personal blog is at ericmiraglia.com. Prior to working at Yahoo, Eric taught writing at Stanford and elsewhere and led frontend engineering teams at several startups.

Global variables are evil. Douglas Crockford has been teaching a useful singleton pattern for achieving this discipline, and I thought his pattern might be of interest to those of you building on top of YUI. 1. YAHOO.namespace("myProject"); This assigns an empty object myProject as a member of YAHOO (but doesn’t overwrite myProject if it already exists). 2. JavaScript Garden. Function Declarations and Expressions Functions in JavaScript are first class objects.

JavaScript Garden

That means they can be passed around like any other value. One common use of this feature is to pass an anonymous function as a callback to another, possibly an asynchronous function. The function Declaration function foo() {} Processing.js. Demos below! As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element.

I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The full scope of the project can be broken down into two portions: The Processing Language The first portion of the project was writing a parser to dynamically convert code written in the Processing language, to JavaScript. It works “fairly well” (in that it’s able to handle anything that the processing.org web site throws at it) but I’m sure its total scope is limited (until a proper parser is involved).

The language includes a number of interesting aspects, many of which are covered in the basic demos. JSLint,The JavaScript Code Quality Tool. Learning JavaScript. Do you want to learn JavaScript from the experts?

Learning JavaScript

You don’t have to pay over $1000 in conference fees to learn from the best JavaScript developers. Here is large collection of video and slide presentations given by Douglas Crockford, senior JavaScript Architect at Yahoo! , John Resig, lead developer or jQuery, and a great many other JavaScript developers. VideosThe JavaScript Programming Language, part 2, 3, 4JavaScript – The Good StuffAn Inconvenient API – The Theory of the DOM, part 2, 3Advanced JavaScript, part 2, 3Software QualityAdvancing JavaScript with Libraries, part 2Best Practices in JavaScript Library DesignHigh-Performance JavaScript – Why everything You’ve Been Taught is WrongMaintainable JavaScript.