SlideShare una empresa de Scribd logo
1 de 18
3D on the Web (3d internet)


Vikas sarwara
11092007
mmec
Overview
 What is 3D internet?
 Applications (why 3D internet is important)
 History (where we’ve been)
 Current Status (where we are)
 The Future (where we’re going)
What is 3D internet?
 Combination of two powerful forces
 • the internet
 • 3D graphics
 The result: interactive, realtime 3D
 graphics delivered over the web.
Why now?
 Until recently, there were two problems:
 • slow computers
 • slow connections
 Downloading 3D content took a long time
 Once downloaded, it ran very slowly
 Quality of the graphics was poor
What’s Changed?
 Increased bandwidth into the home
 • cable modems
 • DSL
 Increased processor speed
 • 1 ghz and beyond
 Graphics accelerators
 • installed on all new machines
 • able to provide fast, high-quality graphics
Applications
 E-commerce
 •   product visualization
 •   3D virtual shops
 •   interactive demos
 •   3D “banner ads”
 Training
 • web-based training using interactive 3D
Applications (cont’d)
 Games
  • multi-player, fully 3D (e.g. Sony Everquest)
 Entertainment
  • streaming 3D animation (much lower
    bandwidth than video, can run full-screen, can
    have interactivity)
 Social Interaction
  • 3D chat spaces
Applications (cont’d)
 Education
  •   virtual “field trips”
  •   distance education as well as on-campus
  •   virtual “experiments” for physical sciences
  •   historical recreations for social sciences
  •   3D data visualization for various fields
3D Web Technologies (3/13/12)
 3D Dreams (www.doitin3d.com)
 3D Groove (www.3dgroove.com)
 Alice (www.alice.org)
 Anfy 3D (www.anfy3d.com)
 Atomic 3D (www.atomic3d.com)
 Blaxxun3D (www.blaxxun.com)
 Cult3D (www.cycore.com)
Design
 How can 3D help me convey my message?
 What visual form should the 3D content
 take? (What is my metaphor?)
 What kinds of 3D objects are needed?
 How will they move?
 How will the user interact with them?
Animation and Interactivity
 Can be created in 3D authoring application
 and exported
 Can be created in a separate authoring tool
 (e.g. Pulse, Cult3D)
 Can be created using standard Javascript
 (Blaxxun3D, Shout3D)
 Advantages and disadvantages to each
 approach
Polishing
 Add sound, music if appropriate
 User actions should often have sound
 Put in context by creating a surrounding
 HTML page
 Add links to additional information pages
The Content Creation Team
 3D modelers
 •   fairly specialized skill
 •   different modelers know different packages
 •   can also create 3D content from scanning
 •   3D “clip art” also available
 2D artists
 •   probably already in-house for web page art
 •   generally use PhotoShop or PaintShop Pro
Content Creation Team (con’td)
 Sound/music specialists
 • probably available in-house
 • must adapt skills to Web3D context
 Animators
 • often same as modelers
 • must be able to design for interaction
 Programmers
 • Javascript, Java both common
Example -- Forest Walk
 Forest created by Andrew Reitmeyer for the
 VRML Dream project
 Simply uploaded the VRML file to a web site
 and wrote a short HTML page to use
 Shout3D’s “walk” viewer applet on it
 Total time -- 10 minutes!
 Building the forest itself took a bit longer
Here’s the HTML
<body bgcolor="#000000" text="#FFFFFF">
<center>

<applet width=300 height=250
    codebase="../common/shout3d"
    archive="shout3dClasses.zip"
    code="applets/WalkApplet.class">
    <param name=src value="forest.wrl">
</applet>

<br><i>Use the mouse to walk through the world</i>
</center>
</body>
Key Points
 Simple 3D web sites can be easy to create
 Good 3D content can be compelling
 You need to build a good team
 Try to leverage existing 3D content
 wherever possible
3d internet

Más contenido relacionado

La actualidad más candente

Seminar on 3 d internet
Seminar on 3 d internetSeminar on 3 d internet
Seminar on 3 d internet
Pabitra Padhy
 

La actualidad más candente (19)

3D internet
3D  internet3D  internet
3D internet
 
3 d internet report
3 d internet report3 d internet report
3 d internet report
 
3D INTERNET
3D INTERNET3D INTERNET
3D INTERNET
 
3d Internet - A Brief Overview 08
3d Internet - A Brief Overview 083d Internet - A Brief Overview 08
3d Internet - A Brief Overview 08
 
3d internet
3d internet3d internet
3d internet
 
Seminar_3D INTERNET
Seminar_3D INTERNETSeminar_3D INTERNET
Seminar_3D INTERNET
 
3D Internet
3D Internet3D Internet
3D Internet
 
3D Internet
3D Internet3D Internet
3D Internet
 
Seminar on 3 d internet
Seminar on 3 d internetSeminar on 3 d internet
Seminar on 3 d internet
 
Abhi ppt
Abhi pptAbhi ppt
Abhi ppt
 
towards 3d internet
towards 3d internettowards 3d internet
towards 3d internet
 
3D Internet
3D Internet3D Internet
3D Internet
 
3d internet
3d internet3d internet
3d internet
 
3 d internet
3 d internet3 d internet
3 d internet
 
3 d internet(final)
3 d internet(final)3 d internet(final)
3 d internet(final)
 
3D INTERNET
3D INTERNET3D INTERNET
3D INTERNET
 
