CSC 890 Advanced Computer Graphics (Web3D System Design and Development) Ilmi Yoon Monday 4:10 - 6:45.

Slides:



Advertisements
Similar presentations
© TMC Computer School HC20203 VRML HIGHER DIPLOMA IN COMPUTING Chapter 1 – Introduction to VRML.
Advertisements

X3D Introduction to Web3D technology Enkhbold N. Information Communication University.
Project 1 Introduction to HTML.
Welcome to 3D §The 3D graphics pipeline §Rigid-body transform §Homogeneous coordinates §Viewing transformation §Projection §Illumination.
B.Sc. Multimedia ComputingMedia Technologies 3D Technologies for the Web.
Virtual reality interfaces in connection with building process simulations. Prof. Nash Dawood Centre for Construction Innovation Research University of.
Multimedia and the WWW Howell Istance and Chris Hand, Napier University.
An Overview of VRML §Scene Graph Structure VRML files describe 3D objects and worlds using a hierarchical scene graph. Entities in the scene graph are.
© De Montfort University, D Graphics and VRML Howell Istance and Chris Hand* De Montfort University * now at
Embedding - for better collaborations - Toshiyuki Takahei RIKEN.
University College Dublin1 Scope ROOT Light SourceTransform Light SourceSphere.
3D on-line representations Jan Valcik → introduction, main idea → VRML 97 → building of virtual worlds → VRML 97 at work → X3D → MUDVR → animations, navigation.
WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Future of 3D Graphics on the WWW. Introduction Problem: Access powerful graphics on Internet Example: Online Games Online Virtual Reality Tour Solution:
IT 342 : Fundamentals of Multimedia Introduction & Multimedia Authoring.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
1st Project Introduction to HTML.
HYPERTEXT MARKUP LANGUAGE (HTML)
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
1 Introduction to Multimedia What is Multimedia. 1
INTRODUCTION TO WEB DATABASE PROGRAMMING
Adaptive 3D Web Sites by by Luca Chittaro and Roberto Ranon MAJ(P) Charles E. Grindle 7 Dec 05.
1 Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
GIS technologies and Web Mapping Services
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
BY SELVAMUTHUKUMAR.T( ) KAUSHIK.G( ) INFORMATION TECHNOLOGY R.M.K. ENGINEERING COLLEGE,
16-1 The World Wide Web The Web An infrastructure of distributed information combined with software that uses networks as a vehicle to exchange that information.
CPS120: Introduction to Computer Science The World Wide Web Nell Dale John Lewis.
VRML Dr. Alun Moon What is VRML The Virtual Reality Modeling Language (VRML) is a file format for describing interactive 3D objects.
Discovering Computers 2010 Chapter 2 The Internet and World Wide Web.
VRML - 1 Virtual Reality Modeling Language (VRML) Peter O’Grady.
Yingcai Xiao Chapter 12 Visualization on the Web.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
20-753: Fundamentals of Web Programming 1 Lecture 1: Introduction Fundamentals of Web Programming Lecture 1: Introduction.
Silverlight Technology. Table of Contents 1.What is Silverlight Technology? 2.Silverlight Overview. 2.1 How it works 2.2 Silverlight development tools.
History of VRML and Its Development Process. Learning Objectives Understand the history of VRML Understand the purpose and functions of VRML Learn how.
Discovering Computers Fundamentals, Third Edition CGS 1000 Introduction to Computers and Technology Spring 2007.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
1 Computer Graphics Week2 –Creating a Picture. Steps for creating a picture Creating a model Perform necessary transformation Lighting and rendering the.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
B.Sc. Digital Media3D Technologies for the Web 3D Technologies.
Multimedia and the Web.
Interface Opportunities for 3D Data and Media User Interface Software TechNote Panel Virginia Tech CS Fall 2002 Nicholas F. Polys Umur Yilmaz Will Lee.
© TMC Computer School HC20203 VRML HIGHER DIPLOMA IN COMPUTING Chapter 2 – Basic VRML.
Subject Name: Computer Graphics Subject Code: Textbook: “Computer Graphics”, C Version By Hearn and Baker Credits: 6 1.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
WEB 3D – A PEEK UNDER THE HOOD Keerti Joshi. W HAT ’ S THE FUTURE ? Web 3.0 = ?? The Web ain't just for 2D any more !
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
VIRTUAL REALITY (VR) INTRODUCTION AND BASIC APPLICATIONS الواقع الافتراضي : مقدمة وتطبيقات Dr. Naji Shukri Alzaza Assist. Prof. of Mobile technology Dean.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
X3DOM : Integrating 3D content seamlessly into webpage
Chapter 10 Multimedia and the Web.
MPEG-4 Binary Information for Scenes (BIFS)
Tutorial 7 Working with Multimedia
.NET and .NET Core 7. XAML Pan Wuming 2017.
Chapter 27 WWW and HTTP.
Silverlight Technology
Group 8 Nurul Fathiyah Abdul Muen
Introduction to spagetti and meatballs
Presentation transcript:

