3D Scene

Osaka Castle — Three.js vs Blender Comparison

おのふみ| 3D×動画生成×個人開発

@onofumi_AI · 9.5K followers

395likes

150.8Kviews

30reposts

286bookmarks

Sep 23, 2026

View original post ↗

An architectural study of Osaka Castle built twice — once in Three.js for the browser and once in Blender, without ever opening Blender manually. The Three.js version is a polished interactive experience: drag to orbit, click through four stages (Sketch → Massing Model → Detailed Model → Built Reality), and scrub to transform between them. The Blender render took ~1.5 hours on an M4 MacBook using free CC0 textures. A rare side-by-side showing exactly where browser 3D wins on accessibility and where Blender wins on realism.

Interactive Three.js scene with four architectural stages and a scrub-to-transform timeline — all in the browser
Parallel Blender render produced without ever manually opening Blender, driven entirely by Claude Opus 5.5
Built with free CC0 textures; full render completed in ~1.5 hours on an M4 MacBook

“同じ大阪城を、Three.jsとBlenderで作り比べました。最初はブラウザ(Three.js)で作ったけど、blenderでもやってみました。・描画時間約1.5時間(M4 MacBook) ・素材は無料のCC0テクスチャ・Blenderは一度も開いていないリアルさを取るならBlender、手軽さならThree.jsかな。3Dの比較に触りやすい。”
— @onofumi_AI

threejs blender 3d architecture interactive-demo ai-generated minimal 3d editorial