SYS-CON Media
 Register Now!
Save $200
Register before October 17th to SAVE! ... and also receive a FREE copy of the Best-Selling AJAX Book, a $119 Value!
Untitled Document
2008 East
Platinum Sponsor
Untitled Document
2008 East Gold Sponsors
Untitled Document
2008 East Exhibitors
Untitled Document
2008 East Media Sponsors
Untitled Document
2008 Association Sponsor
SYS-CON Media
2007 West Sponsors
Goingtomeet.com Conference Directory
SYS-CON Media
2007 East Sponsors
Untitled Document
2008 SYS-CON Events

Can't Miss RSS Feed
Subscribe to the AJAXWorld.com RSS Feed & Get All The Conference News As It Happens!

2008: Decision Year for RIAs - October 20-22, 2008 San Jose


AJAX3D - The Open Platform For Rich 3D Web Applications
The standard for real-time 3D on the Web, with the ease of use and ubiquity of AJAX

Real-time 3D is emerging as a first-class media type for the Web. Network bandwidth and graphics hardware processing power are now sufficiently advanced to enable compelling Web-based 3D experiences, including games, online virtual worlds, simulations, education, and training. Commercial developers are expressing increasing interest in exploiting real-time 3D in Web applications to enhance production values, create engaging immersive experiences, and deliver information in a more meaningful way.

Much of the infrastructure is in place to enable professional Web 3D deployment in a cross-platform, open, royalty-free environment. Interoperability standards such as ISO-standard Extensible 3D Graphics (X3D) are now mature, fully functional, and robust and supported by multiple open source implementations and affordable production pipelines. However, those technologies only go so far in that they are focused on the transportability of embedded rich content, and not on the applications that embed it. The industry is in need of a rapid development environment for creating scalable, highly interactive client/server 3D applications on the Web.

AJAX – Asynchronous JavaScript and XML – has emerged as a preferred method for developing sophisticated Web applications. AJAX makes client/server programming available to JavaScript developers via Dynamic HTML, resulting in rich, responsive applications hosted in a Web browser. While AJAX is being used to deploy some of the industry’s leading applications, such as Google Maps and Netflix, current browsers are limited in their capacity to render dynamic content, in particular, high-performance real-time 3D.

AJAX3D combines the power of X3D, the standard for real-time 3D on the Web, with the ease of use and ubiquity of AJAX. AJAX3D employs the X3D Scene Access Interface (SAI) – the X3D equivalent of the DOM – to control 3D worlds via JavaScript. With the simple addition of an X3D plug-in to today’s Web browsers, we can bring the awesome power of video game technology to the everyday Web experience.

The initial development has begun. Media Machines has created the first showcase applications and tutorials, and has launched a Web site (www.ajax3d.org) as an open industry forum to explore technologies, techniques, and best practices. This article describes the key technical concepts behind AJAX3D and, via examples, introduces the beginnings of a formal programming framework for general use.

AJAX3D Basics

AJAX3D is based on the integration of two programming models: the W3C Document Object Model (DOM) and the ISO Scene Access Interface (SAI). The DOM defines a model for programs interacting with a Web document; the SAI allows programs to control X3D scenes. JavaScript code running on a Web page can interact with the DOM and the SAI simultaneously, enabling applications that integrate traditional 2D Web page elements with the 3D world. Both the DOM and SAI are independent of any programming language; however, our focus for AJAX3D is on JavaScript.

One DOM object is of particular interest to AJAX programmers: the XMLHttpRequest object, which allows a Web application to make server requests without requiring that the contents of the page be refreshed. This capability is fundamental for creating dynamic, responsive applications that meet the expectations of today’s consumers. The SAI has a similar capacity in createX3DFromURL, a method of the X3D “browser” object that loads 3D content on demand.

The combination of the DOM, SAI, and XMLHttpRequest comprise the underpinnings of AJAX3D and, in fact, suggest a precise definition of AJAX3D, where an AJAX3D application is a Web browser-hosted program that: 

·          uses the SAI to access a real-time 3D scene;

·          uses the DOM to manipulate Web page content in response to changes in the 3D scene; and

·          uses server-request methods (XMLHttpRequest, createX3DFromURL) to store and retrieve data in response to, and/or leading to, changes in a 3D scene.

Embedding X3D Scenes in a Web Browser

The first step in creating an AJAX3D application is to create an HTML page that embeds X3D content. This is done using EMBED or OBJECT tags (the former being well supported in all Web browsers):

