Offshore cargo basket
Open-top offshore cargo basket: RHS 200 × 100 base frame with channel cross members and a checker-plate floor, two fork-pocket tunnels across the width, SHS posts at ≤ 1.6 m with top and mid rails, kick plates and expanded-metal mesh sides, floor lashing and tag-line D-rings, marking plates and four padeyes with shackles and a 4-leg sling set to a master link. Length runs along X.
Installation
Copies lifting/cargo-basket.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 { CargoBasket } from './components/deck-twin/lifting/cargo-basket'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<CargoBasket />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
length | number (m) | null | 2 – 12 |
width | number (m) | null | 1.2 – 3 |
height | number (m) | null | 0.6 – 2.4 |
color | string | null | |
swl | number (t) | null | 1 – 25 |
liftingSet | boolean | null | |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
Elevation: an open-topped frame with mesh sides hanging from a four-leg sling set to a master link; in plan, a long rectangle in the laydown area.
Open top and mesh sides tell it from a closed container. Not on P&IDs.
lengthwidthheightswlliftingSettagTypical suppliers
OEG · Byrne Group · Simmonds Equipment. 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/cargo-basket.json, or copy a ready-made instruction:
Add the Deck Twin "Offshore cargo basket" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add cargo-basket` (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 cargo-basket` for its props, ranges and ports. Render <CargoBasket /> 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