Building a browser-based 3D site with GPT-6 Astra and Tripo
A designer shared the full process for making a 3D website that runs in the browser: converting a single angled photo into a 3D model with Tripo, exporting it as .glb, and handing it to GPT-6 Astra to build the site, with screen recordings of each step.
【衝撃】 GPT-6 Astraと3D生成ツールだけで 「ブラウザで動く3Dサイトを作る手順」 を海外のデザイナーが全部公開してた😳 しかも各工程の画面収録つき。何がヤバいかまとめると👇 https://x.com/marina_uiux/status/2100487789049413780/video/1 ・材料にするのは、斜め前から撮った1枚の画像 ・形と奥行きと比率の情報が増えるので、立体がきれいになる ・背景の余計な物や重なりは、生成前に消しておく ・その画像をTripoのImage-to-3Dに入れて立体にする ・精度が要る時は複数アングルをBatch Imagesでまとめて入れる ・余計な形が付いてきたらSegmentationで3D側から削る ・仕上げた立体を.glbで書き出し、GPT-6 Astraに渡してサイト側を組ませる つまり 「3Dが作れないからムリ、ではなく 3Dを作る工程だけツールに任せればいい」 モデリングの経験ゼロでも入口に立てる。 Web制作の常識が変わりつつある。 Codexで同じ流れを組みたい人向けに、入門セットを無料で配ってます。 受け取り方はこの下の投稿を見てね👇
This post quotes another post: x.com/2048622181790470144/status/207996950808585…