<embed WIDTH="640" HEIGHT="480" NAME="FLUX" SRC="helloajax3d.x3d" TYPE="model/x3d" DASHBOARD="0" BGCOLOR="0xFFFFFF">

Note: all examples in this document use Media Machines’ FLUX Player as the X3D plug-in. However any SAI-compliant X3D plug-in that supports JavaScript should be able to support AJAX3D.

Accessing the X3D Scene from JavaScript

Once the X3D plug-in has been embedded, it can be accessed from JavaScript like any other DOM object. The FLUX object is used to access the SAI “browser” object – not to be confused with the Web browser, which is the main object defined by the SAI for connecting to the 3D scene. The browser is accessed as follows:

var browser = document.FLUX.getBrowser();

Once we have a handle on the X3D browser, we can access the ExecutionContext object, which lets us access all of the live objects in the scene to retrieve and change properties, or send and receive events:

var context = browser.getExecutionContext();

Working with the X3D Scene Graph

The primary data structure in an X3D world is the “scene graph” or a collection of graphical objects organized in hierarchical relationships. The scene graph is akin to a DOM document in that it’s structured data representing the rendered content; however. 3D scene graphics tend to be far more complex than even the richest DOM documents.

The SAI provides a few ways to access the scene graph. Once a valid execution context is obtained (see above), we can either ask it for an object by name, or a collection of all the top-level nodes in the scene as follows:

var theText = context.getNode("THETEXT");

or:

var nodes = context.getRootNodes();

The scene graph is hierarchical, but it’s not a strict tree like a DOM document. Objects in the scene graph can have multiple parents so long as no object is a descendant of itself either directly or indirectly. The technical term for this structure is a Directed Acyclic Graph or DAG – hence the term “scene graph.” Many operations on the X3D scene graph require knowledge of this structure so it’s important to understand this concept early on.

Nodes, Fields, and Events

The fundamental object type in X3D is the node. Nodes are scene graph elements; they can represent geometric shapes, their visual properties, animations, scripts that contain program code, clickable behaviors, and so on. The properties of nodes are called fields; fields store basic data type information such as floating point values, integers, strings, 2D and 3D vectors, bitmapped images, and arrays of those types.

Dynamic behaviors in the scene graph are accomplished via events – fields that let their values be changed, or that tell the application when their values have changed. An AJAX3D application can send events via the SAI using a straightforward JavaScript property-setting syntax as in the following example:

theText.string[0] = "Hello";

theText.string[1] = "AJAX3D!";

The SAI also defines field listeners: objects with callback methods that are invoked when an event is generated. Here’s an example of adding a field listener to a TouchSensor – an object that tells the programmer when some geometry in the world has been clicked on (by generating a touchTime event):

var observer = new Object;

observer.readableFieldChanged = clickCallback;

sensor1.touchTime.addFieldEventListener(observer);

Dynamically Generating Scene Graph Content

The SAI supports the dynamic generation of X3D content from strings, URLs, or using factories that create nodes by type. Here’s an example of creating X3D with a string:

var str = "<Shape><Box size='.5 .5 .1'/></Shape>";

var newscene = Browser.createX3DFromString(str);

By combining this capability with AJAX techniques (i.e., using XMLHttpRequest), an AJAX3D application can build an entire 3D world programmatically based, for example, on queries to a MySQL database.

Taken together, the ability to control rich X3D worlds from JavaScript running in Web pages, to update Web pages based on events that occur in the world, and to dynamically build worlds from program code make AJAX3D a complete system for delivering 3D applications on the Web. The possibilities of this approach are endless, and this presents a challenge: how to best harness the vast power of AJAX3D into a useable set of tools and framework code for developing a broad range of applications. We will explore this issue below, but first an example.

Example: The Strikefighter

Larry Rosenthal of Cube Productions has been designing real-time 3D content for over 15 years and has been running a science fiction virtual world/online community called StarbaseC3 for nearly that long. In 2001 he developed the first version of a 3D Web game called “Strikefighter” based on StarbaseC3 models. Over the years Larry has updated the game from time to time, and ported it across various 3D engines, both open and proprietary.

Larry teamed up with programmer Dave Arendash to once again port Strikefighter (shown in Figure 1). Using AJAX3D, Dave connected the game to a live Web server (running PHP and MySQL) that implements a scoreboard. When the game is over, it checks the current score against a database of high scores residing on the server. If the player’s score is in the top 10 he’s invited to post his name on the public scoreboard. Strikefighter is similar to the Flash-based mini-games that have proliferated on the Web over the last several years. Until AJAX3D, Larry wasn’t able to deploy a 3D game like this based on a royalty-free, open platform that fully integrates with a Web server and runs on a page.

