Meng To(@MengTo)

I made an interactive three.js site that constructs towers with weather and time of day effects. I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to customize everything: themed towers from different countries, ancient and modern styles, weather like snow and rain, lighting from morning to night. The surprising part is that with a solid foundation it creates those changes pretty

8.5内容质量
I made an interactive three.js site that constructs towers with weather and time of day effects. I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to customize everything: themed towers from different countries, ancient and modern styles, weather like snow and rain, lighting from morning to night. The surprising part is that with a solid foundation it creates those changes pretty

TL;DR · AI 摘要

开发者使用three.js和AI生成交互式3D塔楼模型，体积控制在1-2MB，支持天气和时间效果定制。

核心要点

  • three.js实现1-2MB超小体积的高细节3D模型
  • AI驱动生成不同风格/天气的塔楼定制化设计
  • Opus 5与开源项目解决3D模型质量一致性问题

结构提纲

按章节快速跳转。

  1. §项目概述

    介绍从静态网站转向three.js 3D交互式模型的转型过程

  2. ·技术实现

    通过AI生成不同国家主题、古今风格及天气效果的塔楼模型

  3. ›性能优化

    使用Opus 5和开源项目解决3D模型质量一致性问题

  4. ·工具链

    采用Claude Code和Higgsfield生成纹理及音效

  5. ›开源信息

    提供完整开源代码获取方式及灵感来源

思维导图

用一张图看清主题之间的关系。

查看大纲文本（无障碍 / 无 JS 友好）
  • three.js交互式3D塔楼生成
    • 技术实现
      • AI驱动定制化设计
      • 天气/时间效果模拟
    • 优化方案
      • Opus 5质量控制
      • 开源项目整合
    • 工具链
      • Claude Code
      • Higgsfield

金句 / Highlights

值得收藏与分享的关键句。

#three.js#前端#AI生成#开源项目
打开原文

Meng To on X: "I made an interactive three.js site that constructs towers with weather and time of day effects. I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to https://t.co/IhzMy4P76k" / X

Meng To

@MengTo

I made an interactive three.js site that constructs towers with weather and time of day effects. I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to customize everything: themed towers from different countries, ancient and modern styles, weather like snow and rain, lighting from morning to night. The surprising part is that with a solid foundation it creates those changes pretty much one-shot. It's like starting a design system, where the AI figures out how to stay consistent in quality with the rest of the design. The hard part is avoiding 3D slop, which is easier thanks to Opus 5 and open-source projects. I used Claude Code for the harness, Higgsfield to generate textures and soundfx/music. Let me know if you'd like the open-source. Inspiration:

x.com/IndieDevHailey…

Btw, I love that we get auto-translated posts from around the world. It really expands our horizon in terms of inspiration.

$

00:00

/$

开发者Hailey

@IndieDevHailey

Aug 7

用 Codex 造了一座古代楼台

6:10 AM · Aug 10, 2026

64.3K

Views

38

69

980

756