Finn Rudolph

JavaScriptObject, JavaScript, CSS von Finn Rudolph

There is a new JavaScriptObject package that comes with some code improvements and a new option called lock. If activated the rotation will be locked at the given boundaries: One can only spin the object around one time and not infinitely. Check out the locking examples and if you're interested in the codebase feel free to take a look at the github repository of JavaScriptObject.

JavaScriptObject, JavaScript, CSS, CINEMA 4D, C.O.F.F.E.E. von Finn Rudolph

There is a new JavaScriptObject package that features two very handy scripts written in C.O.F.F.E.E. (the scripting language of CINEMA 4D). Until now it was very hard to create an animation in CINEMA 4D that rotates an object with a given step width around two axes and renders the frames. Basically this could be done with the timeline, but that would require an awful lot of stupid work - like setting 40 key frames with different H and P rotation values... by hand!

And since we have more important stuff to do I made two C.O.F.F.E.E. scripts that automatically do the boring work for us. There is a new step by step tutorial on how to install and use the scripts. It's really simple and you finally can render 3D models that can be rotated around two axes in a very high quality:

Ladybird by Gilles Tran - 400 frames (9,1 MB)

JavaScriptObject, JavaScript, CSS, CINEMA 4D von Finn Rudolph

The new tutorial explains how to render frames of a 3D model in Maxons CINEMA 4D R11 that can be directly used with JavaScriptObject to build a 360° rotation. It features a Step by Step guide and ends with a nice 360° - Mini Cooper as a result.


The model I used in this tutorial is a Free CINEMA 4D model made by Gilles Tran.

JavaScriptObject, JavaScript, CSS von Finn Rudolph

There is a new JavaScriptObject version featuring support for the iPhone and iPod Touch. You can test the demo shown in the video beneath at testground.finnrudolph.de/js/JavaScriptObject


JavaScriptObject on the iPod Touch


I also wrote a small JavaScript application to understand the basic touch events of the iPod Touch and iPhone browser Safari. That means only one finger, no gestures. You can watch the Demo or try it yourself with your iPhone or iPod Touch at testground.finnrudolph.de/js/iTouchEvents

JavaScriptObject, JavaScript, CSS von Finn Rudolph

There is a new JavaScriptObject version featuring grabbing hand cursors for all browsers* and a nicer lazy loading design. Both increasing the usability of the script. It now also has a stylish demo website at javascriptobject.finnrudolph.de.


*Except Opera which does not support the CSS cursor:url() everyone else supports!

JavaScriptObject, JavaScript, CSS, SketchUp von Finn Rudolph

The tutorial explaining how to export frames from Google SketchUp models for JavaScriptObject is now complete. It features a general Step by Step guide, two examples on how to export 360° objects and full XY revolution objects and some rendering quality tweaking to get the best rendering result. Enjoy and happy rendering!

Nokia 6300 - 400 frames (2,77 MB)

JavaScriptObject, JavaScript, CSS von Finn Rudolph

Finally, after some weeks of fun with JavaScript and skripting Google SketchUp with Ruby I proudly present JavaScriptObject!

JavaScriptObject is an application to publish 3D models in a userfriendly way. It does not require any applets, plugins or similar. JavaScriptObject works with every browser, that can handle images and supports JavaScript. It is easy to implement, documented and configurable.

Features

• 3D rotation / 360° rotation
• Supports multiple instances (Object-oriented)
• Easy implementation (Unobtrusive JavaScript)
• Compatible with all graphical browsers
• JavaScript & CSS compressable to 7 KB
• Graceful Degradation
• Loading bar
• Implementation and configuration by one img tag
• Supports lazy loading

Demo