Figure 1 The Strikefighter Game in AJAX3D

The AJAX3D Initiative

In a sense, the technical underpinnings for AJAX3D, like those of AJAX itself, are almost trivially simple (that is, if one considers Web browsers, XML, and real-time 3D Web plug-ins “simple” things). There are a small number of basic constructs involved: JavaScript, XMLHttpRequest, the DOM, and the SAI. However, the many possible combinations of these, combined with the ability to deliver code and content worldwide at nearly the speed of thought, have profound implications.

AJAX3D promises a royalty-free, open, global platform for creating a next-generation Web experience. The key to realizing that promise lies in establishing techniques and best practices that can be used throughout the industry, supported by tools and frameworks, and developed in an open setting. In other words, AJAX3D is as much about community process and collaboration as it is about technology.

In August 2006, Media Machines launched www.ajax3d.org as an open industry body to foster AJAX3D development. The site has a large mailing list, active discussion forums, and several examples. Media Machines intends to hand the maintenance and governance of the site, and the project as a whole, over to an all-volunteer group in the near future.

With the initial launch of AJAX3D, we have just scratched the surface of what is possible. The group has identified important next steps to be taken over the next several months:

  • Develop a programming framework (“ajax3dlib”): The first tutorials hint at a general-purpose programming framework, but there’s still a lot of work to be done in this area.

  • Create domain-specific modules: It would be beneficial to develop reusable modules for game play, data visualization, e-commerce, and other domains.

  • Build out the showcases and examples: The site is continually soliciting showcases and examples.

  • Identify areas for ongoing R&D: While most of the effort in the AJAX3D project will be focused on deployment, there are some areas that require further research. For example, is it possible to deliver real-time messages for multi-user game play using AJAX, or are other technologies required?

  • Engage with the industry: Develop relationships and begin conversations with other groups involved in AJAX and Web 3D development, both official and ad hoc.

Summary

Royalty-free standards such as X3D have made it possible for anyone to deliver rich 3D content in real-time over the Internet. At the same time, AJAX has emerged as a worldwide phenomenon and unleashed a flurry of new application development. By bringing these two technologies together, AJAX3D promises a complete open platform for creating a next-generation 3D Web experience.

With AJAX3D immersive virtual worlds can be deployed in a Web browser and integrated with pages and other media. AJAX3D worlds can communicate with standard Web servers using XML and AJAX technologies, enabling professional, scalable, industrial-strength applications with high production value and visual impact.

AJAX3D is in its infancy. In the coming months it will need to be nurtured and actively developed. Media Machines hopes that the initiative that began at www.ajax3d.org will take on a life of its own and become a worldwide forum for researching and developing this exciting new technology.

About Tony Parisi
Tony Parisi, president and CEO of Media Machines, is a technology pioneer and accomplished entrepreneur. He is co-creator of the Virtual Reality Modeling Language (VRML), the ISO standard for 3D graphics on the World Wide Web, and is widely recognized as an expert in standards, technologies, and emerging markets for interactive rich media. In 1995 Tony founded Intervista Software, an early innovator in real-time, networked 3D graphics technology and developed WorldView, the first real-time VRML viewer for Microsoft Windows. In 1998 Intervista was purchased by PLATINUM technology, inc., and Tony joined the company to lead business affairs for its 3D visualization group. Tony founded Media Machines in 2001 and is spearheading the development of FLUX, a real-time 3D technology that continues to push the envelope in interactive graphics for the Web. He is also a lead editor and co-chair of the Extensible 3D (X3D) Specification, the new standard for Web3D graphics being developed by the Web3D Consortium.

In order to post a comment you need to be registered and logged in.

Register | Sign-in

Reader Feedback: Page 1 of 1

AJAX3D combines the power of X3D, the standard for real-time 3D on the Web, with the ease of use and ubiquity of AJAX. AJAX3D employs the X3D Scene Access Interface (SAI) the X3D equivalent of the DOM to control 3D worlds via JavaScript. With the simple addition of an X3D plug-in to today's Web browsers, we can bring the awesome power of video game technology to the everyday Web experience.


