Gatehouse with boom barrier

Site security gatehouse on a kerbed island with striped ends. The glazed guard hut has solid lower panels, mullions, a part-glazed door, a flat roof with a canopy over the lane, a SECURITY fascia and an inside counter with monitors and a chair. Outside are a wall-mounted AC condenser, a CCTV and floodlight pole, an automatic boom barrier cabinet with bollards and earth bond, a red and white boom with a rubber skirt, a rest post across the lane, a stop line and a road hump. open raises the boom.

Installation

Copies onshore/gatehouse.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 { Gatehouse } from './components/deck-twin/onshore/gatehouse'

export default function Scene() {
  return (
    <Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
      <Stage>
        <Gatehouse />
      </Stage>
      <OrbitControls makeDefault />
    </Canvas>
  )
}

Props

P&ID

Site plan: a small hut rectangle on a kerbed island beside the lane, a boom barrier drawn as a thick line from a pivot across the lane, and lane direction arrows.

tag GHLayout plan convention (site plan)

Only on site and security plans.

Barrier / gate specification (EN 12453, EN 13241) fields and the props they set

Lane widthlaneWidth

Tag numbertag

For agents

Machine-readable entry with props, ranges, defaults and ports:

Or fetch /r/gatehouse.json, or copy a ready-made instruction:

Add the Deck Twin "Gatehouse with boom barrier" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add gatehouse` (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 gatehouse` for its props, ranges and ports. Render <Gatehouse /> 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