Three.js开发者开源了包含13万实例化叶片的交互网站,提供三个可复用技能模块,代码量控制在1MB以内。
入选理由:使用Three.js实现13万实例化叶片的程序化几何仅需1MB代码
人物
别名:@MengTo
Twitter技术分享者
已跟踪 15 条高相关材料
最近变化
2026-09-03 · Fable 5.1能精准解析复杂设计指令并生成three.js代码
为什么值得关注
Meng To 被反复提及时,通常意味着它正在影响产品路线、开发者工作流或 AI 产业判断。这个页面把分散材料合并成一个可持续更新的观察入口。
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替代视频大幅优化资源占用。
已收录 15 条与 Meng To 相关的内容,按评分排序。
Three.js开发者开源了包含13万实例化叶片的交互网站,提供三个可复用技能模块,代码量控制在1MB以内。
入选理由:使用Three.js实现13万实例化叶片的程序化几何仅需1MB代码
使用three.js实现轻量级3D网页,压缩后仅290KB,通过3D替代视频大幅优化资源占用。
入选理由:three.js项目压缩后仅290KB,远低于传统视频网站20-100MB
开发者使用three.js和AI生成交互式3D塔楼模型,体积控制在1-2MB,支持天气和时间效果定制。
入选理由:three.js实现1-2MB超小体积的高细节3D模型
Canvas UI 是首个 HTML-in-Canvas 组件库,支持实时着色器与跨框架开发,开源免费。
入选理由:Canvas UI 支持 React/Vue/Svelte 等主流框架,兼容性达 24 个组件
img2threejs工具可将单张图片转换为可编辑的Three.js代码,实现高质量3D模型生成,适用于网页交互场景。
入选理由:img2threejs通过单张照片生成可编辑的Three.js代码,无需下载网格模型
three.js现能用183KB代码实现游戏级3D交互效果,无需加载屏幕。
入选理由:three.js结合canvasui组件可实现水波纹、烟雾等复杂3D效果
Claude Opus 5模型通过自定义代码实现游戏生成,无需外部资源,展示AI在游戏开发中的潜力。
入选理由:Claude Opus 5可生成完整游戏代码且无需外部资源
three.js可实现183KB体积的高质量浏览器3D体验,包含水波纹、烟雾等效果且无需加载屏。
入选理由:使用three.js可实现游戏级3D效果,代码体积仅183KB
Fable 5.1在three.js网站开发中展现强大能力,开源项目演示了复杂3D交互与设计指令的实现方式。
入选理由:Fable 5.1能精准解析复杂设计指令并生成three.js代码
three.js模板库项目介绍,但缺乏技术深度和实用价值,信息密度较低。
入选理由:three.js模板库组件大小为100-200KB,采用过程式JavaScript实现
展示使用Codex Sites和Sol Ultra快速开发3D游戏的可行性,适合前端工程师了解新兴工具。
入选理由:Codex Sites与Sol Ultra组合可在单日完成复杂3D游戏开发
Three.js游戏开发项目开源,包含等距RPG完整实现与资源,提供代码和素材下载。
入选理由:Three.js游戏开发项目开源,包含相机控制与战斗系统实现
内容创作者通过混合策略和AI工具在X平台实现500万次曝光并开始盈利,但缺乏技术深度。
入选理由:混合内容策略(引用/重发/原创)提升曝光率
开源项目提供macOS开发学习机会,但技术深度和实践指导不足。
入选理由:推荐GitHub项目作为macOS开发入门实践
GPT-5.6 Sol展示出强大的设计能力,可快速生成落地页并实现视频转HTML,但缺乏技术细节和深度分析。
入选理由:GPT-5.6 Sol可在10分钟内生成高质量落地页