Latest AJAXWorld RIA Stories
CloudEXPO | DevOpsSUMMIT | DXWorldEXPO Silicon Valley 2019 will cover all of these tools, with the most comprehensive program and with 222 rockstar speakers throughout our industry presenting 22 Keynotes and General Sessions, 250 Breakout Sessions along 10 Tracks, as well as our ...
Big Switch's mission is to disrupt the status quo of networking with order of magnitude improvements in network e ciency, intelligence and agility by delivering Next-Generation Data Center Networking. We enable data center transformation and accelerate business velocity by delive...
Dynatrace is an application performance management software company with products for the information technology departments and digital business owners of medium and large businesses. Building the Future of Monitoring with Artificial Intelligence. Today we can collect lots and l...
Your job is mostly boring. Many of the IT operations tasks you perform on a day-to-day basis are repetitive and dull. Utilizing automation can improve your work life, automating away the drudgery and embracing the passion for technology that got you started in the first place. In...
Technological progress can be expressed as layers of abstraction - higher layers are built on top of lower layers treating them as abstract black boxes with known interfaces. A serverless approach represents an inflection point that entirely separates the runtime layer from the u...
Untitled Document

Call 201 802-3020 or Click Here to Save $200!

Register Today and
Save $200

Your registrations includes: Golden Pass Delegates will receive full conference access on October 20-22, 2008 including: Lunch and Coffee Breaks, Collectible Bag and Archives of all sessions on DVD. Includes access to all Conference Sessions including the Technical Sessions, Exhibits, Keynotes, Vendor Technology Presentations, and Power Panels.


Sponsorship Opportunities

AJAXWorld offers the undisputed best platform to position your company as a leading vendor in the fast-emerging marketplace for AJAX and Enterprise Web 2.0.


Please call
(201)802-3020


Who Should Attend?

 CTOs & VPs of Engineering
 Directors of Technology
 Sr. User Interface Architects
 Front-End Engineers
 VCs & Industry Analysts
 Directors of Business Development
 Software Engineers
 Senior Architects
 Application Programmers & Software Developers
 Project Managers
 Web Programmers & Designers
 Companies & Organizations that need to stay in
  front of the latest Web technology

AJAXWorld Security Bootcamp

Introducing at AJAXWorld RIA Conference 2008 West the world's first-ever full, one-day immersive "AJAX Security Bootcamp" - led by one of the world's foremost AJAX security experts and teachers, HP's Billy Hoffman.

View the full one-day schedule



AJAXWorld 2008 West - Tracks

Track 01: Enterprise RIAs
Track 02: Frameworks & Toolkits
Track 03: Web 2.0 & Mashups
Track 04: Hot Topics
Track 05: The Future of the Web
Track 06: iPhone Developer Summit



Brought To You By:

AJAXWorld Magazine is the pre-eminent independent vendor-neutral resource for the fastest growing new segment of the software business: entirely Web-based applications and experiences.

Download the Latest Issue!

AJAXWorld Webcasts



SYS-CON EVENTS


AJAXWorld Keynotes & Power Panels

2008 SYS-CON TV Keynotes: Can We Fix the Web? By Douglas Crockford - by Douglas Crockford
2008 SYS-CON TV Keynotes: 2008: The Year of the RIA - by Anthony Franco
2008 SYS-CON TV Power Panel: The Business Value of RIAs
2008 SYS-CON TV Power Panel: What Lies Beyond AJAX
2007 SYS-CON TV Keynotes: Why Web 2.0 for the Enterprise Is Far More Than Just a Facelift - by Ted Farrell
2007 SYS-CON TV Keynotes: Fueling the Next Generation Web: A Peek Behind the Green Curtain - by Bob Brewin
2007 SYS-CON TV Keynotes: AJAX in the Balance - by Joe Stagner

AJAXWorld Sessions on SYS-CON.TV

· Bill Scott - Yahoo! UI Library
· David Heinemeier Hansson - AJAX on Rails
· Jesse James Garrett - Elements of User Experience
· Dion Hinchcliffe - Real World AJAX
· Eric Miraglia - Open Source AJAX Development
· Paul Rademacher - Mashing Up Your Web Application
· Adam Sah - Google Gadgets
· Doug Crockford - An Introduction to JavaScript
· David Linthicum - Enterprise Web 2.0
· Patrick Grady - The Imagination & Experience Web

AJAXWorld...All The AJAX Rock Stars in One Spot!


Past Events Archive

