You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: docs/de/guide/migration-guide.md
+35-38
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
-
# Guía de Migración
1
+
# Migrationsleitfaden
2
2
3
-
Esta guía tiene como objetivo ayudarte a migrar de la versión 1 a las versiones más recientes de TresJS 🤩✨.
3
+
Dieser Leitfaden soll dir helfen, von Version 1 zu den neuesten Versionen von TresJS 🤩✨ zu migrieren.
4
4
5
5
::: code-group
6
6
@@ -18,23 +18,23 @@ yarn upgrade @tresjs/core
18
18
19
19
:::
20
20
21
-
## Novedades
21
+
## Neues
22
22
23
23
### Vue Custom Renderer
24
24
25
-
**TresJS**es ahora un[Vue Custom Renderer](https://vuejs.org/api/custom-renderer.html#createrenderer) 🎉 que se encuentra dentro de un componente envolvente `TresCanvas`que se encarga de crear el `WebGLRenderer`y la`Scene`por ti, y crear una**nueva instancia de la aplicación Vue**para renderizar la escena.
25
+
**TresJS**ist jetzt ein[Vue Custom Renderer](https://vuejs.org/api/custom-renderer.html#createrenderer) 🎉, der innerhalb einer umhüllenden Komponente `TresCanvas`liegt, die den `WebGLRenderer`und die`Scene`für dich erstellt und eine**neue Instanz der Vue-App**zur Darstellung der Szene erzeugt.
26
26
27
-
### Soporte de TypeScript e Intellisense 🦾
27
+
### Unterstützung für TypeScript und Intellisense 🦾
28
28
29
29

30
30
31
-
Esta fue probablemente la característica más **solicitada para TresJS**. Ahora los componentes de Tres funcionan con Volar y proporcionan intellisense de tipos.
31
+
Dies war wahrscheinlich das am **meisten gefragte Feature für TresJS**. Jetzt funktionieren die Tres-Komponenten mit Volar und bieten Typ-Intellisense.
32
32
33
-
**TresJS**ahora genera declaraciones de tipos en tiempo de compilación para todos los componentes basados en el catálogo de ThreeJS. Esto significa que puedes usar todos los componentes de ThreeJS y obtener intellisense de tipos para ellos.
33
+
**TresJS**generiert nun zur Kompilierungszeit Typdeklarationen für alle Komponenten basierend auf dem ThreeJS-Katalog. Das bedeutet, dass du alle ThreeJS-Komponenten verwenden und Typ-Intellisense dafür erhalten kannst.
34
34
35
-
### El plugin de Tres es opcional 👍
35
+
### Das Tres-Plugin ist optional 👍
36
36
37
-
El`TresPlugin`ahora es opcional. Puedes usar TresJS sin él importando los componentes directamente desde `tresjs/core`:
37
+
Das`TresPlugin`ist nun optional. Du kannst TresJS ohne es verwenden, indem du die Komponenten direkt aus `tresjs/core` importierst:
38
38
39
39
```vue
40
40
<script setup lang="ts">
@@ -59,16 +59,16 @@ import { TresCanvas } from '@tresjs/core'
59
59
```
60
60
61
61
::: info
62
-
Esto es recomendado por razones de rendimiento y tamaño del paquete, el tree-shaking funcionará mejor y solo importarás los componentes que uses.
62
+
Dies wird aus Gründen der Leistung und der Paketgröße empfohlen, da das Tree-Shaking besser funktionieren wird und du nur die Komponenten importierst, die du verwendest.
63
63
:::
64
64
65
-
### TresScene ya no es necesario
65
+
### TresScene ist nicht mehr notwendig
66
66
67
-
The `<TresScene />`component is now deprecated since the scene is now created by the `<TresCanvas />`.
67
+
Die Komponente `<TresScene />`ist nun veraltet, da die Szene jetzt durch `<TresCanvas />` erstellt wird.
68
68
69
-
In the beginning, I thought that it would be a good idea to have a separate component for the scene in terms of verbosity and keep it as similar to plain ThreeJS, but it turned out that it was not really useful.
69
+
Am Anfang dachte ich, dass es eine gute Idee wäre, eine separate Komponente für die Szene in Bezug auf die Ausführlichkeit zu haben und sie so ähnlich wie möglich an plain ThreeJS zu halten, aber es stellte sich heraus, dass es nicht wirklich nützlich war.
70
70
71
-
You can now create a scene like this:
71
+
Du kannst jetzt eine Szene so erstellen:
72
72
73
73
```vue
74
74
<template>
@@ -87,16 +87,15 @@ You can now create a scene like this:
87
87
</TresCanvas>
88
88
</template>
89
89
```
90
+
Um deinen Code zu migrieren, kannst du einfach die Komponente `<TresScene />` entfernen und die Kinder in die Komponente `<TresCanvas />` verschieben.
90
91
91
-
Para migrar tu código, simplemente puedes eliminar el componente `<TresScene />` y mover los hijos al componente `<TresCanvas />`.
92
+
### `useCatalog` ist jetzt veraltet
92
93
93
-
### `useCatalog`ahora está obsoleto
94
+
Die Funktion `useCatalog`ist jetzt veraltet. Du kannst den Katalog jetzt direkt von `@tresjs/core` importieren.
94
95
95
-
La función `useCatalog` ahora está obsoleta. Ahora puedes importar el catálogo directamente desde `@tresjs/core`.
96
+
Du kannst mehr darüber hier lesen: [Erweiterung](/advanced/extending.md)
96
97
97
-
Puedes leer más al respecto aquí: [Extending](/advanced/extending.md)
### Kameras müssen vor jeglichen Steuerungen sein 🎥
167
166
168
-
### Las cámaras deben estar antes de cualquier control 🎥
169
-
170
-
El componente `TresOrbitControls` debe estar después de la cámara en el árbol. Esto se debe a que los controles necesitan conocer la cámara para funcionar.
167
+
Die Komponente `TresOrbitControls` muss nach der Kamera im Baum stehen. Dies liegt daran, dass die Steuerungen die Kamera kennen müssen, um zu funktionieren.
171
168
172
-
Cambia esto:
169
+
Ändere dies:
173
170
174
171
```vue {3,5}
175
172
// Incorrecto ❌
@@ -181,7 +178,7 @@ Cambia esto:
181
178
</template>
182
179
```
183
180
184
-
Por esto:
181
+
Zu diesem:
185
182
186
183
```vue {3,5}
187
184
// Correcto ✅
@@ -193,15 +190,15 @@ Por esto:
193
190
</template>
194
191
```
195
192
196
-
## UseTres ahora es useTresContext <Badgetype="warning"text="^3.0.0" />
193
+
## UseTres ist jetzt useTresContext <Badgetype="warning"text="^3.0.0" />
197
194
198
-
Para la versión 3, reestructuramos toda la lógica de estado para que sea más flexible y fácil de usar para los autores de complementos y paquetes del ecosistema. En lugar de usar una tienda como en la versión 2, ahora usamos un proveedor de contexto basado en`provide/inject`.
195
+
Für Version 3 haben wir die gesamte Zustandslogik umstrukturiert, um sie flexibler und einfacher für Autoren von Plugins und Paketen des Ökosystems zu machen. Anstatt wie in Version 2 einen Store zu verwenden, nutzen wir jetzt einen Kontextanbieter basierend auf`provide/inject`.
199
196
200
-
La función`useTres`ahora es un alias de la función`useTresContext` para evitar romper demos y experimentos existentes, pero considera usar `useTresContext`a partir de ahora.
197
+
Die Funktion`useTres`ist jetzt ein Alias für die Funktion`useTresContext`, um bestehende Demos und Experimente nicht zu unterbrechen, aber erwäge ab jetzt `useTresContext`zu verwenden.
201
198
202
-
En lugar de obtener un objeto reactivo grande, ahora obtendrás directamente las referencias `scene`y`renderer`, entre otras propiedades.
199
+
Anstelle eines großen reaktiven Objekts erhältst du jetzt direkt die Referenzen `scene`und`renderer`, unter anderem.
0 commit comments