Quick and Dirty 3-D On The Web
The following is just a quick summary of approaches I know to do 3-d on the web. If you know of any others, please feel free to leave a reference. Thanks!
Processing
Java Required to view this applet (Credit: Processing.org)
Product Home
http://processing.org/
What’s Been Done With It
On http://processing.org/ main page, look on the left side for the “Examples” area.
Description
“Processing is an open source programming language and environment for people who want to program images, animation, and sound. It is used by students, artists, designers, architects, researchers, and hobbyists for learning, prototyping, and production. It is created to teach fundamentals of computer programming within a visual context and to serve as a software sketchbook and professional production tool. Processing is developed by artists and designers as an alternative to proprietary software tools in the same domain.”
How To Learn
http://processing.org/learning/
Note: There is no conventional linear documentation HOWTO. You just look at the categorized prototype code, cut & paste, and understand how it works. The nice thing about the code is for the most part, it is very short.
Web Deployment of 3d
The Java run time environement is required to view Processing applets
Comments
- Fast learning curve to get some good results
- Growing technology gaining fast adoption because of high cohesion of doing visualization quickly
- Aimed towards dynamic interactive 3d experience
- FREE!
Macromedia Director MX 2004
Screen shot of Quake 3 Forever done in Director
Product Home
http://www.adobe.com/products/director/
What’s Been Done With It
http://digg.com/playable_web_games/Play_Quake_3_Directly_in_your_Browser!
http://necromanthus.com/Games/ShockWave/quake3.html
Description
“Macromedia Director is the proven multimedia authoring tool for professionals. Director combines broad media support for media types, ease of use, high-performance, and an infinitely extendible development environment to deliver rich content and applications for CDs, DVDs, kiosks, and the Internet. Director MX 2004 offers powerful new features, including two scripting languages, DVD-Video support, cross-platform publishing, and Flash MX 2004 integration”
How To Learn
- http://www.adobe.com/support/director/3d_index.html
Web Deployment Of 3D
- Users must have Adobe Shockwave Player Plug-in to view Director-generated content
Comments
- Lingo (the scripting language for Director) is better suited for doing large scale real-time 3d projects on the web
- Not free
Adobe Flash + Swift 3d
Click lower section to load movies (Credit: erain.com)
Product Home
http://www.erain.com/products/swift3d/
What’s Been Done With It
http://www.erain.com/products/swift3d/examples/
Description
“Swift 3D is the only 3D application to directly integrate with Macromedia Flash and provides unrivaled vector rendering quality and output style options. Swift 3D’s toolset and interface allow anyone to quickly create 3D content while providing a full set of advanced tools to grow into. With both vector and video export capabilities, Swift 3D provides the entire motion graphics design industry with a powerful, easy to use 3D solution that delivers high quality results for an affordable price”
How To Learn
- In-program tutorials
Web Deployment Of 3D
- Users need to have the Flash player installed
- Out of the 3 approaches to 3d I have mentioned, this one has the largest reach.
Comments
- Aimed towards graphic designers; Claims you can learn in under 1 hour
- The combination of these tools will allow you to do non-dynamic 3d whereas the other two mentioned are more code based
- Not for creating dynamic interactive 3d
- Least amount of programming involved
Google’s SketchUp
Rollover to animate (Credit: Sketchup.com)
Product Home
http://www.sketchup.com/
http://sketchup.google.com/
What’s Been Done With It
Google Earth
Description
Google SketchUp (free) is an easy-to-learn 3D modeling program that enables you to explore the world in 3D. With just a few simple tools, you can create 3D models of houses, sheds, decks, home additions, woodworking projects - even space ships. And once you’ve built your models, you can place them in Google Earth, post them to the 3D Warehouse, or print hard copies.
How To Learn
- Video Tutorials
http://sketchup.google.com/tutorials.html
- In-program tutorials (very easy!)
Web Deployment Of 3D
- Google Earth: http://earth.google.com
- 3D Warehouse: http://sketchup.google.com/3dwarehouse/
Comments
- Very pleasureable and powerful experience when developing 3d
- Not for creating dynamic interactive 3d
- Still growing, not taking over the 3d world at any rate
- To my knowledge, absolutely no programming
Adobe Flash using ActionScript only
Click so that SWF has focus and then use Arrow Keys to navigate (Credit: Kirupa.com)
Product Home
http://www.adobe.com/products/flash
What’s Been Done With It
http://digg.com/gaming_news/_Wolfenstein_3D_created_with_Flash_8
Description
“Flash® Professional 8 is the industry’s most advanced authoring environment for creating interactive websites, digital experiences and mobile content.
With Flash Professional 8, creative professionals design and author interactive content rich with video, graphics, and animation for truly unique, engaging websites, presentations or mobile content.”
How To Learn
http://www.kirupa.com/developer/actionscript/3dindex.htm (3d essentials in Flash)
Note: This approach has probably the worst learning curve as familarity with ActionScript is mandatory.
Web Deployment Of 3D
- Users need to have the Flash player installed
Comments
- If your serious about doing 3d on the web, I’d go with lingo as it offers more for 3d as I have been told





August 28th, 2006 at 7:35 am
Sandy is an intuitive and user-friendly 3D open-source library developed in Actionscript 2.0 for the Flash environment.
http://www.flashsandy.org/blog/
August 30th, 2006 at 10:13 am
OMG this is sick. And it’s open source. Good stuff!
September 25th, 2006 at 8:18 am
You have to update the screenshot of Quake 3 Forever.
The current version looks really amazing.
http://necromanthus.com/Games/ShockWave/quake3.html
Necromanthus is working on another project: RtCW Reloaded
http://necromanthus.com/Games/ShockWave/rtcw.html
That ‘daylight’ emulation is fabulous!
September 25th, 2006 at 10:32 am
Holy sh!t, that Return to Castle Wolfenstein is crazy!