Difference between revisions of "X3D and HTML5 examples"
From Web3D.org
| Line 9: | Line 9: | ||
* <b>Draft Example #2, embedded using object element. </b> | * <b>Draft Example #2, embedded using object element. </b> | ||
| − | <object name='x3d' type='model/x3d+xml' allow-same-origin allow-scripts> | + | <object name='x3d' type='model/x3d+xml' |
| − | + | allow-same-origin allow-scripts> | |
| + | <param name='src' value='aScene.x3d'> | ||
<table>...</table> | <table>...</table> | ||
| − | + | </object> | |
* Opens nested browsing context in parent block element. | * Opens nested browsing context in parent block element. | ||
| − | * Fallback to html table. | + | * Fallback to html. (table in this case.) |
* Connections with DOM via event listeners (DOM<=>SAI). | * Connections with DOM via event listeners (DOM<=>SAI). | ||
* Set of negotiated <param> pairs: initialization and runtime. | * Set of negotiated <param> pairs: initialization and runtime. | ||
| Line 22: | Line 23: | ||
<?xml version="1.0" encoding="utf-8" ?> | <?xml version="1.0" encoding="utf-8" ?> | ||
| − | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
| + | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
| Line 30: | Line 32: | ||
</head> | </head> | ||
<body> | <body> | ||
| − | <x3d:x3d xmlns:x3d="http://www.web3d.org/specifications/x3d-3.2.xsd"> | + | <x3d:x3d |
| + | xmlns:x3d= | ||
| + | "http://www.web3d.org/specifications/x3d-3.2.xsd"> | ||
<Scene> | <Scene> | ||
<Shape> | <Shape> | ||
Revision as of 16:59, 14 October 2009
- Draft Example #1, Anchor link to new document
<a href='aScene.x3d' title='A new X3D document.window'>Enter My Scene</a>
- html anchor link.
- In this case the host browser uses whatever it has access to in order to create a new window browsing context for the target .x3d resource.
- Draft Example #2, embedded using object element.
<object name='x3d' type='model/x3d+xml'
allow-same-origin allow-scripts>
<param name='src' value='aScene.x3d'>
<table>...</table>
</object>
- Opens nested browsing context in parent block element.
- Fallback to html. (table in this case.)
- Connections with DOM via event listeners (DOM<=>SAI).
- Set of negotiated <param> pairs: initialization and runtime.
- Draft Example #3, served as application/xhtml+xml
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type=text/css'>
x3d:X3D { height:200px;width:200px; }
</style>
</head>
<body>
<x3d:x3d
xmlns:x3d=
"http://www.web3d.org/specifications/x3d-3.2.xsd">
<Scene>
<Shape>
<Box size="4 4 4" />
</Shape>
<Shape>
<Text string='"This is X3D Text"' />
</Shape>
</Scene>
</x3d:x3d>
</body>
</html>
- Draft Example #4, served as text/html
<!DOCTYPE html>
<html>
<head>
<style type=text/css'>
X3D { height:200px;width:200px; }
</style>
</head>
<body>
<X3D>
<Scene>
<Shape>
<Box size="4 4 4" />
</Shape>
<Shape>
<Text string='"This is X3D Text"' />
</Shape>
</Scene>
</X3D>
</body>
</html>
