T
traeai
Sign in

产品

Three.js

别名：three

3D图形库，用于建筑坍塌模拟

已跟踪 21 条高相关材料

TraeAI 观察

最近变化

2026-10-15 · 使用Mapbox GL JS处理地面层时需对齐地图瓦片坐标系

为什么值得关注

Three.js 被反复提及时，通常意味着它正在影响产品路线、开发者工作流或 AI 产业判断。这个页面把分散材料合并成一个可持续更新的观察入口。

three.jsThree.jsWebGL前端AI生成

如果只读 3 篇

1

How to Build Disaster Simulations on a Real Map: Animated Canvas Layers and Collapsing 3D Buildings with Mapbox GL JS and Three.js

freeCodeCamp.org · 8.5 分

本文详解如何用Mapbox GL JS和Three.js构建真实地图灾难模拟，涵盖动画画布层与3D建筑坍塌技术。

2

I open-sourced this scrolling virtual-tour landing page, along with 8 new three.js skills. They cover room-to-room tours controlled by scrolling, sky rays, sky backgrounds, falling leaves, four seasons, high-resolution textures, high-poly models, and retina rendering. Live site: https://t.co/YN0dZ8DEVH Source: https://t.co/bHUdat642y Skills: https://t.co/gMuw2gt9FJ

Meng To(@MengTo) · 8.5 分

Meng To开源了一个基于three.js的虚拟旅游页面，包含8项新技能，适用于高交互性3D网页开发。

3

Okay, Fable 5.1 is crazy good at creating three.js sites. It’s faster, understands complex design instructions better, and recreates references with surgical precision. The English is also much easier to read. With this much power, it’s hard to settle for static sites, especially when so many AI-made sites look generic. A few things I noticed though: - It still creates generic AI illustrations if you don’t specify the images. - Difficult 3D subjects like people and dogs still become 3D slop unless I use

Meng To(@MengTo) · 8.5 分

Fable 5.1在生成three.js网站时显著提升速度和设计理解能力，但需人工调整细节以避免通用化问题。

相关材料

已收录 21 条与 Three.js 相关的内容，按评分排序。

I open-sourced this scrolling virtual-tour landing page, along with 8 new three.js skills. They cover room-to-room tours controlled by scrolling, sky rays, sky backgrounds, falling leaves, four seasons, high-resolution textures, high-poly models, and retina rendering. Live site: https://t.co/YN0dZ8DEVH Source: https://t.co/bHUdat642y Skills: https://t.co/gMuw2gt9FJ

Meng To开源了一个基于three.js的虚拟旅游页面，包含8项新技能，适用于高交互性3D网页开发。

入选理由：three.js实现滚动控制的房间游览，支持四季切换和高分辨率纹理。

FeaturedTweet#three.js#前端#开源#JavaScript#3D渲染中英混合
Okay, Fable 5.1 is crazy good at creating three.js sites. It’s faster, understands complex design instructions better, and recreates references with surgical precision. The English is also much easier to read. With this much power, it’s hard to settle for static sites, especially when so many AI-made sites look generic. A few things I noticed though: - It still creates generic AI illustrations if you don’t specify the images. - Difficult 3D subjects like people and dogs still become 3D slop unless I use

Fable 5.1在生成three.js网站时显著提升速度和设计理解能力，但需人工调整细节以避免通用化问题。

入选理由：Fable 5.1处理复杂设计指令更高效，但需指定图像避免通用AI插图。

FeaturedTweet#three.js#AI生成#3D建模#Fable#开源工具中英混合
I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: https://t.co/R1EGBqYDWT Repo: https://t.co/lJwCp13tra I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills re

Three.js开发者开源了包含13万实例化叶片的交互网站，提供三个可复用技能模块，代码量控制在1MB以内。

入选理由：使用Three.js实现13万实例化叶片的程序化几何仅需1MB代码

FeaturedTweet#Three.js#WebGL#开源#前端英文
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

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

入选理由：three.js实现1-2MB超小体积的高细节3D模型

FeaturedTweet#three.js#前端#AI生成#开源项目英文
The JetBrains Blog 图标

Ponytail Skill for Claude Code: Does It Really Cut Agent Code by 54%?

The JetBrains Blog3285 字 (约 14 分钟)
85

Ponytail技能实际节省代码量仅为宣传值的28%，但仍是首个显示统计显著成本节省的工具，优化效果依赖代码冗余空间。

入选理由：实际测试显示代码量减少15%（宣传54%），成本降低10.3%（宣传20%）

FeaturedArticle#JetBrains#AI工具#代码优化#Claude Code#AI代理英文
Meng To(@MengTo) 图标

img2threejs工具可将单张图片转换为可编辑的Three.js代码，实现高质量3D模型生成，适用于网页交互场景。

