Skip to content

Commit 3f8f9a4

Browse files
committed
Web Components script fixes
1 parent 141551d commit 3f8f9a4

File tree

2 files changed

+14
-6
lines changed
  • docs/user-manual/web-components
  • i18n/ja/docusaurus-plugin-content-docs/current/user-manual/web-components

2 files changed

+14
-6
lines changed

docs/user-manual/web-components/scripting.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@ Scripts add custom behaviors to entities in your PlayCanvas Web Components app.
88
Let's consider a simple script that rotates an entity over time:
99

1010
```javascript title="rotate-script.mjs"
11-
export default class RotateScript {
11+
import { Script } from 'playcanvas';
12+
13+
export class RotateScript extends Script {
1214
static scriptName = 'rotateScript';
1315

1416
update(dt) {
@@ -49,8 +51,10 @@ Our rotate script is currently hardcoded to rotate at 90 degrees per second. But
4951

5052
Let's update our script to accept a rotation speed as an attribute:
5153

52-
```javascript title="rotate-script.mjs" {4-8,12}
53-
export default class RotateScript {
54+
```javascript title="rotate-script.mjs" {6-10,14}
55+
import { Script } from 'playcanvas';
56+
57+
export class RotateScript extends Script {
5458
static scriptName = 'rotateScript';
5559

5660
/**

i18n/ja/docusaurus-plugin-content-docs/current/user-manual/web-components/scripting.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@ sidebar_position: 3
88
エンティティを時間とともに回転させるシンプルなスクリプトを考えてみましょう。
99

1010
```javascript title="rotate-script.mjs"
11-
export default class RotateScript {
11+
import { Script } from 'playcanvas';
12+
13+
export class RotateScript extends Script {
1214
static scriptName = 'rotateScript';
1315

1416
update(dt) {
@@ -49,8 +51,10 @@ export default class RotateScript {
4951

5052
回転速度を属性として受け入れるようにスクリプトを更新しましょう。
5153

52-
```javascript title="rotate-script.mjs" {4-8,12}
53-
export default class RotateScript {
54+
```javascript title="rotate-script.mjs" {6-10,14}
55+
import { Script } from 'playcanvas';
56+
57+
export class RotateScript extends Script {
5458
static scriptName = 'rotateScript';
5559

5660
/**

0 commit comments

Comments
 (0)