产品

Three.js

Q: Three.js 最近有什么新动态？

traeai 已收录 14 篇与 Three.js 相关的内容。最新一篇是「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」，由 Meng To(@MengTo) 发布。

别名：threejs

基于WebGL的3D库

已跟踪 14 条高相关材料

TraeAI 观察

如果只读 3 篇

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

Meng To(@MengTo) · 8.5 分

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

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

Meng To(@MengTo) · 8.5 分

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

RT @MengTo: I open-sourced the Kage landing page and the three.js skills behind it. The whole thing is under 1mb of three.js and code, 3mb…

Meng To(@MengTo) · 8.5 分

使用three.js实现轻量级3D网页，压缩后仅290KB，通过3D替代视频大幅优化资源占用。

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

Meng To(@MengTo)8月21日229 字 (约 1 分钟)

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

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

FeaturedTweet#Three.js#WebGL#开源#前端英文

We're starting to leave the territory where you'd test an LLM by e.g. "create an svg of pelican on a...

Andrej Karpathy(@karpathy)8月11日395 字 (约 2 分钟)

Andrej Karpathy展示Opus 5模型生成复杂Three.js代码的能力，揭示LLM在游戏世界构建中的潜力与局限。

入选理由：Opus 5用5500行代码实现《指环王》场景渲染，耗时2小时且预算约$10

FeaturedTweet#AI#LLM#Three.js#游戏开发#Andrej Karpathy英文

RT @MengTo: I open-sourced the Kage landing page and the three.js skills behind it. The whole thing is under 1mb of three.js and code, 3mb…

Meng To(@MengTo)8月11日163 字 (约 1 分钟)

使用three.js实现轻量级3D网页，压缩后仅290KB，通过3D替代视频大幅优化资源占用。

入选理由：three.js项目压缩后仅290KB，远低于传统视频网站20-100MB

FeaturedTweet#three.js#前端优化#3D网页#开源项目中英混合

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

Meng To(@MengTo)8月11日276 字 (约 2 分钟)

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

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

FeaturedTweet#three.js#前端#AI生成#开源项目英文

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

The JetBrains Blog7月29日3285 字 (约 14 分钟)

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

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

FeaturedArticle#JetBrains#AI工具#代码优化#Claude Code#AI代理英文

A skill that turns a single image into editable Three.js code. Instead of a static asset, you get clean 3D you can animate, tweak, and drop straight into your site. Great for scroll effects, product demos, and interactive experiences. AI is great at generating images, but it still struggles with editable vectors and 3D. That's why a skill like this is so useful. https://t.co/8T1KbEjxFx

Meng To(@MengTo)7月22日197 字 (约 1 分钟)

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

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

FeaturedTweet#Three.js#开源工具#3D建模#AI生成#前端开发英文

Get started using Three.js without having to use npm

freeCodeCamp.org5月28日101 字 (约 1 分钟)

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英文

Fun 3D Cell Model Interactive Tool Running in Browser, Built with React + Three.js

Geek(@geekbb)5月11日138 字 (约 1 分钟)

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细胞模型交互功能