程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
Three.js 相关技术文章
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
img2threejs 开源:一张参考图换一段 Three.js 代码,3D 资产能进 Git 能拆能动
编程
img2threejs 开源:一张参考图换一段 Three.js 代码,3D 资产能进 Git 能拆能动
2026-09-12 09:55:46
img2threejs 是 AI Agent 驱动的图生 3D 重建流水线:不输出网格文件,而是用 Three.js 原生几何体把图片物体写成 TypeScript 工厂函数,模型浏览器实时生成可拆解可动画;八道工序质量网关逐阶段渲染对比评分,Python 标准库执行脚本零依赖,AI 只看图判断过不过,Token 极省;交付物可直接进 Git 做版本管理与参数化微调。
img2threejs
3D重建
Three.js
图生3D
AI生成
StoryAI-3D-Director-Desk 开源:浏览器里搭 3D 场景摆机位,AI 视频告别抽卡式创作
编程
StoryAI-3D-Director-Desk 开源:浏览器里搭 3D 场景摆机位,AI 视频告别抽卡式创作
2026-09-12 09:54:28
StoryAI-3D-Director-Desk 是浏览器运行的 3D 分镜导演台:自由摆放角色、调整 20 种姿势、设置多机位实时切换预览,8 种内置人物模型+本地 FBX/OBJ 导入;一键群演阵列、全景图背景调节、镜头拍摄截图与九宫格辅助构图;让 AI 视频创作从提示词黑盒变成可视化导演的白盒模式。
StoryAI-3D
3D分镜
AI视频
Three.js
导演台
滚动鼠标夜游京都山寺:Kage用单个HTML融合AI素材与Three.js实时渲染
编程
滚动鼠标夜游京都山寺:Kage用单个HTML融合AI素材与Three.js实时渲染
2026-09-05 19:17:40
介绍 Kage 这个开源项目:设计师 Meng To 用一个 HTML 文件将 GPT Image 2 生成的场景素材与 Three.js 实时渲染融合,通过鼠标滚动控制相机在京都山寺3D世界中夜游,零构建零依赖,GitHub 已获 1400 多个 Star。
Kage
Three.js
AI生成素材
3D交互
单文件HTML
img2threejs:把图片重建为可编辑 Three.js 代码的 3D 生成工具,3500 Star
编程
img2threejs:把图片重建为可编辑 Three.js 代码的 3D 生成工具,3500 Star
2026-09-05 19:04:50
介绍 img2threejs 这个图片转 3D 的开源工具:不输出 .glb 网格文件,而是输出可直接修改的 TypeScript 代码,通过八阶段流水线(验证→评估→规格→生成)和 AI 视觉判断+确定性脚本的混合架构实现,支持物体和角色双赛道,GitHub 已获 3500 Star。
img2threejs
图片转3D
Three.js
TypeScript
AI建模
Three.js 入门:场景、相机、渲染器,以及一个 30 行旋转盒子
编程
Three.js 入门:场景、相机、渲染器,以及一个 30 行旋转盒子
2026-09-05 02:35:26
讲解 Three.js 的核心对象(场景、相机、渲染器、网格、灯光),附一个完整可复现的旋转 3D 盒子 HTML 示例与官方示例、GitHub 源码地址。
Three.js
WebGL
JavaScript
3D
不想为 Shader 搬一整套 Three.js:Vercel 的 25KB WebGPU 库使用手记
编程
不想为 Shader 搬一整套 Three.js:Vercel 的 25KB WebGPU 库使用手记
2026-08-31 09:43:30
只想跑 Shader、粒子或 GPU Compute,却被 Three.js 的体量拖累时,Vercel 新推的 25KB WebGPU 库值得一试。本文讲清它解决了什么、体积怎么压的、以及哪些场景别用它。
WebGPU
Three.js
Vercel
Shader
GPU
Compute
Kage:一个 HTML 文件里的京都山寺夜游——滚动控制器、AI 贴图与 Three.js 实时渲染的取舍
编程
Kage:一个 HTML 文件里的京都山寺夜游——滚动控制器、AI 贴图与 Three.js 实时渲染的取舍
2026-08-30 16:41:05
Kage 用单个 HTML 文件把 AI 生成内容与 Three.js 实时渲染结合成可滚动的 3D 世界。本文拆解其滚动控制器、AI 贴图与运行时取舍,讲清适用场景、体积与性能边界,供想复刻或评估这种轻量 3D 做法的开发者参考。
Three.js
3D
前端
AI
Pascal Editor 深度实战:当 WebGPU 遇见 3D 建筑可视化——从浏览器零安装到生产级架构的完全指南(2026)
编程
Pascal Editor 深度实战:当 WebGPU 遇见 3D 建筑可视化——从浏览器零安装到生产级架构的完全指南(2026)
2026-06-16 15:34:34
Pascal Editor 是一个基于 WebGPU 和 React Three Fiber 构建的开源 3D 建筑编辑器,运行在浏览器中无需安装。本文深度解析其 Monorepo 架构、场景状态管理、WebGPU 渲染管线、CSG 布尔运算和性能优化策略。
WebGPU
Three.js
React Three Fiber
Pascal Editor
3D编辑器
Turborepo
Bun
Monorepo
CSG
前端工程化
不用学Three.js,Image2+Codex两步生成360°全景渲染
编程
不用学Three.js,Image2+Codex两步生成360°全景渲染
2026-05-12 06:45:28
用GPT Image2和Codex组合,两步生成360°全景渲染查看器。第一步用Image2生成equirectangular格式全景图,第二步让Codex生成Three.js HTML查看器,无需学习Three.js,浏览器直接打开即可体验。
GPT-Image2
Codex
360全景
Three.js
AI渲染
前端可视化
如何在Vue3中使用Three.js实现3D图形渲染?
编程
如何在Vue3中使用Three.js实现3D图形渲染?
2024-11-18 19:05:19
本文介绍了如何在Vue3项目中使用Three.js实现基本的3D图形渲染。通过创建一个新的Vue3项目,安装Three.js,并编写一个名为ThreeScene的组件,展示了如何初始化3D场景、相机和渲染器,以及如何实现立方体的旋转动画。最后,组件被集成到主应用中,展示了3D渲染的效果。
前端开发
3D图形
Vue.js
JavaScript
Three.js
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
python
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调