Categories
Links

PixelLab’s Box2d

[A much cleaner and more highly optimized version of Box2d done in Javascript than I’ve covered previously.][link]

[link]: http://box2d.thinkpixellab.com/ “Box2d – by Pixel Lab”

Categories
Links

GameBoy Emulation in JavaScript

[A fascinating look at an ongoing project by Imran Nazar, creating a GameBoy emulator in JS][link]. Worth a read for programmers of any stripe.

[link]: http://imrannazar.com/GameBoy-Emulation-in-JavaScript “Imran Nazar: GameBoy Emulation in JavaScript”

Categories
Links

Yet Another Box2D Javascript Port

[Being an optimized version][link] of the [original Box2d-JS port][orig], which is based on Box2d 1.4. Does your head hurt yet?

This version depends on jQuery instead of Prototype, and uses SVG instead of the Canvas tag. [Check out the demo.][demo]

[link]: http://github.com/hrj/box2d-js “hrj’s box2d-js at master – GitHub”
[demo]: http://lavadip.com/box2d_demo/index.html “Box2d Demo”
[orig]: http://box2d-js.sourceforge.net/ “Original Box2d Port”

Categories
Links

box2dweb – Another Box2dFlash Port for Javascript

[This one uses the even newer Box2d 2.1.][link] It, [like the previously mentioned port][prev], is extremely short on documentation aside from the standard Box2d docs.

[link]: http://code.google.com/p/box2dweb/ “box2dweb – Project Hosting on Google Code”
[prev]: http://extrafuture.com/2010/08/28/box2dflash-2-0-javascript-port/ “Previously mentioned Box2d Flash 2.0 Javascript Port”

Categories
Links

Box2Dflash 2.0 Javascript Port

[An (automated) port of Box2dflash 2.0][link], which is a bit slower than the older (and dead) [Box2D 1.4 JS port][14], but is less complicated to use and has fewer dependencies.

[It has a Github, too.][git]

[link]: http://29a.ch/2010/4/17/box2d-2-flash-ported-javascript “Box2Dflash Version 2.0 ported Javascript — 29a.ch – Jonas Wagner’s Blog”
[git]: http://github.com/jwagner/box2d2-js “Box2d2-js on Github”
[14]: http://box2d-js.sourceforge.net/ “Box2dJS 1.4”

Categories
Links

Quirksmode: Introduction to Range

[A useful overview of Ranges in an HTML Document][link], with examples for (of import to myself) getting the text a user has selected so you can do stuff with it.

Of note: None of the examples here seem to work on iOS WebKit.

[link]: http://www.quirksmode.org/dom/range_intro.html “Introduction to Range”

Categories
Links

JavaScript Commodore Emulator

[Very cool, if only as a proof-of-concept.][link]

[link]: http://www.kingsquare.nl/jsc64 “JavaScript Commodore Emulator”

Categories
Links

8-bit Color Cycling with HTML5’s Canvas Tag

[A heck of a demo to start off your monday morning.][link] Comes in an LGPL 3 package of C++ and JS code.

[link]: http://www.effectgames.com/effect/article.psp.html/joe/Old_School_Color_Cycling_with_HTML5 “Old School Color Cycling with HTML5 | EffectGames.com”

Categories
Links

A* Search Algorithm in JavaScript

[Looks like a good implementation][link], be sure to check out the [demo][demo]. Brian’s example is great for people looking for a better understanding of A* in general, and it helped me out personally, but I recently came upon [this version][other] which in my tests is faster by a wide margin, and supports multiple modes of traversal in addition to Manhattan.

[link]: http://www.briangrinstead.com/blog/astar-search-algorithm-in-javascript “Brian Grinstead » Blog Archive » A* Search Algorithm in JavaScript”
[demo]: http://www.briangrinstead.com/files/search.html “A* in Javascript Demo”
[other]: http://webreflection.blogspot.com/2006/10/javascript-path-finder-with-star.html “Another A* implementation”

Categories
Links

Smokescreen: a Flash player in JavaScript

[Very impressive.][link] If I were Adobe I’d be contributing to this project right now.

[link]: http://simonwillison.net/2010/May/29/smokescreen/ “Smokescreen demo: a Flash player in JavaScript”

Categories
Links

Tynt, the Copy/Paste Jerks

[John Gruber provides a helpful method for blocking those super-annoying copy/paste shenanigans][link] that append the “Read More” links to everything you copy from sites like The New Yorker and TechCrunch.

[link]: http://daringfireball.net/2010/05/tynt_copy_paste_jerks “Daring Fireball: Tynt, the Copy/Paste Jerks”

Categories
Links

Nivo Slider

[It bills itself as “The Most Awesome jQuery Image Slider,”][link] and once you see it you will, if not agree entirely, see where they’re coming from.

[link]: http://nivo.dev7studios.com/ “Nivo Slider – The Most Awesome jQuery Image Slider”

Categories
Links

Gordon, A Flash Runtime Written in JavaScript

[The demos are pretty impressive][link], for what it is. Works on iPhone.

[link]: http://paulirish.com/work/gordon/demos/ “Gordon”

Categories
Links

Pie Guy, a free web game for your iPhone by Neven Mrgan

[Pure HTML, CSS and Javascript][link], no App Store required. [Play it][play].

[play]: http://mrgan.com/pieguy “Pie Guy”
[link]: http://mrgan.tumblr.com/post/257187093/pie-guy “Pie Guy – a free web game for your iPhone – Neven Mrgan’s tumbl”

Categories
Links

Another World Ported to JavaScript

To go with the pure-JS [NES][nes] and [GameBoy][gb] emulators, [here’s a port of the 1991 classic Another World in plain ‘ol JavaScript][link]. Impressive. For now, it shares the same problem as the aforementioned emulators: No sound support.

[link]: http://www.megidish.net/awjs/ “Another World JS – Megidish.net”
[nes]: http://benfirshman.com/projects/jsnes/ “Nintendo emulator in Javascript”
[gb]: http://www.codebase.es/jsgb/ “GameBoy emulator in Javascript”

Categories
Links

Raphaël — JavaScript Library

[Looks great, supports every major browser including iPhone’s WebKit][link], and:

>Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

[link]: http://raphaeljs.com/ “Raphaël—JavaScript Library”

Categories
Links

Mozilla Labs Jetpack

[Extending Firefox with open web technologies like jQuery, HTML and CSS][link]. I am thinking of it as the next generation of Greasemonkey.

[link]: https://jetpack.mozillalabs.com/ “Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web”

Categories
Links

PXR + Cufon = Pxfon

[Shawn Inman’s Cufon-compatible solution for pixel fonts][link]. [Check out the generator][gen]. No anti-aliasing!

[link]: http://shauninman.com/archive/2009/04/17/pxr_cufon_pxfon “PXR + Cufon = Pxfon // ShaunInman.com”
[gen]: http://pixel-portraits.com/pxfon/ “PxFon Generator”