If you follow this blog you’ll know I’ve been obsessed with 3D ribbons for a while now. I ported my AS ribbon code to Processing and I’m very happy with how it turned out. It’s refreshing to not have to worry about frame rates, since processing’s 3D performance is so good

Here’s the processing sketch and source code. You will need a fast machine with OpenGL support to run the sketch - basically don’t blame me if it crashes your browser ;).

[UPDATE - it seems OpenGL sketches don't like to run off the web. I uploaded a P3D version here that should be more compatible. Since it's not using additive blending you get a strange pink color instead of the glowy white...]

Untitled from felixturner on Vimeo.

It would be nice to get some realtime glow/blur in here to smooth things out a bit. I think this library may do the trick but it could take me a while to figure it out.

I just finished up a new site for the Los Angeles lifestyle magazine ‘Angeleno’, working with talented guys at Faction7. I did the Flash front-end for the Features and Scene sections.

The idea was to create a ‘HTML style’ site with simple navigation and a focus on the content. This gives a familiar + intuitive user experience while still allowing some nice Flash flourishes. To allow deep linking and back button support we used SWFAddress. SWFaddress has the benefit of working with Google Analytics, to provide per-page tracking. One issue I found with SWFAddress is that it seems to give a noticeable lag when navigating between pages on Vista/IE7.

The features section includes a full-screen option which really shows off the large format photography. The scene section also includes a user-submitted commenting system which is quite cool (registration required). All content is completely dynamic, powered by a custom PHP CMS. The Flash XML content is written into the HTML pages, to allow for SEO.

One snag we hit was integrating DoubleClick ads. Since DoubleClick still does not support AS3 (!), we had to do some CSS/JS hacking to overlay ads in a HTML div. Hopefully DoubleClick will get this working soon.

The new player features flash full-screen mode, a related videos menu, skinning support, ad support, localization support, HD video support, plus the usual sharing features. Kudos to the MySpaceTV team for knocking out a quality product in a short time-frame.

The Dark Knight in HD

Ray tracing is the CG rendering technique used in Pixar movies and most other broadcast quality CG. Basically it bounces millions of virtual photons around the scene to simulate how objects reflect light and cast shadows on each other. This produces super realistic images at the cost of being very computationally expensive.

P5Sunflow is a Processing version of the SunFlow open source Java ray tracing implementation created by Mark Chadwick.

P5Sunflow produces images with creamy shadows and a solid sculptural feel that are quite different to anything you can achieve with most real-time 3D engines. Unfortunately rendering times are really slow. The videos below are overnight renders. I’d be interested to find out if there is some kind of ‘fake’ ray tracing that produces similar results quicker.

Click through to see the HD and downloadable QuickTime versions. These work well looped in QT.

Cube Wall from felixturner on Vimeo.

Sunflow Phase Towers from felixturner on Vimeo.

You can download the Processing sketch for the cube wall animation here. To use it you need to install the P5Sunflow library as described here. To run P5Sunflow you need to use the version of Processing that comes without Java, since it requires Java v1.5 and Processing comes with Java1.4.

So I finally got myself a MacBook Pro. I’ve had a love / hate relationship with Apple products over the years and I’ve considered switching for a while. One of the things that turned me off was the Mac fanboys who insist that switching will bring you closer to God. This post is an attempt to give a less biased opinion on the pros and cons of switching.

In my case I’m switching from a Lenovo Thinkpad T60 running Vista to a MacBook Pro running OS X Leopard. Let me know if I’ve missed anything in the comments.

THE GOOD

1. Design Aesthetic

Using my Mac I feel cooler, calmer and more zen-like. The makers of OS X have paid a lot more attention to it’s visual design aesthetic. OS X is nicer to look at, and there is a focus on simplicity that makes the OS a pleasure to use. If you care about visual design you should probably be using a Mac.

The hardware is also beautiful, from the glowing logo on the back of the brushed metal case to the keys that automatically light up. The magnetic power cord is another clever touch.

The built in screen savers, desktop wallpapers, and sounds are all very tasteful and well done. One niggle is the default ‘Aqua’ OS X scrollbars that are, dare I say it, a bit cheesy (bright blue jelly tubes - really?).

