Add movement gallery wings with period interiors and expand timeline features.
Movement galleries split large catalogs into chronological wings (~55 works), use era-themed 3D interiors with side-wall windows, wing navigator on the back exit, and front archways between wings. Also adds painting annotations, timeline event guides, portrait hover highlights, and documentation/API updates. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
co-authored by
Cursor
parent
0972b5df99
commit
df29848d89
@@ -0,0 +1,30 @@
|
||||
import { useEffect, useMemo } from 'react';
|
||||
import * as THREE from 'three';
|
||||
import { cloneSurfaceTexture, getSurfaceTexture, type SurfaceTextureKind } from '../utils/galleryProceduralTextures';
|
||||
|
||||
export function useTexturedMaterial(
|
||||
kind: SurfaceTextureKind,
|
||||
tint: string,
|
||||
spanW: number,
|
||||
spanH: number
|
||||
): THREE.MeshStandardMaterial {
|
||||
const material = useMemo(() => {
|
||||
const meters = getSurfaceTexture(kind).metersPerRepeat;
|
||||
const surf = cloneSurfaceTexture(
|
||||
kind,
|
||||
Math.max(1, spanW / meters),
|
||||
Math.max(1, spanH / meters)
|
||||
);
|
||||
return new THREE.MeshStandardMaterial({
|
||||
map: surf.map,
|
||||
normalMap: surf.normalMap,
|
||||
color: tint,
|
||||
roughness: surf.roughness,
|
||||
metalness: surf.metalness,
|
||||
envMapIntensity: 0.65,
|
||||
});
|
||||
}, [kind, tint, spanW, spanH]);
|
||||
|
||||
useEffect(() => () => material.dispose(), [material]);
|
||||
return material;
|
||||
}
|
||||
Reference in New Issue
Block a user