WorksHub
rin0420 / games, tools & bots

3D GALLERY / VIEWER

Form Archive

A gallery of procedurally built 3D models made with Three.js, viewed by dragging to orbit. It holds Jingyun Pavilion, a wooden pavilion, alongside four aircraft.

What kind of site is it?

Instead of photos or external data, it's a gallery of 3D models built procedurally out of Three.js geometry. Pick a model from the list on the side and switch angles with the view buttons.

How it is built

Built with WebGL (Three.js) and OrbitControls. Some of the aircraft are reconstructed from measurements and three-view drawings.

What's in the collection

Five models: Jingyun Pavilion (a wooden hall with a hip-and-gable roof), the Mitsubishi A6M2 Model 21 Zero, the MB 152, the MB 155, and the MB 157. Every aircraft reproduces its actual length, span and height, and the MB 152 links to the three-view drawing it was reconstructed from.

Controlling the view

Drag to orbit freely, and scroll or pinch to zoom. The view buttons jump to perspective, front, side and top (from above for the building, from the top plane for aircraft). With the model focused, arrow keys rotate and the +/− keys zoom. Only Jingyun Pavilion can switch between daylight and a dusk mode where its eave lanterns light up.

Data handling

Everything happens in the browser's own WebGL rendering; nothing is sent anywhere.