spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / 3d / lesson107

Lesson 107 - Designing Web 3D Interfaces - Part 2

Developer News
Google Chrome Playing Catch-Up on Extensions
Open Solutions Alliance Gets New Leadership
Red Hat Spacewalk Expands Linux Management

The most significant aspect of this project was the 2D interface. Shout3D allows you to perform 2D graphics operations on top of the rendered 3D image. I used this technique to create a color palette – a column of swatches that the user clicks to the change the color of the sink and the background gradient. Note how the name of the chosen color appears as a label in the upper left-hand corner.

A project like this makes clear how much Web 3D merges issues of graphical design with interface design. The interface should support the overall graphical look, and should ideally integrate into the display graphics. From a programming standpoint, this project involved substantial communication between the Java class implementing the 2D interface elements (including the pop-up informational menu) and the Java class that controlled the 3D display. The advantages of object-oriented programming were clear here. It would be easy to modify the interface with new colors and text content to apply to any other project.

The most ambitious project for the book was inspired by conversations with architects. I was told that simple 3D walk-throughs of architectural spaces were often unsatisfactory, especially when communicating with clients. Architects think primarily in terms of floorplans, so I designed an interface in which users position themselves in an (overhead) plan view, and refer to the 3D rendering for understanding. The following image is reduced. Click on it to load the full project in a separate window in which the application will fill the entire height of your screen.

Once again, take some time to play with this yourself. Make sure that you've closed the previous project because two big Java applets running at once is a bit too taxing for most systems.

To Continue to Part 3, or Return to Part 1, Use Arrow Buttons


internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks

Symantec Whitepaper: Converging System and Data Protection for Complete Disaster Recovery
Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms
PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
  Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Symantec Whitepaper: Comprehensive Backup and Recovery of VMware Virtual Infrastructure
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP · Working with the DOM Stylesheets Collection
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Review: Lenovo ThinkPad SL300 · OCZ PC3-10666 Gold 2x1GB Review · Apple Recommends Antivirus for Macs

Created: December 4, 2000
Revised: December 4, 2000

URL: http://webreference.com/3d/lesson107/2.html