Zum Inhalt springen

Wiki-Quellcode von 3D-Objekte einbinden

Version 106.1 von Carina Enke am 24.02.2021
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6
7 {{details}}
8 (% class="wrapped" %)
9 |=(((
10 Verantwortlicher
11 )))|(((
12 \\
13 )))
14 |=(% colspan="1" %)(% colspan="1" %)
15 (((
16 Status
17 )))|(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)
18 (((
19 (% class="content-wrapper" %)
20 (((
21
22
23 {{sv-metadata type="workflow-status"/}}
24
25 {{status colour="Green" title="Fertig"/}}
26 )))
27 )))
28 |=(% colspan="1" %)(% colspan="1" %)
29 (((
30 Varianten
31 )))|(% colspan="1" %)(% colspan="1" %)
32 (((
33 (% class="content-wrapper" %)
34 (((
35 {{sv-metadata type="variants"/}}
36 )))
37 )))
38 |=(% colspan="1" %)(% colspan="1" %)
39 (((
40 Attribute
41 )))|(% colspan="1" %)(% colspan="1" %)
42 (((
43 (% class="content-wrapper" %)
44 (((
45 {{sv-metadata type="attributes"/}}
46 )))
47 )))
48 |=(% colspan="1" %)(% colspan="1" %)
49 (((
50 Pagekey
51 )))|(% colspan="1" %)(% colspan="1" %)
52 (((
53 (% class="content-wrapper" %)
54 (((
55 {{sv-metadata type="pagekey"/}}
56 )))
57 )))
58 |=(% colspan="1" %)(% colspan="1" %)
59 (((
60 TODOs
61 )))|(% colspan="1" %)(% colspan="1" %)
62 (((
63 (% class="content-wrapper" %)
64 (((
65 siehe  [[ONYX-6139>>url:https://www.bps-system.de/devel/browse/ONYX-6139||shape="rect"]] und [[ONYX-5725>>url:https://www.bps-system.de/devel/browse/ONYX-5725||shape="rect"]]
66
67 carina {{mention reference="XWiki.yvonne" style="FULL_NAME" anchor="XWiki-yvonne-FOPVb"/}} : Willst du ein Review machen? Hast du noch Ergänzungen?
68 )))
69 )))
70 {{/details}}
71 {{/layout-cell}}
72 {{/layout-section}}
73
74 {{layout-section ac:type="two_right_sidebar"}}
75 {{layout-cell}}
76 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.\\
77
78 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.
79
80 \\
81
82 (% style="text-align: justify;" %)
83 [[image:attach:Editor - 3D Objekt bewegen_de.png]]
84
85 (% style="text-align: justify;" %)
86 //(Alle Beispielbilder beruhen auf Beispielinhalten die mit freundlicher Unterstützung durch des Lehrstuhl 'Virtuelle Realität und Multimedia' der TU Freiberg bereitgestellt wurden)//
87
88 (% style="text-align: justify;" %)
89 X3dom ist ein (% style="color: rgb(0,0,0);" %)lizenzfreies und offenes Dateiformat.
90 {{/layout-cell}}
91
92 {{layout-cell}}
93 {{scroll-ignore}}
94 {{panel title="Inhalt"}}
95
96
97 {{toc/}}
98
99 **Verwandte Themen**
100
101 * [[Webseiten des x3dom Projektes>>url:https://www.x3dom.org||shape="rect"]]
102
103 **Beispielinhalte (Download)
104 **
105
106 * [[Einzelaufgabe Ammonit (3D)>>attach:Worum_handelt_es_sich__(3D).zip]]
107 * [[Test Mollusca (3D)>>attach:Mollusca_(3D).zip]]
108 * [[Test Strukturgitter (3D)>>attach:Strukturgitter.zip]]
109
110 \\
111 {{/panel}}
112 {{/scroll-ignore}}
113
114 \\
115
116 \\
117 {{/layout-cell}}
118 {{/layout-section}}
119
120 {{layout-section ac:type="single"}}
121 {{layout-cell}}
122 \\
123 {{/layout-cell}}
124 {{/layout-section}}
125
126 {{layout-section ac:type="single"}}
127 {{layout-cell}}
128 == 3D-Objekt im Editor einbinden ==
129
130 Sie können 3D-Objekte in alle Bereiche einbinden in denen der HTML-Editor verfügbar ist und das 3D-Icon [[image:attach:Onyx Icons und Buttons@Icon_3D.png]] zu sehen ist.
131
132 (% class="wrapped" %)
133 |(% class="numberingColumn" %)(% class="numberingColumn" %)
134 (((
135 1
136 )))|(((
137 (% class="content-wrapper" %)
138 (((
139 Öffnen Sie die Aufgabe oder den Test in dem ein 3D-Modell eingebunden werden soll. Klicken Sie auf das [[image:attach:Onyx Icons und Buttons@Icon_3D.png]]Icon im Kopfbereich des HTML-Editors.
140 )))
141 )))|(((
142 (% class="content-wrapper" %)
143 (((
144 [[image:attach:Editor - 3D Objekt einfügen_de.png]]
145 )))
146 )))
147 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
148 (((
149 2
150 )))|(% colspan="1" %)(% colspan="1" %)
151 (((
152 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.
153
154 \\
155 )))|(% colspan="1" %)(% colspan="1" %)
156 (((
157 (% class="content-wrapper" %)
158 (((
159 [[image:attach:Editor - x3D Würfelbeschreibung_de.png]]
160 )))
161 )))
162 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
163 (((
164 3
165 )))|(% colspan="1" %)(% colspan="1" %)
166 (((
167 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"]].
168
169 Mit Klick auf den Button Fertig wird das Objekt eingefügt.
170
171 \\
172 )))|(% colspan="1" %)(% colspan="1" %)
173 (((
174 (% class="content-wrapper" %)
175 (((
176 [[image:attach:Editor - 3D Objekt Änderungen speichern_de.png]]
177 )))
178 )))
179 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
180 (((
181 4
182 )))|(% colspan="1" %)(% colspan="1" %)
183 (((
184 (% class="content-wrapper" %)
185 (((
186 Im HTML-Editor wird ein eingefügtes 3D-Objekt mit dem Symbol [[image:attach:Onyx Icons und Buttons@Icon_eingefügtes 3D Objekt.png]] gekennzeichnet.
187 )))
188 )))|(% colspan="1" %)(% colspan="1" %)
189 (((
190 (% class="content-wrapper" %)
191 (((
192 [[image:attach:Editor - 3D Objekt im Editor_de.png]]
193 )))
194 )))
195 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
196 (((
197 5
198 )))|(% colspan="1" %)(% colspan="1" %)
199 (((
200 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.
201 )))|(% colspan="1" %)(% colspan="1" %)
202 (((
203 (% class="content-wrapper" %)
204 (((
205 [[image:attach:Editor - zusätzliche Inhalte für 3D Objekt einfügen_de.png]]
206 )))
207 )))
208
209 == Interaktivität des 3D-Objekts ausprobieren ==
210
211 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.
212
213 [[image:attach:Editor - 3D Objekt bewegen_de.png]]
214
215 == Bestehendes 3D-Objekt bearbeiten ==
216
217 Ein bereits eingebundenes 3D-Objekt können Sie wie folgt editieren:
218
219 (% class="wrapped" %)
220 |(% class="numberingColumn" %)(% class="numberingColumn" %)
221 (((
222 1
223 )))|(((
224 (% class="content-wrapper" %)
225 (((
226 Öffnen die die betreffende Aufgabe im Editor. Klicken Sie das Symbol [[image:attach:Onyx Icons und Buttons@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 Icons und Buttons@Icon_3D.png]]zum Bearbeiten eines 3D-Objektes.
227
228 \\
229 )))
230 )))|(((
231 (% class="content-wrapper" %)
232 (((
233 [[image:attach:Editor - 3D Objekt bearbeiten_de.png]]
234 )))
235 )))
236 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
237 (((
238 2
239 )))|(% colspan="1" %)(% colspan="1" %)
240 (((
241 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.
242 )))|(% colspan="1" %)(% colspan="1" %)
243 (((
244 (% class="content-wrapper" %)
245 (((
246 [[image:attach:Editor - 3D Objekt Änderungen speichern_de.png]]
247 )))
248 )))
249
250 == 3D-Objekt in einem PDF-Dokument ==
251
252 Bitte beachten Sie, dass ein 3D-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
253
254 [[image:attach:Pdf - 3D Objekt_de.png]]
255 {{/layout-cell}}
256 {{/layout-section}}
257 {{/layout}}
258 {{/sv-translation}}
259
260 {{sv-translation language="en"}}
261 {{layout}}
262 {{layout-section ac:type="two_right_sidebar"}}
263 {{layout-cell}}
264 \\
265 {{/layout-cell}}
266
267 {{layout-cell}}
268 {{scroll-ignore}}
269 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="On this page"}}
270
271
272 {{toc/}}
273
274 **related pages**
275
276 * pages
277 {{/panel}}
278 {{/scroll-ignore}}
279 {{/layout-cell}}
280 {{/layout-section}}
281 {{/layout}}
282 {{/sv-translation}}