3D-Objekte in Webseiten: Unterschied zwischen den Versionen
Len (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Len (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
im X3D-Format kann ein 3D-Objekt in eine HTMl-Datei eingebunden werden. Blender hat eine Schittstelle, um Objekte in das X3D-Format zu exportieren. | |||
Beipiel: [https://www.wikidental.de/x3d/markus.html X3D in HTML eingebettet] | |||
So sieht der HTML-Code dazu aus: | |||
<pre> | <pre> | ||
<!DOCTYPE HTML> | <!DOCTYPE HTML> | ||
<html> | <html> | ||
<head> | <head> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/> | <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | ||
<title>Markus X3D</title> | <title>Markus X3D</title> | ||
<meta charset="utf-8" /> | |||
<script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script> | <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script> | ||
<link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'/> | <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'/> | ||
</head> | </head> | ||
<body> | <body> | ||
<h1>X3D-Objekt in HTML5</h1> | <h1>X3D-Objekt in HTML5</h1> | ||
<x3d width='500px' height='400px'> | <x3d width='500px' height='400px'> | ||
<scene> | <scene> | ||
<inline url="markus.x3d"> </inline> | <inline url="markus.x3d"> </inline> | ||
</scene> | </scene> | ||
</x3d> | </x3d> | ||
</body> | </body> | ||
</pre> | </pre> | ||
Aktuelle Version vom 12. März 2022, 23:33 Uhr
im X3D-Format kann ein 3D-Objekt in eine HTMl-Datei eingebunden werden. Blender hat eine Schittstelle, um Objekte in das X3D-Format zu exportieren.
Beipiel: X3D in HTML eingebettet
So sieht der HTML-Code dazu aus:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>Markus X3D</title>
<meta charset="utf-8" />
<script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script>
<link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'/>
</head>
<body>
<h1>X3D-Objekt in HTML5</h1>
<x3d width='500px' height='400px'>
<scene>
<inline url="markus.x3d"> </inline>
</scene>
</x3d>
</body>