@threlte/theatre 1.0.0-next.3 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
<a href="https://discord.com/channels/985983540804091964">
|
|
9
9
|
<img alt="discord" src="https://img.shields.io/discord/985983540804091964?label=discord&color=fe4100&labelColor=171d27&logo=discord&logoColor=white"/>
|
|
10
10
|
</a>
|
|
11
|
-
<a href="https://
|
|
11
|
+
<a href="https://threlte.xyz">
|
|
12
12
|
<img alt="docs" src="https://img.shields.io/website?down_color=red&down_message=offline&label=docs&color=fe4100&labelColor=171d27&up_message=online&url=https%3A%2F%2Fthrelte.xyz&logo=svelte&logoColor=white"/>
|
|
13
13
|
</a>
|
|
14
14
|
</div>
|
|
15
15
|
|
|
16
|
-
<a href="https://
|
|
16
|
+
<a href="https://threlte.xyz">
|
|
17
17
|
<img src="./threlte-banner.jpg"/>
|
|
18
18
|
</a>
|
|
19
19
|
|
|
@@ -23,11 +23,11 @@ Threlte is a [Svelte](https://svelte.dev/) library that simplifies creating 3D a
|
|
|
23
23
|
|
|
24
24
|
Threlte's **3D rendering** is powered by [Three.js](https://threejs.org/), and it also provides a **physics engine** through [Rapier](https://rapier.rs/) and an **animation studio** via [Theatre.js](https://www.theatrejs.com/); see [packages](#packages) for details.
|
|
25
25
|
|
|
26
|
-
Check out our **[documentation](https://
|
|
26
|
+
Check out our **[documentation](https://threlte.xyz)** and our **[Discord community](https://discord.gg/EqUBCfCaGm)**.
|
|
27
27
|
|
|
28
28
|
## @threlte/theatre
|
|
29
29
|
|
|
30
|
-
[@threlte/theatre](https://
|
|
30
|
+
[@threlte/theatre](https://threlte.xyz/docs/reference/theatre/getting-started) lets you animate in your Threlte app through the [Theatre.js studio](https://www.theatrejs.com/)
|
|
31
31
|
|
|
32
32
|
The package allows you to use an interactive GUI in the browser during development and visually configure your animations. It supports both Three.js and HTML DOM animations.
|
|
33
33
|
|
|
@@ -42,7 +42,7 @@ npm create threlte my-project
|
|
|
42
42
|
```
|
|
43
43
|
and select the `@threlte/theatre` option.
|
|
44
44
|
|
|
45
|
-
Alternatively you can check out the full [installation instructions](https://
|
|
45
|
+
Alternatively you can check out the full [installation instructions](https://threlte.xyz/docs/learn/getting-started/installation).
|
|
46
46
|
|
|
47
47
|
### Support
|
|
48
48
|
|
|
@@ -10,14 +10,14 @@ const isFullOrEndingPattern = (fullPropertyPath, pattern) => {
|
|
|
10
10
|
};
|
|
11
11
|
export const getDefaultTransformer = (target, path, fullPropertyPath) => {
|
|
12
12
|
const property = target[path];
|
|
13
|
-
if (property
|
|
13
|
+
if (property.isEuler)
|
|
14
14
|
return euler;
|
|
15
|
-
if (property
|
|
15
|
+
if (property.isColor)
|
|
16
16
|
return color;
|
|
17
17
|
if (isFullOrEndingPattern(fullPropertyPath, 'rotation.x') ||
|
|
18
18
|
isFullOrEndingPattern(fullPropertyPath, 'rotation.y') ||
|
|
19
19
|
isFullOrEndingPattern(fullPropertyPath, 'rotation.z') ||
|
|
20
|
-
(target
|
|
20
|
+
(target.isEuler &&
|
|
21
21
|
(fullPropertyPath === 'x' || fullPropertyPath === 'y' || fullPropertyPath === 'z'))) {
|
|
22
22
|
return degrees;
|
|
23
23
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@threlte/theatre",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"devDependencies": {
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"@theatre/core": "^0.6.2",
|
|
33
33
|
"@theatre/studio": "^0.6.2",
|
|
34
34
|
"three": "^0.153.0",
|
|
35
|
-
"@threlte/core": "6.0.0
|
|
36
|
-
"@threlte/extras": "5.0.
|
|
35
|
+
"@threlte/core": "6.0.0",
|
|
36
|
+
"@threlte/extras": "5.0.1"
|
|
37
37
|
},
|
|
38
38
|
"type": "module",
|
|
39
39
|
"exports": {
|