Posts about graphics and-interactive-applications
Categories
- Jul 27 2011
Fieldrunners WebGL Particle System Demo
Bocoup is excited to be working with Gradient Studios to port the hit mobile game Fieldrunners, by Subatomic Studios, to HTML5. This is the second in a series of weekly development blog posts. Last time, I posted about some basic WebGL particle system benchmarks we ran. We were extremely pleased with the results. The next […]
Continue Reading
Fieldrunners WebGL Particle System Demo - Jul 15 2011
Benchmarking WebGL Particle Effects
Bocoup is excited to announce that we are working with Gradient Studios to port the hit mobile game Fieldrunners, by Subatomic Studios, to HTML5. This is the first in a series of weekly development blog posts. One of the earliest tasks in porting an existing game to a new platform is to assess feasibility. This […]
Continue ReadingBenchmarking WebGL Particle Effects- Tagged in:
- client side,
- data visualization,
- performance
- Jun 20 2011
The Strategy Pattern in JavaScript
I was recently re-factoring some code under Rick‘s guidance, and we implemented what I would later recognize as the Strategy pattern. JavaScript’s objects and first-class functions make this pattern extremely simple to implement, although you can optionally take some additional steps to add robustness. Background: Design Patterns A lot of my troubles with design patterns […]
Continue ReadingThe Strategy Pattern in JavaScript
- Mar 29 2011
JavaScript Rotoscoping Tool
I had some free time on the train back up from Buttercamp this weekend, and got to work on a demo for a HTML5 rotoscoping tool that I’ve been kicking around in my head: View Live Demo (in Chrome) → The tool is very basic; it lets the user draw over each frame of the […]
Continue ReadingJavaScript Rotoscoping Tool- Tagged in:
- performance,
- tools and workflow
- Jan 12 2011
Popcorn.js 0.2 Released
I am very proud to announce that Popcorn.js hit 0.2 today. The Popcorn.js team has been working hard to deliver a stable, documented and unit tested JavaScript toolbelt for working with HTML5 <video>. Popcorn.js 0.2 rethinks Popcorn.js 0.1 as an event system for HTML5 <video> with an API, a plugin system, and strong adherence to […]
Continue ReadingPopcorn.js 0.2 Released- Tagged in:
- open source,
- tools and workflow
- Dec 06 2010
Popcorn.js 0.2 Facelift
Popcorn.js, the HTML5 <video> framework, is getting a facelift. Rick, Al and I spent last weekend working on Popcorn with Anna and Scott from the Centre for Development of Open Technology (CDOT) at Seneca College on the forthcoming release of Popcorn JS. The History Bocoup’s own Nick Cammaratta attended a week long code sprint for […]
Continue ReadingPopcorn.js 0.2 Facelift - Nov 15 2010
Newsweek Career Tree Visualization with RaphaelJS and Burst
Today, Newsweek.com launched its brand new Career Tree Visualization tool (link now defunct, but check out this demo visualization of Barack Obama’s career), which was developed at Bocoup. Career Tree is a vector based RaphaelJS/Burst visualization of your career – you can activate it by connecting with your LinkedIn account or by filling out a […]
Continue ReadingNewsweek Career Tree Visualization with RaphaelJS and Burst - Aug 17 2010
Webkit Radial Gradients
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 […]
Continue ReadingWebkit Radial Gradients- Tagged in:
- design
- Jul 07 2010
Popcorn.js Walkthrough
Popcorn.js, which I wrote about recently, is an infant javascript library that allows film makers to better showcase their videos on the web using html5’s video element. Using popcorn, directors can incorporating social media and integrate several features such as subtitles and credits that may be beneficial in the context of the web. Although typically, […]
Continue ReadingPopcorn.js Walkthrough - Jul 04 2010
Popcorn.js
Bocoup, being enormously generous, gave me this week off to work on the open source project Popcorn.js at Mozilla, Toronto. Popcorn.js is sponsored by Web Made Movies, Mozilla’s Open Video Lab, a Mozilla Drumbeat project. Popcorn will allow film makers to do a lot of cool stuff with html5 <video> such as adding credits, subtitles, […]
Continue ReadingPopcorn.js- Tagged in:
- open source,
- tools and workflow