Wall / ceiling display or panel PC
Single large-format display on a tilting wall bracket (wall plane at z = 0), a ceiling drop pole with yoke, or a mobile stand on castors; or an industrial panel PC with a stainless IP66 bezel, function keys and status LEDs. Shows a procedural sample page (content: CCTV, overview, mimic, trend, alarm, F&G, ESD, metocean, helideck, KPIs) or a live screen texture (CanvasTexture, VideoTexture, render target).
Installation
Copies interiors/wall-display.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 { WallDisplay } from './components/deck-twin/interiors/wall-display'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<WallDisplay />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
size | number (in) | null | 10 – 98 |
mount | "wall" | "ceiling" | "stand" | null | |
style | "display" | "panel-pc" | null | |
elevation | number (m) | null | 0.6 – 3 |
ceilingHeight | number (m) | null | 2.4 – 6 |
tilt | number (°) | null | -10 – 30 |
content | "cctv" | "overview" | "mimic" | "trend" | "alarm" | "fg" | "esd" | "weather" | "helideck" | "kpi" | "off" | null | |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
Control room or equipment-room layout: a thin rectangle on the wall (plan) or a framed screen on a bracket (elevation), labelled with its size and content.
A single screen; a grid of tiles is the video wall.
sizemountstyleelevationtagTypical 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/wall-display.json, or copy a ready-made instruction:
Add the Deck Twin "Wall / ceiling display or panel PC" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add wall-display` (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 wall-display` for its props, ranges and ports. Render <WallDisplay /> 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