configuring your estate in VRML and AJAX

for more than half a year i worked on a big project now. the aims:

  1. choose a flat, that was preconfigured by architects.
  2. set your own walls, doors, colours and textures.
  3. walk through the result in 3D.
  4. save your settings to reload them later.

my solution is based on the following techniques and 3rd party scripts:

  1. VRML and X3D. there are a lot of plugins out there for VRML and X3D. most of them use DirectX or OpenGL. some of them have anti-aliasing, lights, shadows and more visual effects for a better experience.
  2. AJAX. i used Prototype.js, Scriptaculous, an MD5-algorithm for JavaScript, PHP-serializer and Date.format together with JSMin and a gzip-compressor. on server side i used PHP and MySQL together with Services_JSON.
  3. WYSIWYG. for the user forms i used tinyMCE, which is highly AJAX-ready.
  4. I18N, L10N and skins. the system is already prepared for different languages and skins.

a lot of people would ask now: "why not do it in FLASH?". my answers:

  1. FLASH is proprietary. handgestrickt tries to use open standards.
  2. the 3D-capabilities are limited. the engine is not fast and able to give you a quick and realistic experience.
  3. the development would be cost intensive, because the Actionscript engine would be much more complicated.

here is the link to the stable first release: Raumwerk Dortmund | Wohnungskonfigurator 3

related:
VRML
X3D
DirectX
OpenGL
AJAX
Prototype.js
Scriptaculous
MD5
JavaScript
PHP
Date.format
JSMin
MySQL
Services_JSON
WYSIWYG
tinyMCE
I18N
L10N
skins
FLASH
Actionscript

Sunday, 03. June 2007 • trackback url

Re: configuring your estate in VRML and AJAX

Awesome! I had the same idea (for the technology and remote 3D authoring, not house design). It's nice to know it can be done... but the half a year timeframe goes beyond my abilty to focus. Still thanks for letting me know it's possible.

Reply

Saturday, 11. August 2007 • Anonymous • • • Reply

trackback url

Add Comment

( to reply to a comment, click the reply link next to the comment )

Comment Title:
Your Name:
Email Address:
Make Public?
Website:
Make Public?

Comment:


Allowed XHTML tags : a, b, i, strong, code, acrynom, blockquote, abbr. Linebreaks will be converted automatically.


Captcha:

captcha image

Soundfile:


please type the content of the above image or the soundfile into the following form-field: