ScriptTest.ts

import { reactive, Script, ScriptLogic, scriptLogic, FogMode, View, registerLogic, ticker, logic, logic as getLogic } from 'feng3d';
import { WebGPU } from '@feng3d/webgpu';

// ---- 用户脚本：纯数据接口 + 工厂函数 Logic ----

/**
 * ScriptDemo（纯数据接口）
 */
interface ScriptDemo extends Script
{
    readonly __type__: 'ScriptDemo';
}

/**
 * ScriptDemo 逻辑接口
 */
interface ScriptDemoLogic extends ScriptLogic
{
}

/**
 * ScriptDemo 工厂函数：组合 scriptLogic，每帧旋转自身所属 Object3D
 */
function scriptDemoLogic(script: ScriptDemo): ScriptDemoLogic
{
    const base = scriptLogic(script);

    return Object.assign(base, {
        update(_interval: number): void
        {
            // 通过 logic().rotation 读取当前值（缺失字段拿到默认 {0,0,0}），整体写回 raw
            const entity = base.entity;
            if (!entity) return;
            const cur = getLogic(entity).rotation;
            reactive(entity).rotation = { x: cur.x, y: cur.y + Math.PI / 180, z: cur.z };
        },
    }) as unknown as ScriptDemoLogic;
}

declare module '@feng3d/reactivity'
{
    interface LogicMap
    {
        ScriptDemo: ScriptDemoLogic;
    }
}
registerLogic('ScriptDemo', scriptDemoLogic);

// ---- 场景声明 ----

const webgpuCanvas = document.getElementById('webgpu') as HTMLCanvasElement;
const webgpu = await new WebGPU().init();

const view: View = {
    __type__: 'View',
    canvas: webgpuCanvas,
    root: {
        __type__: 'Object3D',
        name: 'Untitled',
        components: [{
            __type__: 'Scene',
            background: { __type__: 'Color4', r: 0.408, g: 0.38, b: 0.357, a: 1.0 },
        }],
        children: [{
            __type__: 'Object3D',
            name: 'Main Camera',
            position: { x: 0, y: 1, z: 10 },
            components: [{
                __type__: 'PerspectiveCamera',
            }],
        }, {
            __type__: 'Object3D',
            name: 'Cube',
            position: { x: 0, y: 0, z: 7 },
            components: [{
                __type__: 'ScriptDemo',
            }, {
                __type__: 'MeshRenderer',
                geometry: { __type__: 'CubeGeometry' },
                material: {
                    __type__: 'StandardMaterial',
                    uniforms: {
                        u_fogMode: FogMode.LINEAR,
                        u_fogColor: { __type__: 'Color4', r: 1, g: 1, b: 0, a: 1 },
                        u_fogMinDistance: 2,
                        u_fogMaxDistance: 3,
                    },
                    s_diffuse: { __type__: 'Texture', url: '/m.png' },
                },
            }],
        }],
    },
};
const viewLogic = logic(view);

ticker.onframe(() => { webgpu.submit(viewLogic.submit); });