Tag Archives: User Interface

From the day to day web site design to the more unusual calendar and interface construction, building interactive systems is a large part of my professional work.

Animatic Builder v1.40

Posted on by
Reply

Animatic Builder v1.40 - Auth: Whitney Krape The new version of Animatic Builder is up. This update includes a whole offline system taking advantage of HTML 5′s manifest and localStorage for offline use anywhere. To complement the new offline functionality is a redesigned UI which now scales to mobile platforms as well, specifically the iPhone. The are a number of speed improvements allowing well over 200 frames in a sequence without impacting playback performance. (The SQL updating and the uploading for the demo are disabled.)

Dynamically generated HTML5 manifests

Posted on by
4

In the specification for HTML5 several methods for storing data locally are outlined including localStorage and manifests. While building out the offline storage for Animatic Builder, I attempted to keep the stored data dead simple; as in the case of the shot information which is stored as one long JSON string. In this way the shot data can be pulled into any other use by reading the string. Keeping the images stored proved more difficult due to the number, potentially hundreds, and their format as many separate files. As well as making sure the storage is universal on mobile and full client systems. Continue reading →

Relax – Week 3 : Animatic Builder

Posted on by
Reply

Relax - Week 03 : Animatic Builder

The Animatic Builder timeline.The Animatic Builder timeline.
For this update I am going to give an overview of a new online application I have developed over he past couple of weeks to aid in pre-production, Animatic Builder. If you are unfamiliar with storyboards or animatics there are overviews here. Essentially where storyboards are the first visual organization of a film idea, an animatic is the next step adding a duration to each storyboard so the pacing of a film can be developed. Animatic Builder is designed to make creating storyboard and animatic sequences easier by keeping a sequence and it’s associated content in a central location accessible from virtually anywhere within an intuitive user interface.

The core idea of Animatic Builder is that a sequence can be timed out, played back and updated from a web browser without the need for movie compression, emailing large files and maintaining timeline files. With a concept and a set of images, a timed out sequence can be arranged and played back in just a few minutes. Animatic Builder is not meant to replace a non-linear editor such as Final Cut Pro but for planning out a scene or short movie during pre-production. The functionality of the app will be focused on building sequences with only pre-production information, keeping the app lightweight and accessible from any modern browser. Animatic Builder keeps a sequence and it’s necessary files contained for easy access.
Continue reading →

New Site whitneykrape.com

Posted on by
Reply

It is a tradition around here that I redesign my website every couple of months because I can’t stand whatever insane overly complex design I come up with for more than a week or two. I update the ugly, usually dark, page for a month and then give up. But this time I am trying something different. I stripped down the site to the bare essentials. Also I changed the location of the site as staying with wjkrape.com would have been a bad idea. Having a SEO friendly url isn’t too tricky when you have a unique name. If you can have your firstnamelastname.com do so.

Much of the old content is unavailable, it’ll be fixed as I go, but more importantly I’ll be adding a significant amount of content related to my animated short in development, “Relax.”

I made this simple site to host all my thoughts on my upcoming film(s hopefully.) Not everything I post in the coming weeks will be well written but it will feature some smashing images.
Continue reading →