Bocoup is excited to be working with Gradient Studios to port the hit mobile game Fieldrunners, by Subatomic Studios, to HTML5. This is the third in a series of weekly development blog posts. Last week we posted a demo of our WebGL port of the Fieldrunners particle system. What I didn’t mention in that post […]

Tagged:

Augmented Reality: using JSARToolkit with WebGL & HTML5 Video Last week I spent some time running tests and generally familiarizing myself with the JSARToolkit code. I also built a JavaScript wrapper for the library to make it easier to use. JSARToolkit is a JavaScript library converted from FLARToolkit (Flash), and is developed for tracking AR […]

Tagged:

This question was recently posed on Quora. “How can I draw inset shadow on HTML canvas?” The answer is surprisingly simple. But first you will need to understand a little thing called “Opposite Winding”. Opposite Winding is a technique employed by most graphics tools and packages. The rule of Opposite Winding states that when two […]

Tagged:

I feel like I've given jQuery UI a bad rap. I passed judgement too fast. At first glance, it was a pile of rigid prefab user interface objects generated by jQuery being peddled as 'official'. I know now that it's much more. jQuery UI is not (just) about a fancy accordion slider. It's a framework […]

Tagged:

As I become more and more obsessed with Quora, I’m finding more and more questions that I answer seem to feel right as standalone blog posts. The latest even includes an interesting discovery: What’s the cleanest way to intentionally and reliably return a jQuery object that selects nothing? There were two answers already posted to […]

Tagged:

Here we are, in the 11th Hour of submission for the 10K Event Apart contest. I just submitted my application, which weighs in at a grand total of 3991 Bytes… or it did, but after I submitted it I was still able to shave off a few more bytes, for a final total of 3676Bytes […]

Tagged:

I started to play around with the inset value of the CSS3 box-shadow property over at boaz.se/nder/s.miscellaneous/i-<3-inset after maxvoltar posted about it. I started working with the CSS3 gradient property to achieve the effect reproduced here, and I ran into some serious syntax confusion. Whereas Gecko offers a terse verbose syntax for radial gradients, Webkit […]

Tagged:

One of the questions that came up in the Processing track was: “Can you pass the image data from a Canvas to a Web-Worker for processing?” My assumption was “yes” as the specs declare you can paste any complex object to and from workers so long as you’re not trying to pass a DOM element. […]

Tagged:

I have been playing around with SVG Filters a lot over the last few weeks and I have to say that the SVG Filters are a) really freekin’ cool and b) powerful in ways yet undiscovered. When these things land cross-browser, it will really polish off the modern web-app paradigm, adding a level of depth […]

Tagged:

A little experiment to find the fastest for-loop for an object. Approx. Results: ARY-INDEX: “for(var i = 0” -> 13ms OBJ-INDEX: “for(var i = 0” -> 218ms OBJ-KEY: “for(var i in” -> 975ms var len = 1000000; // ARRAY VERSION var check = 0; var ary = []; for( var i = 0, l = […]

Tagged: