Zum Inhalt springen

Wiki-Quellcode von 3D-Objekte einbinden

Zuletzt geändert von Carina Enke am 16.05.2024
Zeige letzte Bearbeiter
1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
4 In alle Test- und Aufgabeninhalte können interaktive 3D-Modelle eingebunden werden. Möglich wird dies, durch die Integration von [[x3dom>>url:https://www.x3dom.org/||rel="nofollow" shape="rect" class="external-link"]], einer XML-basierten Beschreibungssprache.
5
6 X3dom ermöglicht die Erstellung und Darstellung von dreidimensionalen Objekten. Mit diesen kann der Teilnehmer interaktiv arbeiten, bspw. die Objekte bewegen oder durch den Autor vorgesehene Aktionen auslösen. Dies ermöglicht insbesondere für Übungs- und Selbstlernszenarien attraktive Angebote.
7
8
9 (% style="text-align: justify;" %)
10 [[image:attach:Editor - 3D Objekt bewegen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
11
12 (% style="text-align: justify;" %)
13 //(Alle Beispielbilder beruhen auf Beispielinhalten die mit freundlicher Unterstützung durch den Lehrstuhl 'Virtuelle Realität und Multimedia' der TU Freiberg bereitgestellt wurden. Sie finden diese Beispielinhalte zum Download auf der Seite [[3D Beispielinhalte>>doc:.Beispielinhalte.WebHome]])//
14
15 (% style="text-align: justify;" %)
16 X3dom ist ein (% style="color:#000000" %)lizenzfreies und offenes Dateiformat.
17 {{/layout-cell}}
18
19 {{layout-cell}}
20 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
21 {{toc start="2"/}}
22
23 **Verwandte Themen**
24
25 * [[Webseiten des x3dom Projektes>>url:https://www.x3dom.org||shape="rect"]]
26
27 **Beispielinhalte**
28
29 * [[3D Beispielinhalte>>doc:.Beispielinhalte.WebHome]]
30
31
32 {{/panel}}
33
34
35 {{/layout-cell}}
36 {{/layout-section}}
37
38 {{layout-section ac:type="single"}}
39 {{layout-cell}}
40 == 3D-Objekt im Editor einbinden ==
41
42 Sie können 3D-Objekte in alle Bereiche einbinden in denen der HTML-Editor verfügbar ist und das 3D-Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_3D.png||data-xwiki-image-style="img-icon"]] zu sehen ist.
43
44 (% class="wrapped" %)
45 |(% style="width:622px" %)(((
46 (% class="content-wrapper" %)
47 (((
48 Öffnen Sie die Aufgabe oder den Test in dem ein 3D-Modell eingebunden werden soll. Klicken Sie auf das [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_3D.png||data-xwiki-image-style="img-icon"]]Icon im Kopfbereich des HTML-Editors.
49 )))
50 )))|(% style="width:611px" %)(((
51 (% class="content-wrapper" %)
52 (((
53 [[image:attach:Editor - 3D Objekt einfügen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
54 )))
55 )))
56 |(% colspan="1" style="width:622px" %)(% colspan="1" %)
57 (((
58 Mit Klick auf dieses Icon öffnet sich ein Dialog zur Eingabe der x3dom Beschreibung. Als einfaches Beispiel ist im Textfeld die x3d Beschreibung einer einfachen Würfeldarstellung hinterlegt.
59
60
61 )))|(% colspan="1" style="width:611px" %)(% colspan="1" %)
62 (((
63 (% class="content-wrapper" %)
64 (((
65 [[image:attach:Editor - x3D Würfelbeschreibung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
66 )))
67 )))
68 |(% colspan="1" style="width:622px" %)(% colspan="1" %)
69 (((
70 Tauschen Sie diesen Inhalt gegen Ihre eigene x3dom-Beschreibung aus. Informationen zur Erstellung von 3D-Elementen in x3dom Notation erhalten Sie auf den[[ Webseiten des x3dom Projektes>>url:https://www.x3dom.org||shape="rect"]].
71
72 Mit Klick auf den Button Fertig wird das Objekt eingefügt.
73
74
75 )))|(% colspan="1" style="width:611px" %)(% colspan="1" %)
76 (((
77 (% class="content-wrapper" %)
78 (((
79 [[image:attach:Editor - 3D Objekt Änderungen speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
80 )))
81 )))
82 |(% colspan="1" style="width:622px" %)(% colspan="1" %)
83 (((
84 (% class="content-wrapper" %)
85 (((
86 Im HTML-Editor wird ein eingefügtes 3D-Objekt mit dem Symbol [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_eingefügtes 3D Objekt.png||data-xwiki-image-style="img-icon" height="25" width="23"]] gekennzeichnet.
87 )))
88 )))|(% colspan="1" style="width:611px" %)(% colspan="1" %)
89 (((
90 (% class="content-wrapper" %)
91 (((
92 [[image:attach:Editor - 3D Objekt im Editor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
93 )))
94 )))
95 |(% colspan="1" style="width:622px" %)(% colspan="1" %)
96 (((
97 Zusätzliche Inhalte können Sie im Tab "Optionen" als externe Dateien hochladen. CSS- und JavaScript-Inhalte werden zur Anzeige automatisch geladen. Medieninhalte können Sie über den Pfad "media/filename" im x3dom referenzieren.
98 )))|(% colspan="1" style="width:611px" %)(% colspan="1" %)
99 (((
100 (% class="content-wrapper" %)
101 (((
102 [[image:attach:Editor - zusätzliche Inhalte für 3D Objekt einfügen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
103 )))
104 )))
105
106 == Interaktivität des 3D-Objekts ausprobieren ==
107
108 Bereits im Editor wird bei der Konfiguration das Objektes im Dialog unter der x3dom-Beschreibung eine verkleinerte Vorschau angezeigt. Eine vollständige Vorschau mit allen eventuell zusätzlichen Medieninhalten erhalten Sie durch Aufruf der Vorschau der erstellten Aufgabe bzw. des Tests. Um das 3D-Objekt zu bewegen, halten Sie den Inhalt mit dem Mauszeiger fest und bewegen den Mauszeiger anschließend in die gewünschte Richtung.
109
110 [[image:attach:Editor - 3D Objekt bewegen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
111
112 == Bestehendes 3D-Objekt bearbeiten ==
113
114 Ein bereits eingebundenes 3D-Objekt können Sie wie folgt editieren:
115
116 (% class="wrapped" %)
117 |(% style="width:630px" %)(((
118 (% class="content-wrapper" %)
119 (((
120 Öffnen Sie die betreffende Aufgabe im Editor. Klicken Sie das Symbol [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_eingefügtes 3D Objekt.png||data-xwiki-image-style="img-icon" height="34" width="31"]] für das 3D-Objekt im Editorfeld an und wählen Sie anschließend die Schaltfläche [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_3D.png||data-xwiki-image-style="img-icon"]]zum Bearbeiten eines 3D-Objektes.
121
122
123 )))
124 )))|(% style="width:604px" %)(((
125 (% class="content-wrapper" %)
126 (((
127 [[image:attach:Editor - 3D Objekt bearbeiten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
128 )))
129 )))
130 |(% colspan="1" style="width:630px" %)(% colspan="1" %)
131 (((
132 Es öffnet sich der Dialog "x3dom bearbeiten" und Sie können Ihre Anpassungen vornehmen. Mit Klick auf den Button Fertig, werden die Änderungen gespeichert und übernommen.
133 )))|(% colspan="1" style="width:604px" %)(% colspan="1" %)
134 (((
135 (% class="content-wrapper" %)
136 (((
137 [[image:attach:Editor - 3D Objekt Änderungen speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
138 )))
139 )))
140
141 == 3D-Objekt in einem PDF-Dokument ==
142
143 Bitte beachten Sie, dass ein 3D-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
144
145 [[image:attach:Pdf - 3D Objekt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="218" width="223"]]
146 {{/layout-cell}}
147 {{/layout-section}}
148 {{/layout}}