Author Archives: Matt

Close a Twitter Bootstrap Popover when Clicking Outside

A vexing topic for me and a bunch of other people on stackoverflow, the problem being that Twitter Bootstrap Popovers don’t close when you click outside to anywhere else on the document. This might not be your desired outcome, simply: when clicking outside a popover, wouldn’t you want it to close? The code below makes […]

Posted in Bootstrap, Code | 4 Responses

Twitter Bootstrap Carousel Full Markup Example

I really like Twitter Bootstrap but I’ve noticed that their example page only shows minimal markup for some of the more exciting features, leaving out little details like the “carousel-caption” class that I had to use view source to find. If you were looking for how they do their clever captions at the bottom of […]

Posted in Bootstrap, Code | Leave a comment

HTML5 Canvas API, Paper.js, Raphael.js, Processing.js: Performance, Benchmarks and a New Trick

An original benchmark posted here showed that Processing.js was lagging by 68-68% behind native Canvas API calls performing essentially the same thing. I was curious where the bottleneck for Processing.js was in the original test so I exposed the processing canvas context to the sketch itself in the head of the document. Then I simply […]

Posted in Code, Processing | Leave a comment

Minecraft Steve Easy Costume Template (wine box design)

Recently was invited to a costume party. I really hate having to come up with a costume and buy a bunch of cheap crap that will eventually be thrown out or donated so I decided to go a little crafty this time… I looked at some other templates for Minecraft Steve costumes but they were […]

Posted in Unfiltered | 2 Responses

aMotion Toolkit Video Recording Preview

Developing a cross platform motion texture engine in Java for creating affective motion textures with a node based, data flow UI. Using the Xuggle library for recording H264 video at a seemless 60fps. Using LWJGL for OpenGL and OpenCL. Using Jetty to create HTML5 UI that uses WebSockets so the application can be controlled through […]

Posted in Works, School | Leave a comment

Mutlimedia Programming

A while back I taught a course at my school titled: Multimedia Programming for Artists and Designers. The course introduces artists and designers to the basic concepts of “drawing and animating with code”. The course leveraged some of the latest web technologies to create interactive and engaging content serving as both lecture and study material. […]

Posted in Works, School | Leave a comment

Friend Flip

In my spare time I have put together a simple, clean app called Friend Flip. I made Friend Flip because I was sick of scrolling through my news feed like a zombie (when I even did at all). I decided matching up my friends and training my brain would be much more fun. Friend Flip […]

Posted in Works | Leave a comment

Genetic Algorithms the Easy Way

Most of my work to date has been reactive, that is there is a 1-1 connection between what the user does and what the application does. Recently for a class project I decided to use Genetic Algorithms to enhance the user experience and potentially augment some of the creative processes of working with a tool. […]

Posted in Works, School | Leave a comment

aMotion Toolkit – Submission to CAe 2012

Demonstration video from research at SFU. Submitted to Computational Aesthetics 2012. Abstract from paper: Visual artists and designers frequently use carefully crafted motion textures — patterns of ambient motion throughout a scene — to imbue the atmosphere with affect. The design of such ambient visual cues is an elusive topic that has been studied by […]

Posted in School | Leave a comment

Adobe Air Mobile Development Talk @ Vancouver Flash Platform Meetup

  Discussing issues of “deploy everywhere” mobile technologies in general. Contents (in order): Pros and cons of: Unity, Corona SDK, Marmalade, PhoneGap, Titanium, HTML5 / CSS / JS. Pros and cons of Adobe Air platform for mobile development. Development samples of Adobe Air APIs. Discussion of performance issues, and performance tips. What’s broken at Adobe? […]

Posted in Works, News | Leave a comment