SOAWorld Conference & Expo 2008 East
soa2008east.sys-con.com
Virtualization Conference & Expo 2008 East
virt2008east.sys-con.com
AJAXWorld 2008 Conference & Expo East
ajaxmar08.sys-con.com
SOAWorld Conference & Expo 2007 West
www.soaworld2007.com
Virtualization Conference & Expo 2007 West
virt2007west.sys-con.com
AJAXWorld 2007 Conference & Expo West
ajaxoct07.sys-con.com
SOAWorld Conference & Expo 2007 East
soa2007east.sys-con.com
Virtualization Conference & Expo 2007 East
virt2007east.sys-con.com
AJAXWorld 2007 Conference & Expo East
ajaxmarch07.sys-con.com
Other SYS-CON Events
events.sys-con.com

Join Over 10,000 Early AJAX Adopters
Who Have Attended AJAXWorld
• A&R Edelman
• Academic Enterprise
• Accoona Corp [2 delegates]
• Acxiom
• Adams Capital Management
• Adaptive Edge
• Adaptive Path
• Adobe Systems Incorporated [21 delegates]
• Adobe Systems Romania
• Ajax13
• All Risks, Ltd.
• alliance
• Alliance For Community Care
• AlphaDetail Inc
• Altera Corporation
• Amazon.com [6 delegates]
• Appeon Corporation [2 delegates]
• Apple Computer [5 delegates]
• Apress [3 delegates]
• Arkivio
• ASA
• Astute Solutions
• Avaya Inc [2 delegates]
• Avenda Systems
• Avenue A | Razorfish [3 delegates]
• Axcella, LLC [2 delegates]
• Aximsoft
• Azimyth
• Backbase USA Inc. [4 delegates]
• BAE Systems [2 delegates]
• Bank of America [2 delegates]
• Barkley Evergreen & Partners Interactive
• Bayview Financial [2 delegates]
• BEA Systems [3 delegates]
• Billeo
• BMC Software, Inc. [2 delegates]
• Borland Software Corporation
• Bradford Technologies, Inc [2 delegates]
• Brilliance
• Brocade Communications Systems, Inc. [2 delegates]
• Brookside Capital LLC
• Brulant
• Bungee Labs, Inc [6 delegates]
• Bureau of Labor Statistics
• BUZ Interactive
• Cadena Software
• Calix Networks
• Callidus Software [2 delegates]
• Cambia Security
• Carnegie Mellon West
• Cautella, Inc.
• CBSA
• Celequest [3 delegates]
• Change Vision, Inc.
• Charles E. Kenney, CPA
• Charles Schwab & Co., Inc. [8 delegates]

   read more...


ADVERTISE   |   MAGAZINE SUBSCRIPTIONS   |   FREE BREAKING-NEWSLETTERS!   |   SYS-CON.TV   |   BLOG-N-PLAY!   |   WEBCAST   |   EDUCATION   |   RESEARCH

.NET Developer's Journal - .NETDJ   |   ColdFusion Developer's Journal - CFDJ   |   Eclipse Developer's Journal - EDJ   |   Enterprise Open Source Magazine - EOS
Open Web Developer's Journal - OPEN WEB   |   iPhone Developer's Journal - iPHONE   |   Virtualization - Virtualization   |   Java Developer's Journal - JDJ   |   Linux.SYS-CON.com
PowerBuilder Developer's Journal - PBDJ   |   SEO / SEM Journal - SJ   |   SOAWorld Magazine - SOAWM   |   IT Solutions Guide - ITSG   |   Symbian Developer's Journal - SDJ
WebLogic Developer's Journal - WLDJ   |   WebSphere Journal - WJ   |   Wireless Business & Technology - WBT   |   XML-Journal - XMLJ   |   Internet Video - iTV
Flex Developer's Journal - Flex   |   AJAXWorld Magazine - AWM   |   Silverlight Developer's Journal - SLDJ   |   PHP.SYS-CON.com   |   Web 2.0 Journal - WEB2

SYS-CON MEDIA:   ABOUT US   |   CONTACT US   |   COMPANY NEWS   |   CAREERS   |   SITE MAP
SYS-CON EVENTS  |  AJAXWorld Conference & Expo  |  iPhone Developer Summit  |  OpenWeb Developer Summit  |  SOA World Conference & Expo  |  Virtualization Conference & Expo
INTERNATIONAL SITES:   India  |  U.K.  |  Canada  |  Germany  |  France  |  Australia  |  Italy  |  Spain  |  Netherlands  |  Brazil  |  Belgium
 Terms of Use & Our Privacy Statement     About Newsfeeds / Video Feeds
Copyright ©1994-2008 SYS-CON Publications, Inc. All Rights Reserved. All marks are trademarks of SYS-CON Media.
Reproduction in whole or in part in any form or medium without express written permission of SYS-CON Publications, Inc. is prohibited.