3D on the Web Why We Need Declarative 3D Arguments for an W3C Incubator Group

Similar documents
3D-Visualisierung im Internet

Etanova Enterprise Solutions

WebGL Meetup GDC Copyright Khronos Group, Page 1

X3DOM Getting declarative (X)3D into HTML

Publishing 3D contents on the Web: An Introduction

AR Standards Update Austin, March 2012

Visual HTML5. Human Information Interaction for Knowledge Extraction, Interaction, Utilization, Decision making HI-I-KEIUD

XML3D: interactive 3D graphics for the web

Fulfilling the Mandate of Information Durability and Access. Nov 2, 2018

Configurable Instances of 3D Models for Declarative 3D in the Web

Khronos and the Mobile Ecosystem

WebGL, WebCL and Beyond!

Introduction to XML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Dept. of Computer Engineering Khon Kaen University

Copyright Khronos Group Page 1

Introduction to XML 3/14/12. Introduction to XML

Next Generation OpenGL Neil Trevett Khronos President NVIDIA VP Mobile Copyright Khronos Group Page 1

An Open Modular Architecture for Effective Integration of Virtual Worlds in the Web

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript

Website Report for colourways.com.au

WebGL (Web Graphics Library) is the new standard for 3D graphics on the Web, designed for rendering 2D graphics and interactive 3D graphics.

DECLARATIVE AR IN THE WEB WITH XML3D & XFLOW. By Felix Klein

APPROACH FOR MESH OPTIMIZATION AND 3D WEB VISUALIZATION

Website Report for

3D webservices - where do we stand? Emmanuel Belo

WebSphere Puts Business In Motion. Put People In Motion With Mobile Apps

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1

Website Report for facebook.com

Index LICENSED PRODUCT NOT FOR RESALE

Website Report for test.com

Delivery Options: Attend face-to-face in the classroom or via remote-live attendance.

Efficient Binary Meshes in X3DOM refined: Not just images anymore!

1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018

Towards Declarative 3D in Web Architecture Jean Le Feuvre

Internet Standards for the Web: Part II

Website Report for bangaloregastro.com

CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist. ( Add-On ) 16 Sep 2018

MyMobileWeb project's position

AIM. 10 September

<Insert Picture Here> JavaFX 2.0

the web as it should be Martin Beeby

WHAT S NEW IN QLIKVIEW 11

Fixed Size Ad Specifications

WebGL Seminar: O3D. Alexander Lokhman Tampere University of Technology

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.

Unit code: J/601/1286 QCF Level 4: BTEC Higher National Credit value: 15

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

Future of X3D: X3D version 4 with HTML5/DOM

HTML5 in Action ROB CROWTHER JOE LENNON ASH BLUE GREG WANISH MANNING SHELTER ISLAND

Declarative AR in the Web with XML3D and Xflow

The Business Value of Open Standards. Michael(tm) Smith

Qiufeng Zhu Advanced User Interface Spring 2017

CodeValue. C ollege. Prerequisites: Basic knowledge of web development and especially JavaScript.

SIGGRAPH Briefing August 2014

HTML5 Evolution and Development. Matt Spencer UI & Browser Marketing Manager

WebGL, WebCL and OpenCL

Java FX 2.0. Dr. Stefan Schneider Oracle Deutschland Walldorf-Baden

20480C: Programming in HTML5 with JavaScript and CSS3. Course Code: 20480C; Duration: 5 days; Instructor-led. JavaScript code.

Customizing the Blackboard Learn UI & Tag Libraries. George Kroner, Developer Relations Engineer

The Ultimate Developers Toolkit. Jonathan Zarge Dan Ginsburg

Shaders : the sky is the limit Sébastien Dominé NVIDIA Richard Stenson SCEA

Delivery Options: Attend face-to-face in the classroom or remote-live attendance.

HTML 5 and CSS 3, Illustrated Complete. Unit M: Integrating Social Media Tools

Developing a Reference Model for Augmented Reality. 5th International AR Standards Community Meeting 19 March 2012

Cleveland State University Department of Electrical and Computer Engineering. CIS 408: Internet Computing

EnGiNeErInG HtMl5 applications for better performance

Pipeline Integration with FX Composer. Chris Maughan NVIDIA Corporation

Part of this connection identifies how the response can / should be provided to the client code via the use of a callback routine.

WebGL and the Three-D Internet. Hugh Fisher CECS ANU 2013

OpenGL BOF Siggraph 2011

