Below is a complete, self‑contained HTML file that creates an interactive 3‑D WebGL scene of the seastead described in your brief.
It uses Three.js (r128) and OrbitControls so you can rotate/zoom the model.
All measurements are converted to metres (1 ft = 0.3048 m) and the legs are shown halfway submerged.
```html
Seastead 3‑D Concept
Seastead concept – drag to rotate, scroll to zoom
```
### How to use
1. Save the code above as an `.html` file (e.g., `seastead.html`).
2. Open the file in any modern browser (Chrome, Firefox, Edge, Safari).
The scene loads Three.js and OrbitControls from CDNs, so an internet connection is required on first load.
3. **Interact**:
* **Left‑click + drag** – rotate the view.
* **Right‑click + drag** – pan.
* **Scroll wheel** – zoom in/out.
### What the scene shows
* **Triangle frame / railing** – steel tubes forming the 60 ft triangular perimeter, 4 ft high.
* **Three wing‑like legs** – each 39 ft long, angled down 45°, halfway submerged (water plane at ~‑4.2 m).
The legs are shown as cylinders (with a thin slab to hint at the wing chord).
* **Cables** – black lines from each leg tip to the two opposite triangle corners, plus a loop under‑water connecting the three tips.
* **Stairs** – a few steps on each leg (top 1⁄3 of the leg length).
* **Thrusters** – two small cylinders on each leg, 6 ft above the tip.
* **Living area** – a rectangular “house” inside the triangle, with solar panels on top and fold‑out side panels (shown level with the roof).
* **RIB boats** – a 14‑ft RIB on the left side, a 22‑ft RIB on the right side, each with a simple outboard motor and a davit nearby.
* **Water** – a semi‑transparent blue plane at the halfway depth, giving the impression of the legs being half‑submerged.
Feel free to tweak materials, dimensions, or add more detail – the structure is fully parameterised at the top of the script. Enjoy exploring your seastead concept!