カスタムJavaScriptコンポーネント

 1import {Component} from '@wonderlandengine/api';
 2
 3export class CountingGaze extends Component {
 4    static TypeName = 'counting-gaze';
 5
 6    origin = [0, 0, 0];
 7    dir = [0, 0, 0];
 8
 9    init() {
10        console.log('Counting gaze initialized');
11    }
12
13    update() {
14        /* このオブジェクトの位置を取得し、"origin"に格納します。 */
15        this.object.getPositionWorld(this.origin);
16        /* このオブジェクトの方向を取得し、"dir"に格納します。 */
17        this.object.getForwardWorld(this.dir);
18
19        /* シーンにレイを送り、衝突グループ"1"または"2"のオブジェクトに
20         * 当たるかどうかを確認します。 */
21        const rayHit = this.engine.scene.rayCast(
22            this.origin, this.dir, (1 << 1) | (1 << 2));
23        if(rayHit.hitCount > 0) {
24            for(let i = 0; i < rayHit.hitCount; ++i) {
25                let o = rayHit.objects[i];
26
27                // TODO: 後でここでヒットしたオブジェクトのカウンタを
28                // 増やします！
29                console.log('Raycast hit object:', o.name);
30            }
31        }
32    }
33}

 1import {Component, Property} from '@wonderlandengine/api';
 2
 3export class GazeCounter extends Component {
 4    static TypeName = 'gaze-counter';
 5    static Properties = {
 6        msg: Property.string('i')
 7    };
 8
 9    count = 0;
10
11    init() {
12        console.log('Gaze counter initialized');
13    }
14
15    start() {
16        this.textComp = this.object.getComponent('text');
17    }
18
19    update() {
20        this.textComp.text = `${this.msg} ${this.count}`;
21    }
22}

1    const counterComp = o.getComponent('gaze-counter');
2    if(counterComp) {
3        counterComp.count++;
4    }