Fonts are handled differently on OS X. The fonts are more ‘correct’ in that they match their intended shape better, but they are also softer + blurrier. Whether you like this is largely a matter of taste. I personally like the crisper pixelated look of the PC fonts, although the OS X fonts are growing on me.

2. It Just Works

In general the Mac just works. Since I’ve been running it for the last month the OS has never crashed. Force quit always kills an app instantly (on Vista killing an app can take a couple of minutes of bashing the keyboard). You can delete any file instantly (on Vista forget about it).

There is a simplicity to OS X that is very refreshing. There are less options to configure in OS X’s System Preferences than the maze-like nested dialog boxes that comprise the Windows Control Panel. The options that are there are better laid out and make more sense. Installing new apps on the mac is incredibly simple. Just drag the app icon into your applications folder - that’s it!

3. Security Handling

Vista is like an over protective grandmother - it’s constantly trying to scare you that anything you do could lead to irrevocable harm to your machine. Even after disabling UAC you are constantly offered warnings and “are you sure?” prompts.

Mac security is fantastic in it’s simplicity. There are 2 main components: If you download and run an executable for the internet, the OS will warn you and ask if you really want to run it. Also, installers that modify system settings require you to type in your OS password. That’s it. No other warnings or prompts.

To be fair, part of what makes security less of an issue on the Mac is that virus writers target it less often. Since Windows is by far the dominant Business OS, it’s a more valuable target. Regardless, I think that Vista’s focus on security over all other concerns, throws the baby out with the bath water in terms of usability.

4. Power Management

Open the lid on my MacBook and the screen lights up and you are ready to go in 5 seconds every time. Open the screen on my Vista Thinkpad and it’s a crap shoot whether it turns on, stays asleep or requires a reboot. Mac reboots are also a lot faster than Vista, and since the OS is more stable you will be rebooting less often.

5. Multitouch Trackpad

Two finger dragging to scroll is genius - it’s so natural I keep trying to do it on my PC. I haven’t used the pinch gesture much but it’s nice to know it’s there.

THE BAD

1. Missing Keys/Too Many Keys

This is the biggest hurdle for I’ve found switching, and it’s the reason I’m not typing this on my Mac right now.

From years of PC usage, my hands are hardwired to constantly use the following keys: Home, End, Page-Up, Page-Down and Delete (forward delete). The Mac has none of these. Every time I compose a doc on the Mac, my hands are tripping up and I find myself laboriously cursoring to where I need to be.

I am aware that there are key combinations for the above functionality on the Mac, but using them is compounded by the other flaw on the Mac keyboard: too many modifier keys. On the PC there are 3 modifiers: Ctrl, Alt and the Windows key. In general you only ever use Ctrl. Alt is used for ‘advanced’ operations that overload Ctrl. The Windows key is reserved strictly for OS operations.

On the Mac there are 4 modifier keys: Fn, Control, Option/Alt and Command/Clover. There does not seem to be any logic as to which modifier does what. For example for Page-Up you do Fn-Up and for End you do Command-Right. Make sense?

I realize that using keyboard shortcuts is partly a matter of what you are used to, but in my opinion the windows keyboard is more usable and makes more sense.

2. No Maximize

On the Mac there is no way to have an app go fullscreen. The little green plus button at top left of a Mac window is a kind of mystery button: it may enlarge your app, it may shrink it, but it will never make it fill the screen. When my app is not maximized I feel distracted by the clutter of the dock and extra window chrome, plus it’s a waste of valuable screen real-estate. This one is odd, since it seems to run counter to the Mac UI principals of focus and simplicity.

3. No Right-Click Button

Two finger tapping for right-click is cool, but it would be cooler for Apple to finally cave on the fact that the Mac needs 2 mouse buttons. Most Mac apps use right-click (sorry command-click) extensively. Apple even sell a 2 button mouse. However they refuse to add a second button to the Mac itself. I imagine there is some pride and politics in this decision. Mac design could never follow the PC - unthinkable!

A couple of other hardware niggles: The MacBook Pro runs very hot - I mean burn your thighs hot. Also, the keyboard tactile feedback and key depth is not great when compared to the Thinkpad.

4. Finder is Lame

The OS X Finder seems a bit underpowered compared to Windows Explorer. It’s hard to copy files from one folder to another without having multiple windows open. I always seem to have way too many Finder windows open and be closing and respawning them. On Vista, I can have one Explorer window open all day and drag files between the folders in the folder tree. Also there’s no way to view file details in column view.