Lecture 2. Shaders, GLSL and GPGPU

Technical Communication A Practical Approach: Chapter 11: Web Pages and

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.

Create-A-Page Design Documentation

Embracing HTML5 CSS </> JS javascript AJAX. A Piece of the Document Viewing Puzzle

Software Programming in IPT using a Simplified AJAX Architecture. 9/27/2013 Dave McGuinness

Adding Advanced Shader Features and Handling Fragmentation

Coding OpenGL ES 3.0 for Better Graphics Quality

Water Simulation on WebGL and Three.js

Introduction to JavaScript p. 1 JavaScript Myths p. 2 Versions of JavaScript p. 2 Client-Side JavaScript p. 3 JavaScript in Other Contexts p.

Graphics Programming. Computer Graphics, VT 2016 Lecture 2, Chapter 2. Fredrik Nysjö Centre for Image analysis Uppsala University

Modern and Responsive Mobile-enabled Web Applications

Layered UI and Adaptation Policies for Ubiquitous Web Applications

Metadata Requirements for Digital Museum Environments

Reasoning with Style

Mobile AR Hardware Futures

Web Development IB PRECISION EXAMS

Web Site Development with HTML/JavaScrip

GRITS AJAX & GWT. Trey Roby. GRITS 5/14/09 Roby - 1

TSBK 07! Computer Graphics! Ingemar Ragnemalm, ISY

Publishing Technology 101 A Journal Publishing Primer. Mike Hepp Director, Technology Strategy Dartmouth Journal Services

Full Stack Web Developer

City of Mobile GIS Web Mapping Applications: New Technology, New Expectations

Open Standards for Today s Gaming Industry

Effective Web Site: Global Standards and Best Practices

Basics of Web. First published on 3 July 2012 This is the 7 h Revised edition

v0.9.3 Tim Neil Director, Application Platform & Tools Product

Advance Mobile& Web Application development using Angular and Native Script

Firefox for Android. Reviewer s Guide. Contact us:

Chapter 5: Networking and the Internet

Tizen Framework (Tizen Ver. 2.3)

Transcription:

3D on the Web Why We Need Declarative 3D Arguments for an W3C Incubator Group Philipp Slusallek Johannes Behr Kristian Sons German Research Center for Artificial Intelligence (DFKI) Intel Visual Computing Institute Saarland University

Agenda: 3D on the Web Why We Need Declarative 3D Philipp Slusallek, DFKI & IVCI Overview of XML3D Kristian Sons, DFKI Overview of X3DOM Johannes Behr, IGD Open Discussion All of us

Executive Summary: 3D for the Web 3D graphics is hampered by limited availability 3D technology and games are everywhere But sharing of 3D content is severely limited Web allows sharing 3D content (just like video) Extend Web/HTML5 with interactive 3D graphics Provide industrial-strength graphics capabilities Provide space for innovation above OpenGL/DX Need to adapt 3D graphics for the Web Must work for non-experts (its a means, not a goal) Provide easy 3D for millions of Web developers W3C: Important role for 3D on the Web

Why Not Just Use? VRML/X3D Not compatible with HTML, separate format & files Many new and incompatible concepts DAG vs. tree, own scripting (S/EAI), own event model, Collada Exchange format, not designed for interaction/web WebGL Low level API only, hard on Web developers Not indexable or searchable Many new scene graph APIs, why not use the DOM? Limited to OpenGL ES 2.0 (2007), closely tied to HW W3C: Declarative answer for 3D on the Web

But What About Content Creation? Video Easy: point & click with video camera/mobile phone 3D Graphics Initial creation of a 3D model is hard But computer vision research is making good progress 3D from images, laser scanners, depth cameras, etc. Reuse of content is simple: Network effect The more is available the easier it gets to create new 3D geometry, materials, lights, Index & search becomes vital (needs indexable content) 3D should be in searchable Web documents!

Motivation Compare to Video Technology Technology had been there in the mid 1990ies but nothing happened Video on the Web: YouTube (2005) They allowed anyone to easily add video to the Web Everyone could: create, share, experience video Today: 2 billion views per day Revenue of $1.1 Billion (target for 2011) Can we repeat something similar for 3D?

Motivation 3D graphics is becoming a commodity Embedded GPUs everywhere (e.g. mobile devices) 3D stereo in movies, moving to consumer High-bandwidth (mobile) Internet access Client and server side/cloud rendering But not easily usable for the Web Exclusively focused on games (plus some CAD, etc.) Specialized content for specialized engines (and v.v.) Needs skilled OGL/DX and content developers Need to adapt 3D graphics for Web

