場(chǎng)景和數(shù)據(jù)之間的互通： 場(chǎng)景數(shù)據(jù)化或者數(shù)據(jù)化場(chǎng)景，是當(dāng)前的主流場(chǎng)景數(shù)據(jù)構(gòu)成方式。方便傳輸方便交換甚至是交互。

內(nèi)置數(shù)據(jù)互通機(jī)制更有利于用戶(hù)在各種應(yīng)用場(chǎng)合下實(shí)現(xiàn)具體的3D相關(guān)的應(yīng)用需求。用戶(hù)只需要關(guān)心標(biāo)準(zhǔn)的或者約定好的數(shù)據(jù)定義及操作方式就能方便使用。

這樣，也能方便應(yīng)用GLB或者USD數(shù)據(jù)規(guī)范。

當(dāng)前示例源碼github地址:

https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/DataDrivenTest.ts

當(dāng)前示例運(yùn)行效果:

json數(shù)據(jù):

{"renderer": {"camera": { "eye": [1100, 1100, 500], "up": [0, 1, 0] }},"entities": [{ "axis": { "entity": { "size": 500 } } },{ "sphere": { "entity": { "radius": 80, "transform": { "position": [0, 0, 200] }, "albedo": [0.9, 0.1, 0.02], "arm": { "a": 1.0, "r": 0.2, "m": 0 } } } },{"cube": {"entity": {"size": 80,"transform": { "position": [200, 0, 0], "scale": [2, 1.5, 3], "rotation": [-190, 0, 200] },"albedo": [0.1, 0.9, 0.02],"arm": { "a": 1.0, "r": 0.2, "m": 0 },"animate": {}}}},{"torus": {"entity": {"radius": 90,"axisType": 1,"longitudeNumSegments": 20,"latitudeNumSegments": 50,"transform": { "position": [0, 150, 0] },"albedo": [0.9, 0.1, 0.7],"arm": [1.0, 0.3, 0]}}},{"model": {"entity": {"url": "static/assets/draco/monkey.drc","transform": { "position": [0, 320, 0], "scale": [100, 100, 100], "rotation": [0, 90, 0] },"albedo": [0.1, 0.7, 0.9],"arm": [1, 0.3, 0.1]}}},{"boundsFrame": {"entity": {"minPos": [-300, -300, -300],"maxPos": [300, 300, 300],"frameColor": [0.9, 1.0, 0.1]}}},{"gltf": { "entity": {} }},{"usd": { "entity": {} }}]
}

此示例基于此渲染系統(tǒng)實(shí)現(xiàn)，當(dāng)前示例TypeScript源碼如下:

export class DataDrivenTest {private mScene = new DataDrivenRScene();initialize(): void {let url = "static/assets/scene/sceneData01.json";new HttpFileLoader().loadJson(url,(json: object, url: string): void => {console.log("json: ", json);this.initScene(json);});}private initScene(json: object): void {this.mScene.initialize(json);this.initEvent();}private initEvent(): void {const rc = this.mScene;new MouseInteraction().initialize(rc.rscene, 0, false).setAutoRunning(true);}run(): void {this.mScene.run();}
}