67js是一款WebGL2渲染器,其外加了地形,植被,人物,液体,车辆和介质输出等附加物. 一个场景是平面数据:每个部分都有几何,矩阵和材料. 一个代理通过一个MCP服务器来构建并更改一个场景,查看PNG预览并制作静态或MP4视频. 目标是能和Blender一样,能和3.j一样轻. 文件/目标 定义每个部分. 见 显示,则 文档,则 代理人指南 编辑 更改日志。 。 。 .
显示大小写
下面的每一张照片都是67js的渲染. 链接的在浏览器中打开直播.
| 机场坡道 | AI 数据中心 | 集装箱港 |
 |
 |
 |
| Bistro咖啡馆一角 | 比斯特罗广场 |
 |
 |
安装
让你的经纪人做. 将此提示粘入克洛德码, Codex, Cursor,双子座CLI或OpenCode. 代理安装 包,读取指南并连接 MCP 服务器.
Install 67js from npm as `67js@npm:@codepawlhq/67js` and connect its MCP server with `npx 67js-mcp`. Read
https://67js.codepawl.com/llms.txt first and follow it.
Claude代码插件. 一个指令增加了MCP服务器和两种技能. 服务器从已发布 npm 开始
软件包 npx,所以没有地方建设.
/plugin marketplace add codepawl/67.js
/plugin install 67js@67js
通过手
npm install 67js@npm:@codepawlhq/67js
注册名称是 @codepawlhq/67js。命令在别名下安装 67js,因此进口量不会减少.
一揽子措施是无害环境管理。 工具需要Node.js 20.19或以后,渲染需要WebGL2浏览器.
快开始
import { Renderer67, box, sphere } from '67js';
// Column-major 4x4 matrix: scale, then move.
const placed = ([x, y, z], [width, height, depth] = [1, 1, 1]) =>
new Float32Array([width, 0, 0, 0, 0, height, 0, 0, 0, 0, depth, 0, x, y, z, 1]);
const parts = [
{
name: 'Floor',
geometry: box(),
matrix: placed([0, 0, 0], [8, 0.1, 8]),
material: { color: [0.4, 0.42, 0.45], metallic: 0, roughness: 0.9, emission: 0 },
},
{
name: 'Ball',
geometry: sphere(48, 24),
matrix: placed([0, 1, 0]),
material: { color: [0.8, 0.3, 0.2], metallic: 0, roughness: 0.35, emission: 0 },
},
];
const canvas = document.querySelector('canvas');
const renderer = new Renderer67(canvas, parts, { samples: 4, memoryBudgetMiB: 256 });
renderer.render({ eye: [4, 3, 6], target: [0, 1, 0] });
打电话 renderer.updateParts(parts) 以移动或重新显示部件而无需上传.
打电话 renderer.resize() 画布改变大小后,以及 renderer.dispose() 在更换出炉器之前.
这个 指南 覆盖相机,灯光,效果和每个物质领域.
要从脚本中保存 PNG, 请使用 调制自写菜单。 。 。 .
对于特工
该包包括一个MCP服务器,将一个代理连接到一个持续的浏览器渲染器. 服务器需要本地 Chrome 安装 .
npx 67js-mcp --backend gpu --memory 192
使用 --backend cpu 在一个没有GPU的机器上.
带着面包, bunx 67js-mcp 取同一种旗帜; CI 在每个拉请求中都会在包子下运行被包的服务器 .
代理作者 a JSON 配方组合 灯和雾进口 GLB 资产 添加 动议。 。 。 .
它让 PNG 预览回放, 比较最多四个视图 审查网格 运行 提供工作 静态和MP4视频.
服务器不接受任意代码和远程资产URL. 这个 MCP 参考 列出其工具.
两种技巧教一个代理驾驶 MCP 工具: 建筑- 67js- scene 用于场景和材料,以及 变相- 67js-媒体 用于图像和视频导出. 对于纯文本指南,请给代理 页:1。 。 。 .
页:1 使用67个js. 将地点、系统与事件变成3D应用软件和电影.
要加入克洛德代码,运行 /plugin marketplace add codepawl/viz3d,则 /plugin install visualize-in-3d@codepawl。 。 。 .
加词
每个加通是一个单独的导入,所以一个页面只加载它所使用的.
| 区域 | 导入 | 指南 |
|---|---|---|
| 照明 | 67js/addons/hdri | 基于图像的照明 从 .hdr 文件 |
| 地形 | 67js/addons/terrain, (中文(简体) ), 67js/addons/texture-set | 断裂地势 带有扫描地层 |
| 植被 | 67js/addons/vegetation, (中文(简体) ), 67js/addons/grass, (中文(简体) ), 67js/addons/clutter | 树, (中文(简体) ), 草类 财务报告和审定财务报表 地面杂乱 风和细节 |
| 字符 | 67js/addons/gltf, (中文(简体) ), 67js/addons/retarget, (中文(简体) ), 67js/addons/skeleton-pose | glTF 导入, (中文(简体) ), 弹夹重定向 财务报告和审定财务报表 带有 IK 的平面层 |
| 液体 | 67js/addons/spume | 燃烧的液体回放 与折射和喷洒 |
| 车辆 | 67js/addons/vehicle | 车轮在路上 |
| 物理学 | 67js/addons/physics | 猛烈接触和关节 记录在时间表中 |
| 建模 | 67js/addons/mesh, (中文(简体) ), 67js/addons/modeling, (中文(简体) ), 67js/addons/sculpt | 网格编辑, (中文(简体) ), 建模 财务报告和审定财务报表 雕花笔 |
| 离线光 | 67js/addons/path-tracer, (中文(简体) ), 67js/addons/light-bake | 路径跟踪静态 财务报告和审定财务报表 烤光图 |
| 通行证 | 67js/addons/user-pass | 你自己的全屏GLSL通行证: 二进制、像素下缩放、四进制 |
| 探员 | 67js/addons/agent-scene, (中文(简体) ), 67js/addons/agent-asset | 场会 有修订和检查站 |
这个 文档页面 列出每个向导.
图像和录像
渲染命令通过无头Chrome,GPU或CPU向PNG或MP4导出一个场景.
npm run render -- --kind image --scene nature --backend gpu --preset high --output artifacts/nature.png
视频导出流一次一个帧,所以电影从不坐入内存. 这个 创造技能 列出每个预设和旗帜.
本地运行网站
- 安装节点.js 22.12 或稍后.
- 运行
npm ci。 。 。 . - 运行
npm run dev。Vite 打印本地 URL.
履约索赔
核查 拥有测量结果及其限度. 他们比较了同一硬件上的相配场景. 它们没有显示比三.j的通用速度优势或与Blender的视觉等同.
捐款
读取 捐款额 在你打开拉动请求之前。 它涵盖了设置,检查,代码样式和发行流程.
编码代理从 一般事务人员(其他职等),以及 npm run preflight 本地运行拉动请求检查.
问题和错误报告 : 支助。 。 。 .
贷项
- gl- 矩阵 提供矩阵数学.
- GlTF 添加器有自己的解析器 。 Draco、Meshopt和KTX2解码器是 3个j 装填器,你通过.
- 该网站上的纹理和HDRI是CC0扫描来自 保利港 财务报告和审定财务报表 环境CG。见 纹理信用额度。 。 。 .
- Bistro 将使用 亚马逊木材厂 Bistro (CC BY 4.0,来自NVIDIA ORCA 库)在CC0下 保利港 苍天.
- 展出模型及其来源列于世界
scene.json下级public/showcase/。 。 。 . - 横幅字标记使用 空难 (SIL开放字体许可证).
许可证
麻省理工学院 代码Pawl