5. Cost

Buying a Mac is still very expensive when compared to a PC with the equivalent CPU power. Regarding the OS software price, on Windows you buy the OS once then Service Packs are free. New Windows OSs come about once every 5 years. The Mac OS seems to be updated about once a year and you have to pay to upgrade each time.

When it comes to 3rd-party apps, the PC has more true freeware, whereas many smaller apps on the Mac cost around $50 (e.g. TextMate versus Notepad++)

Regardless of this, if you are using a computer for 8 hours a day, then it really makes sense to buy the best one you can afford.

One of the most exciting new features of the new Flash Player is the native 3D support. I put together a couple of demos to compare FP10’s 3D performance versus the ‘old-school’ approach, using the Away3D library (I didn’t have time to build a PaperVision example, but I imagine the performance would be similar to the Away3D one).

These demos display video and text on multiple 3D planes. Take a look and see what kind of frame rates you get.

• Flash Player 10 Demo
• Away3D Demo

Here are some observations based on the demos:

• FP10 wins in terms of performance. This make sense when you consider that the 3D math is being handled internally.
• FP10 wins in terms of SWF size (6k versus 110k). Away3D has to load in all the 3D code externally.
• FP10 3D has no concept of depth sort. Depth sort must be handled manually. For simple scenes this is trivial, but once you get many polygons intersecting, depth sort can become a complex problem.
• The FP10 perspective distortion looks a little odd to me. The plane seems to get bigger at the right and bottom of the view.

FP10 offers a very limited subset of the functionality offered by Away3D and PV3D (no cameras, complex objects, collada import etc), but for simple 3D scenes it gives much better performance. In the near future I imagine the PV3D and Away3D teams will incorporate FP10’s native 3D support to give the best of both worlds.

(Thanks to Keith Peters for his minimal components used here.)

Where 'Assets.swf' is a swf that contains a symbol with linkage class name 'MySymbol'. Sometimes when you do this you will get the following error:

TypeError: Error #1034: Type Coercion failed: cannot convert MyClass_mcClass@12510d1 to flash.display.MovieClip.

I finally figured out why: Flash will type the symbol based on the number of frames in it's timeline. If the symbol has only 1 frame it will be typed as a Sprite, 2 or more frames it will be typed as a MovieClip.

So to fix the above error, just add another frame in your symbol's timeline. Of course you could type your object as a sprite instead of a movieclip, but there are reasons why you may not want to (for example accessing sub-movieclips, adding dynamic properties etc).

If you get the "Flex Builder requires a more recent version of the Flash Player. You might need to install the Flash Player or reinstall Flex Builder." error, the solution is to set the system default application for opening SWFs to point to the latest debug player. To do this on Windows right click a SWF in explorer. The latest debug player may be in the following location: C:\Program Files\Adobe\Adobe Flash CS3\Players\sa_flashplayer_9_debug.exe, otherwise download the latest Projector content debugger and point to it.

Here is some more Mac specific help

With the Open Screen Project, Adobe is betting everything on making Flash the world's number one universal runtime.

They are opening up the SWF specification which will allow anyone to build their own Flash player. They are also removing licensing fees for using Flash on devices. This means loss of revenue in the short term in order to entrench the Flash player on as many devices as possible.

It's great to see Adobe continue to open up Flash, which makes it more appealing to a broad range of developers. While anyone can now build their own Flash player, Adobe are betting that their version is strong enough to remain the world standard. I guess they plan to make revenue from selling the dev tools to build SWFs.

Techies have always dismissed Flash, because of its origins as a web animation tool. Techies are scared of anything with a timeline. In spite of this, Flash may be able to sneak under the radar to become the world's most ubiquitous platform, ahead of Java, Silverlight etc. It's interesting that the web and technology in general is moving towards better designed user experiences, something that Flash has always excelled at.

According to techcruch's great analysis, Silverlight's answer to Flash's increased ubiquity is "Live Mesh". With good timing, Joel Spolsky just posted a scathing attack on Live Mesh. Frankly I am not at all worried that Silverlight will crush Flash, especially judging by the embarrassing state of their showcase (hello 1998). Maybe MS should just build their own version of flash player.