backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2026-04-02 21:47:24 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat: Introduce TextureAtlasLayer for efficient texture management and rendering

Browse source 
refactor: Streamline WebGL2LayerClass methods and remove unused code
refactor: Consolidate relief icon rendering logic and remove benchmarks
This commit is contained in:
Azgaar 2026-03-12 20:17:17 +01:00
parent dc6ff785ba
commit 70e3eea4d1
8 changed files with 251 additions and 312 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/modules/webgl-layer.ts
View file

@ -34,8 +34,6 @@ export class WebGL2LayerClass {
this.scene = new Scene();
this.camera = new OrthographicCamera(0, graphWidth, 0, graphHeight, -1, 1);
svg.on("zoom.webgl", () => this.requestRender());
// Process pre-init registrations (register() before init() is explicitly safe)
for (const config of this.pendingConfigs) {
const group = new Group();
@ -48,56 +46,6 @@ export class WebGL2LayerClass {
return true;
}
register(config: WebGLLayerConfig) {
if (!this.scene) {
// init() has not been called yet — queue for processing in init()
this.pendingConfigs.push(config);
return;
}
// Post-init registration: create group immediately
const group = new Group();
// group.renderOrder = config.renderOrder;
config.setup(group);
this.scene.add(group);
this.layers.set(config.id, { config, group });
}
unregister(id: string) {
const layer = this.layers.get(id);
if (!layer || !this.scene) return;
const scene = this.scene;
layer.config.dispose(layer.group);
scene.remove(layer.group);
this.layers.delete(id);
const anyVisible = [...this.layers.values()].some((l) => l.group.visible);
if (this.canvas && !anyVisible) this.canvas.style.display = "none";
}
setVisible(id: string, visible: boolean) {
const layer = this.layers.get(id);
if (!layer) return;
layer.group.visible = visible;
const anyVisible = [...this.layers.values()].some((l) => l.group.visible);
if (this.canvas) this.canvas.style.display = anyVisible ? "block" : "none";
if (visible) this.requestRender();
}
clearLayer(id: string) {
const layer = this.layers.get(id);
if (!layer) return;
layer.group.clear();
this.requestRender();
}
requestRender() {
if (this.rafId !== null) return;
this.rafId = requestAnimationFrame(() => {
this.rafId = null;
this.render();
});
}
private syncTransform() {
if (!this.camera) return;
const x = -viewX / scale;
@ -121,6 +69,28 @@ export class WebGL2LayerClass {
}
this.renderer.render(this.scene, this.camera);
}
register(config: WebGLLayerConfig) {
if (!this.scene) {
// init() has not been called yet — queue for processing in init()
this.pendingConfigs.push(config);
return;
}
// Post-init registration: create group immediately
const group = new Group();
config.setup(group);
this.scene.add(group);
this.layers.set(config.id, { config, group });
}
rerender() {
if (this.rafId !== null) return;
this.rafId = requestAnimationFrame(() => {
this.rafId = null;
this.render();
});
}
}
declare global {