mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-28 13:34:52 +02:00
Code Releases Activity

clean

Browse Source
This commit is contained in:
syuilo
2026-04-29 13:02:10 +09:00
parent 35ad1d758e
commit 8593737886
1 changed files with 28 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
packages/frontend/src/world/room/engine.ts
View File

@@ -26,7 +26,6 @@ import { genId } from '@/utility/id.js';
import { deepClone } from '@/utility/clone.js'; import { deepClone } from '@/utility/clone.js';
const BAKE_TRANSFORM = false; // 実験的 const BAKE_TRANSFORM = false; // 実験的
const SNAPSHOT_RENDERING = true; // 実験的
const IGNORE_OBJECTS: string[] = ['aquarium']; // for debug const IGNORE_OBJECTS: string[] = ['aquarium']; // for debug
const RENDER_OUTDOOR_ENV = false; const RENDER_OUTDOOR_ENV = false;
const IN_WEB_WORKER = typeof window === 'undefined'; const IN_WEB_WORKER = typeof window === 'undefined';
@@ -369,9 +368,7 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
this.gl.intensity = 0.5; this.gl.intensity = 0.5;
this.scene.setRenderingAutoClearDepthStencil(this.gl.renderingGroupId, false); this.scene.setRenderingAutoClearDepthStencil(this.gl.renderingGroupId, false);
if (SNAPSHOT_RENDERING) { this.sr.updateMeshesForEffectLayer(this.gl);
this.sr.updateMeshesForEffectLayer(this.gl);
}
} }
this.putParticleSystem = new BABYLON.ParticleSystem('', 64, this.scene); this.putParticleSystem = new BABYLON.ParticleSystem('', 64, this.scene);
@@ -405,9 +402,7 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
if (options.graphicsQuality >= GRAPHICS_QUALITY_MEDIUM) { if (options.graphicsQuality >= GRAPHICS_QUALITY_MEDIUM) {
this.selectionOutlineLayer = new BABYLON.SelectionOutlineLayer('outliner', this.scene); this.selectionOutlineLayer = new BABYLON.SelectionOutlineLayer('outliner', this.scene);
this.scene.setRenderingAutoClearDepthStencil(this.selectionOutlineLayer.renderingGroupId, false); this.scene.setRenderingAutoClearDepthStencil(this.selectionOutlineLayer.renderingGroupId, false);
if (SNAPSHOT_RENDERING) { this.sr.updateMeshesForEffectLayer(this.selectionOutlineLayer);
this.sr.updateMeshesForEffectLayer(this.selectionOutlineLayer);
}
} }
if (options.graphicsQuality >= GRAPHICS_QUALITY_HIGH) { if (options.graphicsQuality >= GRAPHICS_QUALITY_HIGH) {
@@ -435,15 +430,13 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
if (_DEV_) { if (_DEV_) {
// snapshot renderingかつglow layerが有効だとなんかクラッシュする // snapshot renderingかつglow layerが有効だとなんかクラッシュする
if (!(SNAPSHOT_RENDERING && this.useGlow)) { //import('@babylonjs/core/Debug/axesViewer').then(m => {
import('@babylonjs/core/Debug/axesViewer').then(m => { // const { AxesViewer } = m;
const { AxesViewer } = m; // const axes = new AxesViewer(this.scene, 30);
const axes = new AxesViewer(this.scene, 30); // axes.xAxis.position = new BABYLON.Vector3(0, 30, 0);
axes.xAxis.position = new BABYLON.Vector3(0, 30, 0); // axes.yAxis.position = new BABYLON.Vector3(0, 30, 0);
axes.yAxis.position = new BABYLON.Vector3(0, 30, 0); // axes.zAxis.position = new BABYLON.Vector3(0, 30, 0);
axes.zAxis.position = new BABYLON.Vector3(0, 30, 0); //});
});
}
} }
} }
@@ -473,10 +466,8 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
await this.scene.whenReadyAsync(); await this.scene.whenReadyAsync();
if (SNAPSHOT_RENDERING) { // 必ずシーンが少なくとも1フレームレンダリングがされてから呼ばれるように注意すること。そうしないとタイミングによってはエンジンがクラッシュする
// 必ずシーンが少なくとも1フレームレンダリングがされてから呼ばれるように注意すること。そうしないとタイミングによってはエンジンがクラッシュする this.sr.enableSnapshotRendering();
this.sr.enableSnapshotRendering();
}
this.domEvents.on('keydown', (ev) => { this.domEvents.on('keydown', (ev) => {
if (ev.code === 'KeyE') { if (ev.code === 'KeyE') {
@@ -549,10 +540,9 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
animTarget.setEasingFunction(easing); animTarget.setEasingFunction(easing);
this.camera.animations.push(animTarget); this.camera.animations.push(animTarget);
this.scene.beginAnimation(this.camera, 0, 30, false, undefined, () => { this.scene.beginAnimation(this.camera, 0, 30, false, undefined, () => {
if (SNAPSHOT_RENDERING) { // 視点が動くとアウトラインが薄くなるのでリセット (babylonのバグ？) // 視点が動くとアウトラインが薄くなるのでリセット (babylonのバグ？)
this.sr.disableSnapshotRendering(); this.sr.disableSnapshotRendering();
this.sr.enableSnapshotRendering(); this.sr.enableSnapshotRendering();
}
}); });
} }
} }
@@ -617,7 +607,7 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
} }
public selectObject(objectId: string | null) { public selectObject(objectId: string | null) {
if (SNAPSHOT_RENDERING) this.sr.disableSnapshotRendering(); // snapshot rendering中にbake/unbakeするとエラーになる。なおこのメソッドは参照カウント方式な点に留意 this.sr.disableSnapshotRendering(); // snapshot rendering中にbake/unbakeするとエラーになる。なおこのメソッドは参照カウント方式な点に留意
const currentSelected = this.selected; const currentSelected = this.selected;
if (currentSelected != null) { if (currentSelected != null) {
@@ -644,7 +634,7 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
} }
} }
if (SNAPSHOT_RENDERING) this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
} }
private handleGrabbing() { private handleGrabbing() {
@@ -1212,19 +1202,19 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
if (this.selectionOutlineLayer == null) return; if (this.selectionOutlineLayer == null) return;
//if (this.engine.snapshotRendering) return; // snapshot rendering内でそのままやろうとするとエラーになる 回避実装もめんどいので単に無視 //if (this.engine.snapshotRendering) return; // snapshot rendering内でそのままやろうとするとエラーになる 回避実装もめんどいので単に無視
if (SNAPSHOT_RENDERING) this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
this.clearHighlight(); this.clearHighlight();
this.selectionOutlineLayer.addSelection(meshes); this.selectionOutlineLayer.addSelection(meshes);
if (SNAPSHOT_RENDERING) this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
} }
private clearHighlight() { private clearHighlight() {
if (this.selectionOutlineLayer == null) return; if (this.selectionOutlineLayer == null) return;
//if (this.engine.snapshotRendering) return; // snapshot rendering内でそのままやろうとするとエラーになる 回避実装もめんどいので単に無視 //if (this.engine.snapshotRendering) return; // snapshot rendering内でそのままやろうとするとエラーになる 回避実装もめんどいので単に無視
if (SNAPSHOT_RENDERING) this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
this.selectionOutlineLayer.clearSelection(); this.selectionOutlineLayer.clearSelection();
if (SNAPSHOT_RENDERING) this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
} }
public beginSelectedInstalledObjectGrabbing() { public beginSelectedInstalledObjectGrabbing() {
@@ -1430,10 +1420,10 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
} }
private turnOnRoomLight(forInit = false) { private turnOnRoomLight(forInit = false) {
if (!forInit && SNAPSHOT_RENDERING) this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 if (!forInit) this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
this.roomLight.intensity = 18 * WORLD_SCALE * WORLD_SCALE; this.roomLight.intensity = 18 * WORLD_SCALE * WORLD_SCALE;
this.envMapIndoor.level = 0.6; this.envMapIndoor.level = 0.6;
if (!forInit && SNAPSHOT_RENDERING) { if (!forInit) {
// workerで実行される可能性がある // workerで実行される可能性がある
// eslint-disable-next-line no-restricted-globals // eslint-disable-next-line no-restricted-globals
setTimeout(() => { setTimeout(() => {
@@ -1443,13 +1433,13 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
} }
private turnOffRoomLight() { private turnOffRoomLight() {
if (SNAPSHOT_RENDERING) this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 this.sr.disableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
this.roomLight.intensity = 0; this.roomLight.intensity = 0;
this.envMapIndoor.level = 0.025; this.envMapIndoor.level = 0.025;
// workerで実行される可能性がある // workerで実行される可能性がある
// eslint-disable-next-line no-restricted-globals // eslint-disable-next-line no-restricted-globals
setTimeout(() => { setTimeout(() => {
if (SNAPSHOT_RENDERING) this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意 this.sr.enableSnapshotRendering(); // このメソッドは参照カウント方式な点に留意
}, 10); }, 10);
} }
@@ -1627,9 +1617,7 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
entity.instance.resetTemporaryState?.(); entity.instance.resetTemporaryState?.();
} }
if (SNAPSHOT_RENDERING) { this.sr.disableSnapshotRendering();
this.sr.disableSnapshotRendering();
}
if (this.gl != null) { if (this.gl != null) {
this.gl.isEnabled = false; // 重いので切る this.gl.isEnabled = false; // 重いので切る
} }
@@ -1656,9 +1644,7 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
await this.bake(); await this.bake();
if (SNAPSHOT_RENDERING) { this.sr.enableSnapshotRendering();
this.sr.enableSnapshotRendering();
}
if (this.gl != null) { if (this.gl != null) {
this.gl.isEnabled = true; this.gl.isEnabled = true;
} }
@@ -1766,12 +1752,12 @@ export class RoomEngine extends EventEmitter<RoomEngineEvents> {
// 一旦snapshot renderingを無効にしておかないとエラーが出る(babylonのバグ？) // 一旦snapshot renderingを無効にしておかないとエラーが出る(babylonのバグ？)
// ~~...が、一旦無効にしたらしたで複数のマテリアルがそれぞれ入れ替わる(?)という謎の現象が発生するためコメントアウトしとく(エラー出てもレンダリングが止まったりするわけでもないし)~~ // ~~...が、一旦無効にしたらしたで複数のマテリアルがそれぞれ入れ替わる(?)という謎の現象が発生するためコメントアウトしとく(エラー出てもレンダリングが止まったりするわけでもないし)~~
// ↑追記: engine.resizeした後に一瞬待つことで回避できることが判明 // ↑追記: engine.resizeした後に一瞬待つことで回避できることが判明
if (SNAPSHOT_RENDERING) this.sr.disableSnapshotRendering(); this.sr.disableSnapshotRendering();
this.engine.resize(); this.engine.resize();
// workerで実行される可能性がある // workerで実行される可能性がある
// eslint-disable-next-line no-restricted-globals // eslint-disable-next-line no-restricted-globals
setTimeout(() => { setTimeout(() => {
if (SNAPSHOT_RENDERING) this.sr.enableSnapshotRendering(); this.sr.enableSnapshotRendering();
}, 1); }, 1);
} }