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

import {Component} from '@wonderlandengine/api';

export class CountingGaze extends Component {
    static TypeName = 'counting-gaze';

    origin = [0, 0, 0];
    dir = [0, 0, 0];

    init() {
        console.log('Counting gaze initialized');
    }

    update() {
        /* このオブジェクトの位置を取得し、"origin"に格納します。 */
        this.object.getPositionWorld(this.origin);
        /* このオブジェクトの方向を取得し、"dir"に格納します。 */
        this.object.getForwardWorld(this.dir);

        /* シーンにレイを送り、衝突グループ"1"または"2"のオブジェクトに
         * 当たるかどうかを確認します。 */
        const rayHit = this.engine.scene.rayCast(
            this.origin, this.dir, (1 << 1) | (1 << 2));
        if(rayHit.hitCount > 0) {
            for(let i = 0; i < rayHit.hitCount; ++i) {
                let o = rayHit.objects[i];

                // TODO: 後でここでヒットしたオブジェクトのカウンタを
                // 増やします！
                console.log('Raycast hit object:', o.name);
            }
        }
    }
}

import {Component, Property} from '@wonderlandengine/api';

export class GazeCounter extends Component {
    static TypeName = 'gaze-counter';
    static Properties = {
        msg: Property.string('i')
    };

    count = 0;

    init() {
        console.log('Gaze counter initialized');
    }

    start() {
        this.textComp = this.object.getComponent('text');
    }

    update() {
        this.textComp.text = `${this.msg} ${this.count}`;
    }
}

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