CSC 890 Advanced Computer Graphics (Web3D System Design and Development) Ilmi Yoon Monday 4:10 - 6:45

Survey on your CG related background §Basic Concept (Transformation, Camera, Projection, Rendering, Shading) §Software Tools (3D Studio Max, Maya, Alias, Director, VRML) §Library (OpenGL, Open Inventor, Renderman, directX, Java3D) §Advanced Issues (Animation, Rendering Acceleration, Geometry Compression, Global Illumination, Simulation, IBR…)

Basic Rendering Pipeline Data Base of 3D Models Visibilit y Culling Shadin g Transfor mation Projectio n Clipping & Display image  1V1V 1R1R N L  

Computer Graphics Area §Business models: Entertainment, Game, Education, Scientific Research, Medical, Industry, Web3D §Technical Categories l Rendering enhancement (Algorithm, hardware) l Simulation and rendering (natural phenomena, facial expression, hair, wrinkle, clothes, etc.) l 3D model acquisition l Volume/Isosurface rendering l Motion capture l...

Web3D §What is Web3D? l Interactive 3D graphics over WWW/Internet l Why is it different from traditional CG? l What is the future of Web3D? l What is the current business models of Web3D? E-commerce site (Viewpoint, Shout3D, Shockwave …) 3D cyber space (Blakxxon, ActiveWorld …) l Technical challenges of Web3D Bandwidth (geometry + texture) Real time rendering User Interface Design Compatibility

VRML( Virtual Reality Modeling Language ) §Online resource: §VRML is simply a 3D interchange format. l It defines most of the commonly used semantics found in today's 3D applications such as hierarchical transformations, light sources, viewpoints, geometry, animation, fog, material properties, and texture mapping. One of the primary goals in designing VRML was to ensure that it at least succeeded as an effective 3D file interchange format. §VRML is a 3D analog to HTML. l This means that VRML serves as a simple, multiplatform language for publishing 3D Web pages. This is motivated by the fact that some information is best experienced three dimensionally, such as games, engineering and scientific visualizations, educational experiences, and architecture. Typically these types of projects require intensive interaction, animation, and user participation and exploration beyond what is capable with a page-, text-, or image-based format (i.e., HTML).

VRML §VRML provides the technology that integrates three dimensions, two dimensions, text, and multimedia into a coherent model. l When these media types are combined with scripting languages and Internet capabilities, an entirely new genre of interactive applications are possible. §VRML is the foundation for cyberspace and the on-line virtual communities l VRML does not yet define the networking and database protocols necessary for true multiuser simu-lations

VRML §File format + ftp + rendering on the client side (plug-in) §VRML is based on the Open Inventor file format l does not define an application programmer interface (API). §Base of MPEG 4 ( & Java3D)

History of VRML & Web3D §In 1992 the Iris Inventor 3D toolkit was released as the first product of these efforts. Iris Inventor was a C++ toolkit that defined many of the semantics found in VRML today §In 1994 Mark Pesce and Tony Parisi built an early prototype of a 3D browser for the WWW ( created the VRML mailing list, www-vrml, and issued a call for proposals for a formal specification for 3D on the WWW) §VRML 1.0 was missing key features (animation, interaction, and behavior) §At its July 1996 meeting in Kyoto, the International Standards Organization's (ISO) JTC1/SC24 committee agreed to publish the August 1996 version of VRML 2.0

