/**
* Демо-полигон v2: воксельный мир 3×3 чанков (пепельный луг) под скриншот-гейтом.
* Мир живёт в воксельных единицах, проекция — только в VoxelRenderer.
* Ремешинг по dirty-чанкам: setVoxel моста правит ровно затронутые чанки.
* Палитра — слоты арт-библии v1; тёплый цвет — только жизнь.
*/
import { VoxelWorld, VoxelRenderer, meshChunk, CHUNK_SX } from '@rpg/engine';
import * as THREE from 'three';
// Слоты палитры арт-библии: индексы сцены → hex
const PALETTE = {
colors: {
1: '#4a5340', // G1 — базовый луг
2: '#343b2c', // G0 — тень травы (нижний слой)
3: '#626c4c', // G2 — трава, свет (пятна)
4: '#5c3b2e', // R1 — стволы/крыша тень
5: '#7d8662', // G2H — крона, свет
6: '#5b5b66', // P4 — камень, стены
7: '#94949e', // P6 — свет камня
8: '#82503a', // R2 — светлая ржавчина (крыша)
9: '#d99a32', // B1 — цветок (жизнь!)
10: '#44454e', // M1 — металл
},
};
const CHUNKS = 3; // мир 3×3 чанков
const S = CHUNKS * CHUNK_SX; // 48 — сторона площадки
/** Сценка: земля, деревья, дом, валун, цветы — пишется прямо в мир. */
function buildScene(world: VoxelWorld): void {
for (let x = 0; x < S; x++)
for (let z = 0; z < S; z++) {
world.set(x, 0, z, 2);
const patch = (x * 7 + z * 13) % 11 < 3; // детерминированные пятна
world.set(x, 1, z, patch ? 3 : 1);
}
// деревья: три обычных + одно на шве x=CHUNK_SX (проверка шва глазами)
for (const [tx, tz, h] of [[6, 8, 4], [24, 12, 5], [10, 25, 4], [CHUNK_SX, 20, 5]] as const) {
tree(world, tx, tz, h);
}
house(world, 30, 6);
boulder(world, 22, 21);
for (const [fx, fz] of [[9, 17], [13, 21], [20, 16], [27, 9]] as const) {
world.set(fx, 2, fz, 9); // цветок — единственный тёплый цвет
}
}
/** Дерево: ствол + двухслойная крона со светлым верхом. */
function tree(world: VoxelWorld, x: number, z: number, h: number): void {
for (let y = 2; y < 2 + h; y++) world.set(x, y, z, 4);
const top = 2 + h;
for (let dy = 0; dy < 2; dy++)
for (let dx = -1; dx <= 1; dx++)
for (let dz = -1; dz <= 1; dz++) {
world.set(x + dx, top + dy, z + dz, dy === 0 ? 3 : 5); // низ кроны темнее
}
world.set(x, top + 2, z, 5);
}
/** Дом: стены P4 со светлыми пилястрами, ступенчатая крыша R2. */
function house(world: VoxelWorld, x: number, z: number): void {
const w = 6, d = 5, hWall = 3;
for (let i = 0; i < w; i++)
for (let j = 0; j < d; j++) {
const wall = i === 0 || j === 0 || i === w - 1 || j === d - 1;
for (let y = 2; y < 2 + hWall; y++) {
if (wall) world.set(x + i, y, z + j, (i + j) % 3 === 0 ? 7 : 6);
else world.set(x + i, y, z + j, 10); // интерьер темнее
}
}
// дверной проём с юга
for (let y = 2; y < 4; y++) world.set(x + 3, y, z, 0);
// крыша: три сужающиеся ступени (скат вверх к коньку)
for (let t = 0; t < 3; t++) {
const j0 = z + t, j1 = z + d - 1 - t;
for (let i = 0; i < w; i++)
for (let j = j0; j <= j1; j++) world.set(x + i, 2 + hWall + t, j, t === 2 ? 4 : 8);
}
}
/** Валун: неровная глыба, свет сверху. */
function boulder(world: VoxelWorld, x: number, z: number): void {
const blobs = [[0, 0, 0], [1, 0, 0], [0, 0, 1], [1, 0, 1], [0, 1, 0], [1, 1, 0]];
for (const [dx, dy, dz] of blobs) world.set(x + dx, 2 + dy, z + dz, dy ? 7 : 6);
}
const world = new VoxelWorld(24);
buildScene(world);
const canvas = document.getElementById('scene') as HTMLCanvasElement;
const renderer = new VoxelRenderer(canvas, { target: [S / 2, 2, S / 2], viewSize: 17 });
// Меш на чанк; ремешинг только dirty-чанков
const chunkMeshes = new Map<string, THREE.Mesh>();
function remeshDirty(): void {
for (const key of world.takeDirty()) {
const [cx, cz] = key.split(',').map(Number);
const old = chunkMeshes.get(key);
if (old) {
renderer.scene.remove(old);
old.geometry.dispose();
}
const mesh = meshChunk(world, cx, cz, PALETTE);
if (mesh.triangleCount > 0) chunkMeshes.set(key, renderer.addMesh(mesh));
else chunkMeshes.delete(key);
}
}
remeshDirty();
// Агентный мост (DEV): солнце, статистика, правка мира атомарным ремешингом
let sunK = 0.5;
(window as unknown as Record<string, unknown>).__agent = {
setSun(k: number): void { sunK = k; renderer.setSun(k); },
setVoxel(x: number, y: number, z: number, color: number): void {
world.set(x, y, z, color);
remeshDirty();
},
stats(): { vertices: number; triangles: number; sun: number } {
let vertices = 0, triangles = 0;
const mesh = [...chunkMeshes.values()];
for (const m of mesh) {
const count = m.geometry.getAttribute('position').count;
vertices += count;
triangles += (m.geometry.getIndex()?.count ?? 0) / 3;
}
return { vertices, triangles, sun: sunK };
},
chunkStats(): { chunks: number; meshes: number } {
return { chunks: world.chunkCount, meshes: chunkMeshes.size };
},
};
function frame(): void {
renderer.render();
requestAnimationFrame(frame);
}
frame();
(window as unknown as Record<string, unknown>).__beacon = true;