LccScene.ts
examples/lcc/LccScene.ts · raw · open the example · all examples · site home
Exports: LccSourceLccRangesLccMetaLccBlockLccCellLccSpawnreadRangereadOptionalLccScene
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232
// An XGRIDS LCC v1 scene (https://github.com/xgrids/LCCWhitepaper): its
// meta file (JSON, any name ending in .lcc), index.bin (one record per grid
// cell: u16 x, u16 y, then per level u32 count, u64 offset, u32 size into
// data.bin), the optional shcoef.bin (64 bytes per splat at twice data.bin's
// offsets: spherical harmonics, "Quality" files), the optional
// environment.bin (background splats outside the grid, no index: data.bin
// records, each followed by its 64 SH bytes in Quality files, quantized over
// the env* attribute ranges) and the spawn point of attrs.lcp (or
// assets/attrs.json). Plain code with no imports, so the page
// and the decode workers share it. An LccSource is a folder URL or a set of
// dropped / picked files, both structured-cloneable: names are matched
// without case (index.bin or Index.bin), range reads use HTTP Range
// requests or File.slice.
// files: each with its path inside the dropped or picked folder
export type LccSource =
| { kind: "url"; meta: string }
| { kind: "files"; files: { path: string; file: File }[] };
export interface LccRanges {
scaleMin: [number, number, number];
scaleMax: [number, number, number];
shMin: [number, number, number];
shMax: [number, number, number];
}
export interface LccMeta {
name: string;
totalLevel: number;
cellLengthX: number;
cellLengthY: number;
indexDataSize?: number;
scale?: number[];
splats: number[];
boundingBox: { min: [number, number, number]; max: [number, number, number] };
fileType?: string;
attributes: { name: string; min: number[]; max: number[] }[];
}
// One level of one cell: `count` splats at `offset` in data.bin
export interface LccBlock {
cell: number;
level: number;
count: number;
offset: number;
size: number;
}
export interface LccCell {
x: number;
y: number;
// In the file's frame (Z-up): x and y from the grid, z from the scene box
min: [number, number, number];
max: [number, number, number];
// By level
blocks: LccBlock[];
}
export interface LccSpawn {
position: [number, number, number];
// A camera quaternion (x, y, z, w) in the file's frame
rotation: [number, number, number, number];
}
// A file of a source by name (no case, any folder); undefined when absent
function fileOf(source: Extract<LccSource, { kind: "files" }>, name: string) {
const lower = name.toLowerCase();
return source.files.find(({ path }) => {
const p = path.toLowerCase();
return p === lower || p.endsWith(`/${lower}`);
})?.file;
}
function urlOf(source: Extract<LccSource, { kind: "url" }>, name: string) {
return new URL(name, source.meta).href;
}
// The bytes [start, end) of a scene file
export async function readRange(source: LccSource, name: string, start: number, end: number, signal?: AbortSignal): Promise<Uint8Array<ArrayBuffer>> {
if (end <= start) {
return new Uint8Array(0);
}
if (source.kind === "files") {
const file = fileOf(source, name);
if (!file) {
throw new Error(`No ${name} among the files`);
}
return new Uint8Array(await file.slice(start, end).arrayBuffer());
}
const response = await fetch(urlOf(source, name), { headers: { Range: `bytes=${start}-${end - 1}` }, signal });
if (!response.ok) {
throw new Error(`${name}: HTTP ${response.status}`);
}
const bytes = new Uint8Array(await response.arrayBuffer());
// A server without range support sends the whole file
return response.status === 206 ? bytes : bytes.slice(start, end);
}
// A whole small file, or undefined when it is not there
export async function readOptional(source: LccSource, name: string, signal?: AbortSignal): Promise<Uint8Array<ArrayBuffer> | undefined> {
if (source.kind === "files") {
const file = fileOf(source, name);
return file ? new Uint8Array(await file.arrayBuffer()) : undefined;
}
const response = await fetch(urlOf(source, name), { signal });
return response.ok ? new Uint8Array(await response.arrayBuffer()) : undefined;
}
async function exists(source: LccSource, name: string) {
if (source.kind === "files") {
return fileOf(source, name) !== undefined;
}
const response = await fetch(urlOf(source, name), { method: "HEAD" });
return response.ok;
}
const vec3 = (values: number[] | undefined, fallback: number): [number, number, number] =>
[values?.[0] ?? fallback, values?.[1] ?? fallback, values?.[2] ?? fallback];
export class LccScene {
readonly source: LccSource;
readonly meta: LccMeta;
readonly cells: LccCell[];
readonly sh: boolean;
readonly ranges: LccRanges;
// environment.bin may be there: among the files, or (for a URL, which is
// only fetched to find out) the meta has env* ranges
readonly environment: boolean;
readonly envRanges: LccRanges;
readonly spawn?: LccSpawn;
private constructor(source: LccSource, meta: LccMeta, cells: LccCell[], sh: boolean, spawn?: LccSpawn) {
this.source = source;
this.meta = meta;
this.cells = cells;
this.sh = sh;
this.spawn = spawn;
const attribute = (name: string) => meta.attributes?.find((a) => a.name === name);
this.ranges = {
scaleMin: vec3(attribute("scale")?.min, 0),
scaleMax: vec3(attribute("scale")?.max, 1),
shMin: vec3(attribute("shcoef")?.min, -1),
shMax: vec3(attribute("shcoef")?.max, 1),
};
this.envRanges = {
scaleMin: attribute("envscale") ? vec3(attribute("envscale")?.min, 0) : this.ranges.scaleMin,
scaleMax: attribute("envscale") ? vec3(attribute("envscale")?.max, 1) : this.ranges.scaleMax,
shMin: attribute("envshcoef") ? vec3(attribute("envshcoef")?.min, -1) : this.ranges.shMin,
shMax: attribute("envshcoef") ? vec3(attribute("envshcoef")?.max, 1) : this.ranges.shMax,
};
this.environment = source.kind === "files" ? fileOf(source, "environment.bin") !== undefined : attribute("envscale") !== undefined;
}
// The normal ranges of the grid's splats and of the environment's
get normalRange() {
return this.meta.attributes?.find((a) => a.name === "normal");
}
get envNormalRange() {
return this.meta.attributes?.find((a) => a.name === "envnormal");
}
get levels() {
return this.meta.totalLevel;
}
// The scene's folder name, else the meta's name
get name() {
const path = this.source.kind === "url"
? decodeURIComponent(new URL(this.source.meta).pathname)
: this.source.files.find((entry) => entry.path.toLowerCase().endsWith(".lcc"))?.path ?? "";
return path.split("/").filter(Boolean).slice(-2, -1)[0] ?? this.meta.name;
}
static async open(source: LccSource): Promise<LccScene> {
const metaBytes = source.kind === "url"
? await fetch(source.meta).then((response) => {
if (!response.ok) {
throw new Error(`${source.meta}: HTTP ${response.status}`);
}
return response.arrayBuffer();
})
: await (fileOf(source, "meta.lcc") ?? source.files.find(({ path }) => path.toLowerCase().endsWith(".lcc"))?.file)?.arrayBuffer();
if (!metaBytes) {
throw new Error("No .lcc meta file among the files");
}
const meta = JSON.parse(new TextDecoder().decode(metaBytes)) as LccMeta;
const index = await readOptional(source, "index.bin");
if (!index) {
throw new Error("No index.bin beside the meta file");
}
const cells = LccScene.parseIndex(meta, index);
const shAttribute = meta.attributes?.some((a) => a.name === "shcoef");
const sh = meta.fileType === "Quality" || (meta.fileType === undefined && shAttribute === true && await exists(source, "shcoef.bin"));
const attrs = await readOptional(source, "attrs.lcp") ?? await readOptional(source, "assets/attrs.json") ?? await readOptional(source, "attrs.json");
let spawn: LccSpawn | undefined;
try {
const point = attrs && (JSON.parse(new TextDecoder().decode(attrs)) as { spawnPoint?: LccSpawn | null }).spawnPoint;
spawn = point?.position && point.rotation ? point : undefined;
} catch {
spawn = undefined;
}
return new LccScene(source, meta, cells, sh, spawn);
}
static parseIndex(meta: LccMeta, bytes: Uint8Array): LccCell[] {
const levels = meta.totalLevel;
const stride = meta.indexDataSize && meta.indexDataSize >= 4 + 16 * levels ? meta.indexDataSize : 4 + 16 * levels;
const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
const { min, max } = meta.boundingBox;
const cells: LccCell[] = [];
for (let at = 0; at + stride <= bytes.byteLength; at += stride) {
const x = view.getUint16(at, true);
const y = view.getUint16(at + 2, true);
const cell = cells.length;
const blocks: LccBlock[] = [];
for (let level = 0; level < levels; level += 1) {
const o = at + 4 + level * 16;
blocks.push({ cell, level, count: view.getUint32(o, true), offset: Number(view.getBigUint64(o + 4, true)), size: view.getUint32(o + 12, true) });
}
cells.push({
x, y, blocks,
min: [min[0] + x * meta.cellLengthX, min[1] + y * meta.cellLengthY, min[2]],
max: [min[0] + (x + 1) * meta.cellLengthX, min[1] + (y + 1) * meta.cellLengthY, max[2]],
});
}
return cells;
}
}