3D Internet
3D Internet3D Internet
3D Internet
 
3D Internet
3D Internet3D Internet
3D Internet
 
3D Internet Report
3D Internet Report3D Internet Report
3D Internet Report
 

Similar a 3d internet

Web3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCIWeb3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCI
Victor Porof
 
Android slides
Android slidesAndroid slides
Android slides
aazimmolvi
 

Similar a 3d internet (20)

Web3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCIWeb3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCI
 
3d computing
3d computing3d computing
3d computing
 
3 D Internet
3 D Internet3 D Internet
3 D Internet
 
3d internet ppt.pdf
3d internet ppt.pdf3d internet ppt.pdf
3d internet ppt.pdf
 
3D Internet
3D Internet3D Internet
3D Internet
 
3D INTERNET PAVAN N.pdf
3D INTERNET PAVAN N.pdf3D INTERNET PAVAN N.pdf
3D INTERNET PAVAN N.pdf
 
3D INTERNET
3D INTERNET3D INTERNET
3D INTERNET
 
3d internet
3d internet3d internet
3d internet
 
3D Internet
3D Internet3D Internet
3D Internet
 
3D Internet
3D Internet3D Internet
3D Internet
 
3D internet
 3D internet 3D internet
3D internet
 
Responsive Web Design - Devoxx UK - 2014-06-13
Responsive Web Design - Devoxx UK - 2014-06-13Responsive Web Design - Devoxx UK - 2014-06-13
Responsive Web Design - Devoxx UK - 2014-06-13
 
3D Internet
3D Internet3D Internet
3D Internet
 
3D Internet
3D Internet3D Internet
3D Internet
 
Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18
 
Android slides
Android slidesAndroid slides
Android slides
 
Android slides
Android slidesAndroid slides
Android slides
 
Android slides
Android slidesAndroid slides
Android slides
 
Android slides
Android slidesAndroid slides
Android slides
 
Responsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and TechniquesResponsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and Techniques
 

3d internet

  • 1. 3D on the Web (3d internet) Vikas sarwara 11092007 mmec
  • 2. Overview What is 3D internet? Applications (why 3D internet is important) History (where we’ve been) Current Status (where we are) The Future (where we’re going)
  • 3. What is 3D internet? Combination of two powerful forces • the internet • 3D graphics The result: interactive, realtime 3D graphics delivered over the web.
  • 4. Why now? Until recently, there were two problems: • slow computers • slow connections Downloading 3D content took a long time Once downloaded, it ran very slowly Quality of the graphics was poor
  • 5. What’s Changed? Increased bandwidth into the home • cable modems • DSL Increased processor speed • 1 ghz and beyond Graphics accelerators • installed on all new machines • able to provide fast, high-quality graphics
  • 6. Applications E-commerce • product visualization • 3D virtual shops • interactive demos • 3D “banner ads” Training • web-based training using interactive 3D
  • 7. Applications (cont’d) Games • multi-player, fully 3D (e.g. Sony Everquest) Entertainment • streaming 3D animation (much lower bandwidth than video, can run full-screen, can have interactivity) Social Interaction • 3D chat spaces
  • 8. Applications (cont’d) Education • virtual “field trips” • distance education as well as on-campus • virtual “experiments” for physical sciences • historical recreations for social sciences • 3D data visualization for various fields
  • 9. 3D Web Technologies (3/13/12) 3D Dreams (www.doitin3d.com) 3D Groove (www.3dgroove.com) Alice (www.alice.org) Anfy 3D (www.anfy3d.com) Atomic 3D (www.atomic3d.com) Blaxxun3D (www.blaxxun.com) Cult3D (www.cycore.com)
  • 10. Design How can 3D help me convey my message? What visual form should the 3D content take? (What is my metaphor?) What kinds of 3D objects are needed? How will they move? How will the user interact with them?
  • 11. Animation and Interactivity Can be created in 3D authoring application and exported Can be created in a separate authoring tool (e.g. Pulse, Cult3D) Can be created using standard Javascript (Blaxxun3D, Shout3D) Advantages and disadvantages to each approach
  • 12. Polishing Add sound, music if appropriate User actions should often have sound Put in context by creating a surrounding HTML page Add links to additional information pages
  • 13. The Content Creation Team 3D modelers • fairly specialized skill • different modelers know different packages • can also create 3D content from scanning • 3D “clip art” also available 2D artists • probably already in-house for web page art • generally use PhotoShop or PaintShop Pro
  • 14. Content Creation Team (con’td) Sound/music specialists • probably available in-house • must adapt skills to Web3D context Animators • often same as modelers • must be able to design for interaction Programmers • Javascript, Java both common
  • 15. Example -- Forest Walk Forest created by Andrew Reitmeyer for the VRML Dream project Simply uploaded the VRML file to a web site and wrote a short HTML page to use Shout3D’s “walk” viewer applet on it Total time -- 10 minutes! Building the forest itself took a bit longer
  • 16. Here’s the HTML <body bgcolor="#000000" text="#FFFFFF"> <center> <applet width=300 height=250 codebase="../common/shout3d" archive="shout3dClasses.zip" code="applets/WalkApplet.class"> <param name=src value="forest.wrl"> </applet> <br><i>Use the mouse to walk through the world</i> </center> </body>
  • 17. Key Points Simple 3D web sites can be easy to create Good 3D content can be compelling You need to build a good team Try to leverage existing 3D content wherever possible