New Market Opportunities New cultural and social opportunities Virtual museums, elearning, social interaction, Novel entertainment and gaming markets Online worlds, 3D gaming, interactive movies, Interactive product presentations Product catalogs, online configuration, tourism, Collaborative engineering and interaction Product design, dual reality, production, marketing, Visualization and interaction as a services 3D readily available and easy to use on any device

New Market Opportunities Consequences New business cases (every user, every platform) Needs many more developer 3D-graphics a means, not an end Support arbitrary 3D content Game engines not sufficient industrial strength graphics Developer and users expect things to just work Take advantage of millions of web developers Reuse their skills: Merge graphics into web programming Integration with the rest of the Web technologies Make 3D part of Web document/dom ( search, etc.) Need semantics to go beyond pure graphics data

Proposal: Declarative 3D On The Web Make it easy to add 3D to Web pages Fully integrate 3D content into HTML5 documents Interactive 3D graphics as first class DOM objects Reuse existing Web technology wherever possible Avoid barrier to entry make Web developers feel at home Do not add new concepts, unless absolutely necessary Jump start 3D on the Web Freely provide necessary technology Specification of HTML extensions & standardization Native browser & JS implementations, server side, Tutorials, examples, hosting, Joint initiative with research and industry

Structure of Content: 2D Web Server-Side Application declarative imperative Server Client document request generation asynchronous http access (AJAX) Style Sheets (CSS) reference or inline HTML Document links Content D O M reference or inline access & modification events DOM Script reference reference Style Resources (image, video) Content Interaction

Structure of Content: 2D versus 3D 2D 3D Representation Content text, structure, image, video geometry, structure, shader, texture HTML & resources Style layout, color, font transformations, shader assignment CSS Interaction selection, animation selection, animation DOM scripting

Structure of Content: 2D Web

Integrating 3D into the Web XML DOM HTML5 CSS RDF 3D Javascript SVG AJAX W3C Millions of Web programmers

What s Special About 3D? Visual formatting model not applicable in 3D No Box model for layout in 3D 3D space typically unlimited Not needed, use absolute 3D transformations Re-use of objects (instancing) Possible in SVG, not in HTML Important for geometry, shaders, transformations, Avoid conflicts with CSS inheritance Use relative URLs (fragments) and only CSS

What s Special About 3D? (Cont.) Programmability (shaders) HTML, SVG, and CSS have fixed function shading 3D heavily relies on programmable shaders Would not be competitive without programmability Shader types: material, light, geometry, Need portable solution Many incompatible languages: glsl, HLSL, Renderman, Needs generic data definitions Almost arbitrary input parameters, but fixed types Add special element where needed Assign via CSS as in HTML

What s Special About 3D? (Cont.) Large data sets Much larger than text: 3D geometry, textures, Similar to images/audio in HTML But with rich internal structure DOM DOM APIs are not designed for this: Access is via text Optimized handling in 3D engine No duplicate storage of data (especially not as text) Compression for transfer and parsing (e.g. EXI, FI) Efficiency via optimized management/rendering Data should be stored once on 3D side Access via DOM API extension (typed arrays)

What s Special About 3D? (Cont.) Dynamic changes to data Need efficient processing of large data sets Animation, image processing, physics, Should be able to exploit data parallel HW Power efficiency of Javascript? Declarative and safe exposure of data-parallel HW Interactivity More complex 3D interaction metaphors Different input devices (e.g. multitough, 3D mouse, ) Continuum from basic to application/data-dependent For now: rely on JS libraries

Summary Ongoing Activities German Spitzencluster Project (IGD & DFKI, w/ SAP, ) DFKI EU Future Internet PPP (with Disney, BlackRock, ) GIS-Integration on the Web (Caigos) 3D Characters in Web IGD Cultural Heritage (IGD) Visualization of Simulation Results (IGD) XML3D is focus at Intel Visual Computing Institute: Capturing 3D for Web, Shading, Programming, Gesture, Interaction,

Summary Main take-away 3D will be a hot topic particularly on the Web W3C should play major role for declarative 3D Two fully working prototypes: XML3D and X3DOM DFKI, IVCI, and IGD joining forces Feedback from and interaction with W3C Aim: Launch Incubator Group for discussions Visit http://www.xml3d.org