Archive for the ‘design’ Category.

Arduino Project Box

Check how different browsers render your web page

There are a few websites out there that do screenshots of URLs based on how specific versions of browsers render pages… Here are two that I’ve found that are free.

This one does a huge list of browsers, with a somewhat significant waiting period for your results.

http://browsershots.org

This one does just IE (5.5, 6, 7, 8b), but it does it fast.

http://ipinfo.info/netrenderer/index.php

Technorati Tags: ,


3 hours with the iPhone

I’ve been pushing the iPhone through it’s paces all morning, and what I’ve noticed is that when I come back to my mac, I feel like I’m using a supercomputer. And it’s not because the phone feels crippled in any way, it’s because it just feels like a mac. Only when I come back and use my mac, I feel like I’m having the same experience as my iPhone, only a lot more of it. They feel like the same experience, only in different sizes.

Photo

Technorati Tags: ,


Hacking Santa Snaps

Cocoa Duel had a great holiday themed coding competition. One of the entries was Santa Snaps. Santa Snaps lets you take your camera’s input and overlay some holiday themed graphics like a santa hat or reindeer antlers. We all had a fun time at our house playing around with it before xmas, but I started thinking about how cool this would be for our upcoming “Party 2-007″ james bond themed party. I’m very grateful that John Casasanta decided to upload the source for Santa Snaps because even a newbie obj-c hacker like myself had a fairly easy time of locating the things I needed to in order to change the graphics to more bond-appropriate ones. You can too, check it out:

download the source here: http://macheist.com/SantaSnaps/SantaSnapsProject.zip, unzip it, and open it up in Xcode.

Finderscreensnapz002

This one.. “SantaSnaps.xcodeproj”. If you have Xcode, you should be able to just double click the file.
Locate “Controller.m” in the classes folder as illustrated below….

Xcodescreensnapz009-1

See that there on line 26? @”santa hat”, @”santa glasses”, @”santa beard”, etc? This is the line you’re going to be changing.

Now, It doesn’t really matter how you generate your PNG files with their alpha channel in tact, as long as you do. I used to work for Adobe, so I use Photoshop. Take one of your photos that you took with SantaSnaps and open it up in whatever image editor you’re using. This will give you the frame size to use as well as a good indication as to where to place whatever new graphics you’re going to be placing. Then place your graphic where it should go, turn off the background layer, and save the file as a PNG file.
Photoshopscreensnapz001StevewithagrillPhotoshopscreensnapz003


Back to Xcode. In controller.m, on line 26, change the name of the first item @”Santa Hat” to @”whatever your file name was”. Drag your new PNG file into the “Resources” folder inside of the santasnaps xcode window. I’ve illustrated several changes that all happen the same way. Change each item in the “NSArray arrayWithObjects” list, and drag the actual graphic file into the resources folder. The order corresponds to the button order in the interface, so… keep that in mind.

Xcodescreensnapz008-1

At this point you could hit that “Build and Go” button and when you hit the santa hat icon in the application, your new graphic should show up.

Stevejaws2

This is the majority of the hard part. The other part is to edit the nib file, which in my opinion is much easier to do than digging through code. To replace the existing buttons with ones that match your new graphics, you’ll need two states for each new button you want to change. The selected state and the unselected state.
unselected
Grill Unselected


selected
Grill Selected

Find SantaSnaps.nib either in the project folder in Xcode or the finder and double click on it. It’ll look something like this:
Interface-Builderscreensnap

Drag your two button graphics, one at a time, into the nib file’s graphics tab. It’ll say something like “you want to add this to santasnaps project, yeah?” Yeah, you do. See below for “grill_selected” and “grill_unselected” :
Interface Builderscreensnapz004

and then drag and drop your unselected state graphic to the corresponding button you want to change, as seen in the upper left corner of this graphic:
Interface-Builderscreensna2

The last bit is to bring up the inspector palette and change the alt-icon state to the other graphic’s name. See below:
Interface-Buildersc3

see above… Icon: grill_unselected
alt. Icon: (change from “Santa Hat Button Pressed” to:) grill_selected

That’s it! Easy! :) Save the nib file and re-[build-and-go] from Xcode. Once you get the first one working, you’ll get into a regular rhythm for the other 8. Good luck! This is all I know, I don’t know anything else, I can’t help you any further. :)

Technorati Tags:


jailtime

Back when the Enron scandal hit, Bruce Sterling’s effort of the time, Veridian, held a logo design contest. This was my entry:

Technorati Tags:


3d pixels from realtime video

Hey, this is a video of the code I wrote in processing to take realtime video and create 3d boxes with a height equalling the pixel’s brightness.

I originally had this posted on my blog, but then I had a server failure, so this is being reposted to try to unbreak the links people made to this page. :)

turntable tank on cafepress

Jitcrunch

<a href=”http://www.cafepress.com/cp/prod.aspx?p=lowpolyturntabl.50316755″>Turntable tank on black shirt at cafepress</a>

Technorati Tags: , , , , , , , , ,


teacup shirt

turntable tank

1200Tank-1

I was looking at that turntable drawing I did and thought it would look cool with treads and an antenna. Yep, looks cool. :)

low polygon turntable on dark shirts!

For sale now on zazzle: The low polygon turntable on dark shirts! Woo yeah, looking nice! click any of the t-shirts and then you can customize to change the color or add some text to the front or the back if you want. :)

Lowpolygon1200 Crop Copy Copy
Designall

Designall-3Designall-1Designall-2Designall-4

Technorati Tags: , ,


who loves you?

OMGWTF patches for sale

hey, I just wanted to let you know I’m starting to list some of my OMGWTF patches on Etsy.

domestic price is US$5, overseas is US$6.  Slap one on a favorite hat or jacket, and see what conversations it starts for you… for me, it’s been pretty amazing so far. :)

Photo 048

Technorati Tags: , , , ,


OMGWTF patch

Attention Austin, Texas:

If you were handed an OMGWTF patch recently, that was me. You can get a small sewing kit from the grocery store in the “gadget section”… usually next to lik, the shoe polish, combination locks, and lightbulbs. You don’t need to get real fancy, you just need to get it to stay on whatever you’re going to put it on. Your backpack is a pretty good place, or a purse, a shoe, or maybe at the hem of your jeans or something. Please send me a photo of your OMGWTF patch in action!

low polygon turntable

I’ve created a cafepress store for my low polygon turntable design I made a long time ago.  I always liked this design, but it lived in hiding as an old mac os 9 .pict file.  I recently realized that Preview.app will open those and I was able to save it back out as a .png :)  Anyway, if you like the design, you can check out the cafepress store.

Lptsmall

the adventures of a boy and his computer - Google Bomb “Intelligent Design”