Three.js
Three.js是一款开源的JavaScript 3D图形库，运行于浏览器环境，基于WebGL技术封装，简化了3D图形的创建与渲染流程。它提供场景管理、摄像机控制、光照、材质、几何体等完整的三维渲染功能，支持动画、粒子系统及多种模型格式加载，广泛应用于Web端的可视化、游戏开发、交互式艺术及数据展示等领域。
核心事实
时间轴 (近 90 天)
AI模型偏好Three.js的原因在于其API设计直观、文档丰富，且训练数据中存在大量Three.js示例代码
实时构建交互式可视化组件依赖大语言模型的代码生成能力，通常生成 JavaScript（如 D3.js、Three.js）或 React 组件代码，再由宿主环境即时渲染执行
作者用 SmallCoder 加本地模型完成了一个基于 Three.js 的 Minecraft 克隆项目，构建过程约 20 分钟且全程无中断
在 Unity WebGL 构建中可通过 Application.targetFrameRate 在加载完成回调中动态修改帧率；在 Three.js 或自定义 WebGL 项目中通常通过控制 requestAnimationFrame 的调用节奏实现
许多游戏引擎的资源初始化流程并非完全异步，部分操作（如 WebGL 纹理上传、着色器编译、渲染管线状态初始化）必须在主线程的渲染帧回调中执行
在同一道 Three.js 3D 建模任务测试中，GPT 6.1 Sol 与 Sonnet 5.5 产出质量相近，但 API 等效成本相差约 30 倍
Opus 5.5能用Three.js在单个HTML文件中生成第一人称《我的世界》风格迷你游戏，包含程序化生成贴图、配乐、音效和多种生物
专业游戏引擎如Unity、Unreal有完整的LOD、遮挡剔除、资产流式加载等优化机制，而AI生成的Three.js代码通常不会自动实现这些
Three.js的性能瓶颈来自浏览器JavaScript单线程执行模型、WebGL的CPU-GPU数据传输开销、以及缺乏场景级别自动优化，堆叠大量3D资产时易出现帧率崩塌和CPU过热
该演示的3D场景包含五个可行走的房间、由AI生成的墙面素材，以及一个用于讲解LLM概念的博物馆房间
还有 40 条时间轴事件
全部知识事实 (20)
Three.js是目前最主流的WebGL封装库，由Ricardo Cabello（Mr.doob）于2010年创建并开源
80%已验证Three.js包含场景管理、相机控制、光照系统、材质渲染等功能模块,是Web端3D可视化的事实标准工具
65%已验证Three.js 由 Ricardo Cabello（mrdoob）于2010年创建
65%待验证Three.js 的粒子系统（Points）能利用 GPU 硬件加速并行渲染数千甚至数十万个点
90%待验证Three.js 的 BufferGeometry 通过 Float32Array 直接操作顶点缓冲区，避免了传统 Geometry 的对象开销
90%待验证推荐的前端技术栈组合为React + Next.js、Tailwind CSS、Framer Motion + GSAP、Three.js
85%待验证大模型生成动态视频更可能是生成描述动画的代码（如 Canvas、SVG、CSS 动画或动画框架），而非直接渲染像素级视频
60%待验证使用DeepSeek V3 Flash模型基于Three.js生成3D交互式机械时钟模拟器整个过程约40分钟
60%待验证在30道 Three.js One-Shot 编程题测试中，Qwen 3.8 通过24题，Ornith 1.5 通过15题，均在Q6量化下运行
60%待验证Three.js将底层的WebGL图形API抽象为场景图模型，开发者无需直接编写GLSL着色器代码即可完成3D场景构建
60%待验证当前AI辅助游戏开发主要以基于Web的轻量级路径为主，使用HTML5 Canvas、Phaser.js、Three.js等框架
60%待验证AI生成的3D游戏通常基于Three.js等浏览器端3D渲染框架实现，无需安装客户端即可在浏览器中运行
60%待验证AI模型偏好Three.js的原因在于其API设计直观、文档丰富，且训练数据中存在大量Three.js示例代码
50%待验证实时构建交互式可视化组件依赖大语言模型的代码生成能力，通常生成 JavaScript（如 D3.js、Three.js）或 React 组件代码，再由宿主环境即时渲染执行
50%待验证许多游戏引擎的资源初始化流程并非完全异步，部分操作（如 WebGL 纹理上传、着色器编译、渲染管线状态初始化）必须在主线程的渲染帧回调中执行
50%待验证在 Unity WebGL 构建中可通过 Application.targetFrameRate 在加载完成回调中动态修改帧率；在 Three.js 或自定义 WebGL 项目中通常通过控制 requestAnimationFrame 的调用节奏实现
50%待验证在同一道 Three.js 3D 建模任务测试中，GPT 6.1 Sol 与 Sonnet 5.5 产出质量相近，但 API 等效成本相差约 30 倍
50%待验证Opus 5.5能用Three.js在单个HTML文件中生成第一人称《我的世界》风格迷你游戏，包含程序化生成贴图、配乐、音效和多种生物
50%待验证Three.js的性能瓶颈来自浏览器JavaScript单线程执行模型、WebGL的CPU-GPU数据传输开销、以及缺乏场景级别自动优化，堆叠大量3D资产时易出现帧率崩塌和CPU过热
50%待验证专业游戏引擎如Unity、Unreal有完整的LOD、遮挡剔除、资产流式加载等优化机制，而AI生成的Three.js代码通常不会自动实现这些
50%