Video wall
Rows × columns of narrow-bezel LCD tiles (0.88 mm bezel-to-bezel by default) or seamless fine-pitch LED tiles. Floor-standing frame with uprights, rails, pop-out mounts and a base cabinet with perforated doors, or wall-mounted on rails. The optional controller is a stack of 19" units behind a glazed door in the base, or a rack beside a wall-mounted wall. Tiles show procedural sample pages (CCTV, overview, mimic, helideck camera, metocean, trends, F&G); pass screens per tile, or set span to stretch screens[0] across the whole wall.
Installation
Copies interiors/video-wall.tsx and the shared lib/ into src/components/deck-twin/. Needs three, @react-three/fiber and @react-three/drei. See installation for the manual route.
Usage
import { Canvas } from '@react-three/fiber'
import { OrbitControls } from '@react-three/drei'
import { Stage } from './components/deck-twin/lib/stage'
import { VideoWall } from './components/deck-twin/interiors/video-wall'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<VideoWall />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
rows | number | null | 1 – 6 |
cols | number | null | 1 – 10 |
diagonal | number (in) | null | 27 – 98 |
bezel | 0.88 | 1.8 | 3.5 | null | |
technology | "lcd" | "led" | null | |
mount | "floor" | "wall" | null | |
elevation | number (m) | null | 0.4 – 2.5 |
controller | boolean | null | |
span | boolean | null | |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
Elevation: a grid of display tiles (rows × columns) on a frame with a base cabinet; in plan, a long thin rectangle along the CCR wall with the viewing distance to the consoles dimensioned.
Only on control room drawings.
rowscolsdiagonalbezeltechnologymountelevationcontrollertagTypical suppliers
Barco · Planar. The geometry is generic and sized from public standards. It is not vendor CAD.
For agents
Machine-readable entry with props, ranges, defaults and ports:
Or fetch /r/video-wall.json, or copy a ready-made instruction:
Add the Deck Twin "Video wall" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add video-wall` (it copies the file and the shared lib into src/components/deck-twin/), then `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz info video-wall` for its props, ranges and ports. Render <VideoWall /> inside a React Three Fiber <Canvas shadows>, wrapped in <Stage> from src/components/deck-twin/lib/stage. Set props from my data (metres, NPS in inches, ASME class) and leave the rest at defaults. Install three, @react-three/fiber, @react-three/drei and @types/three if they're missing. Full guide: https://decktwin.com/skill/SKILL.md