VRML + etc §VRML files may contain references to files in many other standard formats. JPEG, PNG, GIF, and MPEG files may be used as texture maps on objects. WAV and MIDI files may be used to specify sound that is emitted in the world. Files containing Java or JavaScript code may be referenced and used to implement programmed behavior for the objects in your worlds. Each of these is an independent standard, chosen to be used with VRML because of its widespread use on the Internet.

VRML + HTML + Java  VRML file inside an HTML file: This is a semistandard part of HTML using the or HTML tag, although HTML does not require that HTML browsers support embedding of VRML files (or any other type of file) into HTML documents.  Java code inside a VRML file: This is a standard (although not required) part of VRML 2.0, using a Script node that refers to the compiled Java code. §Java applet communicating with a VRML browser: This is a not-yet-standard extension to VRML 2.0 known as the External Authoring Interface (EAI). At some time in the future it will probably become a standard (but perhaps not required) part of VRML.

 Java classes corresponding to VRML nodes : Several companies are developing programming toolkits that define in- memory representations of VRML nodes that can be used in any way the programmer wishes. These can be extremely useful when implementing VRML browsers or VRML tools, but none are yet a standard part of either VRML or Java.  HTML file inside a VRML file : Using an HTML file as a texture map to display it inside a 3D world would be an interesting extension to VRML, but it is not yet supported by any VRML browser and is not part of VRML 2.0.  Java applet inside a VRML file : Using a Java applet as a texture map to display the Java program inside the 3D world would also be an interesting extension. Interaction with the Java program could also be supported by projecting pointing device motion onto the applet. However, this also is not supported and is not part of VRML 2.0.

An Overview of VRML §Scene Graph Structure VRML files describe 3D objects and worlds using a hierarchical scene graph. Entities in the scene graph are called nodes. VRML 2.0 defines 54 different node types, including geometry primitives, appearance properties, sound and sound properties, and various types of grouping nodes. Nodes store their data in fields, and VRML 2.0 defines 20 different types of fields that can be used to store everything from a single number (the SFFloat field type) to an array of 3D rotations (the MFRotation field type). §Event Architecture VRML 2.0 defines an event or message-passing mechanism by which nodes in the scene graph can communicate with each other. Each node type defines the names and types of events that instances of that type may generate or receive, and ROUTE statements define event paths between event generators and receivers. §Sensors are the basic user interaction and animation primitives of VRML. The TimeSensor node generates events as time passes and is the basis for all animated behaviors. Other sensors are the basis for all user interaction, generating events as the viewer moves through the world or when the user interacts with some input device. Sensors only generate events; they must be combined with other nodes via ROUTE statements to have any visible effect on the scene.

§Script nodes can be inserted between event generators (typically sensor nodes) and event receivers. Scripts allow the world creator to define arbitrary behaviors, defined in any supported scripting language. The VRML 2.0 specification defines Script node bindings for the Java and JavaScript languages. §Interpolator nodes are essentially built-in scripts that perform simple animation calculations. They are usually combined with a TimeSensor and some node in the scene graph to make objects move. §Prototyping: Encapsulation and Reuse VRML 2.0 includes a prototyping mechanism for encapsulating and reusing a scene graph (the PROTO statement). Geometry, properties, and animations or behaviors can be encapsulated, either separately or together. Prototyping allows the definition of a new node type in terms of a combination of existing node types, which can make VRML easier to use and can reduce the size of VRML files. §Distributed Scenes VRML 2.0 includes two primitives that allow a single VRML world definition to span the WWW. The Inline node allows the inclusion of another VRML file stored anywhere on the Web and the EXTERNPROTO statement allows new node definitions to be fetched from anywhere on the WWW. More generally, EXTERNPROTO allows nodes to be defined external to the VRML file and it is the basic extensibility mechanism for VRML.

For your inspiration…. §Electronic theater Siggraph ‘2001….