Zum Inhalt springen

Wiki-Quellcode von 3D-Objekte einbinden

Version 149.1 von Carina Enke am 15.02.2024
Zeige letzte Bearbeiter
1 {{layout}}
2 {{layout-section ac:type="single"}}
3 {{layout-cell}}
4 \\
5 {{/layout-cell}}
6 {{/layout-section}}
7
8 {{layout-section ac:type="two_right_sidebar"}}
9 {{layout-cell}}
10 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.\\
11
12 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.
13
14 \\
15
16 (% style="text-align: justify;" %)
17 [[image:attach:Editor - 3D Objekt bewegen_de.png]]
18
19 (% style="text-align: justify;" %)
20 //(Alle Beispielbilder beruhen auf Beispielinhalten die mit freundlicher Unterstützung durch des Lehrstuhl 'Virtuelle Realität und Multimedia' der TU Freiberg bereitgestellt wurden)//
21
22 (% style="text-align: justify;" %)
23 X3dom ist ein (% style="color: rgb(0,0,0);" %)lizenzfreies und offenes Dateiformat.
24 {{/layout-cell}}
25
26 {{layout-cell}}
27
28 {{panel title="Inhalt"}}
29
30
31 {{toc/}}
32
33 **Verwandte Themen**
34
35 * [[Webseiten des x3dom Projektes>>url:https://www.x3dom.org||shape="rect"]]
36
37 **Beispielinhalte (Download)
38 **
39
40 * [[Einzelaufgabe Ammonit (3D)>>attach:Worum_handelt_es_sich__(3D).zip]]
41 * [[Test Mollusca (3D)>>attach:Mollusca_(3D).zip]]
42 * [[Test Strukturgitter (3D)>>attach:Strukturgitter.zip]]
43
44 \\
45 {{/panel}}
46
47
48 \\
49
50 \\
51 {{/layout-cell}}
52 {{/layout-section}}
53
54 {{layout-section ac:type="single"}}
55 {{layout-cell}}
56 \\
57 {{/layout-cell}}
58 {{/layout-section}}
59
60 {{layout-section ac:type="single"}}
61 {{layout-cell}}
62 == 3D-Objekt im Editor einbinden ==
63
64 Sie können 3D-Objekte in alle Bereiche einbinden in denen der HTML-Editor verfügbar ist und das 3D-Icon [[image:attach:ONYX.ONYX Editor.Aufgaben.Medien einbinden.3D-Objekte einbinden.Onyx Icons und Buttons.WebHome@Icon_3D.png]] zu sehen ist.
65
66 (% class="wrapped" %)
67 |(% class="numberingColumn" %)(% class="numberingColumn" %)
68 (((
69 1
70 )))|(((
71 (% class="content-wrapper" %)
72 (((
73 Öffnen Sie die Aufgabe oder den Test in dem ein 3D-Modell eingebunden werden soll. Klicken Sie auf das [[image:attach:ONYX.ONYX Editor.Aufgaben.Medien einbinden.3D-Objekte einbinden.Onyx Icons und Buttons.WebHome@Icon_3D.png]]Icon im Kopfbereich des HTML-Editors.
74 )))
75 )))|(((
76 (% class="content-wrapper" %)
77 (((
78 [[image:attach:Editor - 3D Objekt einfügen_de.png]]
79 )))
80 )))
81 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
82 (((
83 2
84 )))|(% colspan="1" %)(% colspan="1" %)
85 (((
86 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.
87
88 \\
89 )))|(% colspan="1" %)(% colspan="1" %)
90 (((
91 (% class="content-wrapper" %)
92 (((
93 [[image:attach:Editor - x3D Würfelbeschreibung_de.png]]
94 )))
95 )))
96 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
97 (((
98 3
99 )))|(% colspan="1" %)(% colspan="1" %)
100 (((
101 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"]].
102
103 Mit Klick auf den Button Fertig wird das Objekt eingefügt.
104
105 \\
106 )))|(% colspan="1" %)(% colspan="1" %)
107 (((
108 (% class="content-wrapper" %)
109 (((
110 [[image:attach:Editor - 3D Objekt Änderungen speichern_de.png]]
111 )))
112 )))
113 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
114 (((
115 4
116 )))|(% colspan="1" %)(% colspan="1" %)
117 (((
118 (% class="content-wrapper" %)
119 (((
120 Im HTML-Editor wird ein eingefügtes 3D-Objekt mit dem Symbol [[image:attach:ONYX.ONYX Editor.Aufgaben.Medien einbinden.3D-Objekte einbinden.Onyx Icons und Buttons.WebHome@Icon_eingefügtes 3D Objekt.png]] gekennzeichnet.
121 )))
122 )))|(% colspan="1" %)(% colspan="1" %)
123 (((
124 (% class="content-wrapper" %)
125 (((
126 [[image:attach:Editor - 3D Objekt im Editor_de.png]]
127 )))
128 )))
129 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
130 (((
131 5
132 )))|(% colspan="1" %)(% colspan="1" %)
133 (((
134 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.
135 )))|(% colspan="1" %)(% colspan="1" %)
136 (((
137 (% class="content-wrapper" %)
138 (((
139 [[image:attach:Editor - zusätzliche Inhalte für 3D Objekt einfügen_de.png]]
140 )))
141 )))
142
143 == Interaktivität des 3D-Objekts ausprobieren ==
144
145 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.
146
147 [[image:attach:Editor - 3D Objekt bewegen_de.png]]
148
149 == Bestehendes 3D-Objekt bearbeiten ==
150
151 Ein bereits eingebundenes 3D-Objekt können Sie wie folgt editieren:
152
153 (% class="wrapped" %)
154 |(% class="numberingColumn" %)(% class="numberingColumn" %)
155 (((
156 1
157 )))|(((
158 (% class="content-wrapper" %)
159 (((
160 Öffnen die die betreffende Aufgabe im Editor. Klicken Sie das Symbol [[image:attach:ONYX.ONYX Editor.Aufgaben.Medien einbinden.3D-Objekte einbinden.Onyx Icons und Buttons.WebHome@Icon_eingefügtes 3D Objekt.png]] für das 3D-Objekt im Editorfeld an und wählen Sie anschließend die Schaltfläche [[image:attach:ONYX.ONYX Editor.Aufgaben.Medien einbinden.3D-Objekte einbinden.Onyx Icons und Buttons.WebHome@Icon_3D.png]]zum Bearbeiten eines 3D-Objektes.
161
162 \\
163 )))
164 )))|(((
165 (% class="content-wrapper" %)
166 (((
167 [[image:attach:Editor - 3D Objekt bearbeiten_de.png]]
168 )))
169 )))
170 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
171 (((
172 2
173 )))|(% colspan="1" %)(% colspan="1" %)
174 (((
175 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.
176 )))|(% colspan="1" %)(% colspan="1" %)
177 (((
178 (% class="content-wrapper" %)
179 (((
180 [[image:attach:Editor - 3D Objekt Änderungen speichern_de.png]]
181 )))
182 )))
183
184 == 3D-Objekt in einem PDF-Dokument ==
185
186 Bitte beachten Sie, dass ein 3D-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
187
188 [[image:attach:Pdf - 3D Objekt_de.png]]
189 {{/layout-cell}}
190 {{/layout-section}}
191 {{/layout}}
192
193
194
195 {{layout}}
196 {{layout-section ac:type="two_right_sidebar"}}
197 {{layout-cell}}
198 \\
199 {{/layout-cell}}
200
201 {{layout-cell}}
202
203 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="On this page"}}
204
205
206 {{toc/}}
207
208 **related pages**
209
210 * pages
211 {{/panel}}
212
213 {{/layout-cell}}
214 {{/layout-section}}
215 {{/layout}}