入选理由：img2threejs通过单张照片生成可编辑的Three.js代码，无需下载网格模型

FeaturedTweet#Three.js#开源工具#3D建模#AI生成#前端开发英文
This is a japanese house-tour landing page made in three.js with Fable 5.1 using the dream-loop skill. Live site: https://t.co/Kqo8zCgFLl It's crazy how realistic it looks even though it's all code and under 1 MB (except images). You can tour every room, switch between seasons, see light rays through the house, and watch koi swim through realistic water. The secret sauce to ultra-realistic 3d in code is a loop like this: dream-loop gets the agent to generate a target image, compare the live 3d against it

使用three.js和Fable 5.1结合dream-loop技能，可在1MB代码内实现超写实3D房屋游览。

入选理由：dream-loop通过生成目标图像并持续优化3D模型，实现高真实感渲染。

FeaturedTweet#three.js#Fable#dream-loop#3D渲染#前端技术中英混合
Insane what you can create with three.js nowadays. I made a game-quality 3D experience in the browser with water ripples, smoke effects, a 3D paper menu, underwater UI, and a peeling footer. The whole thing is pure code and only 183 KB. Seriously, no loading screen needed. I combined https://t.co/tECuh9VUFz and https://t.co/25OYbxZ62e components with a few direct prompts: - Open the hamburger menu as a 3D paper overlay {threeui 3D paper} - Add a peel effect to the footer {canvasui peel} - When the curso

three.js现能用183KB代码实现游戏级3D交互效果，无需加载屏幕。

入选理由：three.js结合canvasui组件可实现水波纹、烟雾等复杂3D效果

FeaturedTweet#three.js#WebGL#前端性能#3D可视化中英混合
Get started using Three.js without having to use npm

Get started using Three.js without having to use npm

freeCodeCamp.org101 字 (约 1 分钟)
75

This article introduces how to use the Three.js library without using npm, suitable for developers who have basic knowledge of HTML and JavaScript but are not familiar with npm.

入选理由：通过在 HTML 文件中引入 Three.js 的 CDN 链接，可以无需 NPM 直接使用该库。

FeaturedVideo#Three.js#HTML#JavaScript#npm#beginner guide英文
Geek(@geekbb) 图标

A browser-based interactive 3D cell model tool built with React + Three.js, supporting rotation, zoom, organelle panel, screenshot, GLB export, and image-to-3D generation.

入选理由：使用 React + Three.js 实现浏览器内运行的3D细胞模型交互功能

FeaturedTweet#React#Three.js#3D Visualization#WebGL#Bioinformatics中文
I'm building a library of three.js templates with variants and customizations. They're all copyable as prompts. These components are 100–200 KB each and written entirely in procedural js. They also come with skills your agent can use to customize them while keeping them looking amazing. I've spent so many hours fine-tuning each one with sunrise and sunset themes, plus different locations. I've been using them for all my recent landing pages. Let me know if I should open-source the tool with both free and

three.js模板库项目介绍，但缺乏技术深度和实用价值，信息密度较低。

入选理由：three.js模板库组件大小为100-200KB，采用过程式JavaScript实现

FeaturedTweet#three.js#前端#JavaScript#开源英文
Post-AI video game development will either be three.JS or world models

Post-AI video game development will either be three.JS or world models

andrew chen(@andrewchen)56 字 (约 1 分钟)
60

文章提出后AI时代游戏开发将分为Three.js和世界模型两条路径，但缺乏技术细节和论证。

入选理由：Three.js当前npm周下载量达1500万次

FeaturedTweet#Three.js#游戏开发#AI#前端英文
源：https://t.co/y42yvaWjws

源：https://t.co/y42yvaWjws

AI Will(@FinanceYF5)56 字 (约 1 分钟)
50

文章展示了一个基于WebGL和Three.js构建的简单网页游戏，但内容信息密度低，缺乏技术深度和实用价值。

入选理由：文章介绍了使用WebGL和Three.js开发的网页游戏。

FeaturedTweet#WebGL#Three.js#前端英文
这个 html-in-canvas和 Three.js 做的动画太炫了 html-in-canvas 允许开发者将真实的、可交互的 HTML 和 CSS 直接渲染到 <canvas>（包...

该推文仅简短提及 html-in-canvas 技术可将 HTML/CSS 渲染至 canvas（含 WebGL/WebGPU），并配图展示与 Three.js 结合的炫酷动画，但无技术细节、实现原理或代码验证。

入选理由：html-in-canvas 支持将真实 HTML/CSS 渲染到 canvas 上

FeaturedTweet#html-in-canvas#Three.js#WebGL#WebGPU中文

跨材料问答 · Three.js

回答基于：Three.js 相关 21 条材料
    0 / 500

    AI may generate inaccurate information. Please verify important content.