惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
爱范儿
爱范儿
WordPress大学
WordPress大学
博客园 - 三生石上(FineUI控件)
J
Java Code Geeks
Vercel News
Vercel News
aimingoo的专栏
aimingoo的专栏
T
Tailwind CSS Blog
罗磊的独立博客
B
Blog
博客园_首页
A
About on SuperTechFans
有赞技术团队
有赞技术团队
V
V2EX
U
Unit 42
I
InfoQ
IT之家
IT之家
博客园 - 司徒正美
阮一峰的网络日志
阮一峰的网络日志
博客园 - 叶小钗
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Stack Overflow Blog
Stack Overflow Blog
The Cloudflare Blog
H
Help Net Security

V2EX

我用 AI 写代码,但终端管理反而成了累赘——于是我做了 codux [调研] 各位在公司都用什么 ide 和 agent 写代码? 老运维 share 一个运维平台 看到有公司考核 token 指标,很好奇大家上个月的 AI 账单是多少 GLM-Coding 调用持续报错: z.ai 的 Lite 套餐几乎无法使用,官方 Pro/Max 是否稳定? 现在还有什么渠道可以稳定安全地使用 Claude 吗? 上海漕河泾内推,本组有 2 个 hc,一个后端,一个前端,预算都是 20k 左右,不打卡,氛围好 如果 V2EX 上有一组不永久保存聊天记录(比如只保存 7 天或者 24 小时)的聊天室,那么会开启哪些有用或者有趣的可能? gemini cli 貌似挂了,一直返回 403 第一次在自媒体上赚到钱 收集了最近在使用的低价 GPT, Gemini,邮箱等 AI 会员的小店合集 讨论个大实话:现在企业还在说 AI 编程提效 20%, 30%的,真的太落后,没用懂 AI。因为包括很多前沿公司,已经狂奔到提效 200%-500%的情况 [招聘][远程][币安] 前端/后端/QA/iOS/Android 至少 3 年以上经验 目前有大量 HC 欢迎投递 Chatgpt Pro 用量用不完的可以开这些设置 面试的时候好像遇到钓鱼了,给各位避个坑 cursor 年续费 22 号到期, 自动续费是否还是老的计次套餐呢 被两件破事毁掉的一下午,琐碎的内耗消磨人的精力 使用 Planet 存储 Codex 的会话或者重要信息 如果业务部门领导不要你开发功能,而是要求你教会它用 claude code 开发功能,你会怎么做? 分享一个 MacOS 接绿联 CM818 USB 转 DP 转接器使用感受 我的 HR 朋友 10 年老 Java ,非全大专,大家帮忙看看简历 开源了一个 AI 口语练习工具,音素级发音评分,完全免费可自部署 V2EX 上有哪些你觉得很有趣、印象深刻的妹纸? 字节为啥不出个国内版 Vercel? 有在大马的朋友吗? 问个运营商问题 你们在有领导的公司大群发过的最大胆的消息是什么 公司裁员,目前没有工作。想试试摆摊,做一个移动鲜啤打酒车 我的硬盘 Memblaze Pblaze 5 Linux 下不识别,给 Linux 内核提交了补丁, AI 说有望被合并 只有我一个人觉得 codex 不好用?
把一个多年没人维护的开源 3D 户型图工具重写了一遍,用了最...
linncharm9 · 2026-03-25 · via V2EX

blueprint3d https://github.com/furnishup/blueprint3d 是一个挺有意思的开源项目, 可以在浏览器里画户型、摆家具、切换 2D/3D 视图。但原项目基于 jQuery 、CoffeeScript 和已经废弃的 Three.js API ,好几年没人维护了,现在基本跑不起来。

自己有个项目需要用到类似功能,找了一圈没有合适的现代替代品,就干脆自己重写了一遍。

demo: https://blueprint3d-modern.vercel.app/


改了什么

原版 → 现版:

  • jQuery + CoffeeScript → TypeScript 严格模式 ES Module
  • 废弃的 Three.js Geometry API → Three.js r181 BufferGeometry / WebGLRenderer
  • tween.js → anime.js v4 ( camera 动画)
  • 无持久化 → IndexedDB 本地存储,不需要任何后端
  • 仅英文 → 多语言支持(中文简体 / 繁体 / 英文)
  • 无 demo → Next.js 15 App Router + React 19 完整 demo

主要功能

  • 2D 平面图编辑器:画墙、移动、删除,带吸附和尺寸标注
  • 3D 实时预览:可以拖转视角,随时切换 2D/3D
  • 家具放置:从分类目录拖拽摆放(床、沙发、桌椅、衣柜、卫浴、门窗等)
  • 每件家具可单独调整尺寸、旋转、锁定位置
  • 地板和墙面纹理可以按房间独立设置
  • 房间模板:空白画布或预设房型直接开始
  • 存档/读档:存在浏览器 IndexedDB ,不需要账号,不需要服务器
  • 单位制:英寸/英尺、米、厘米、毫米可切换

技术栈

核心库( src/)是纯 TypeScript ES Module ,可以独立于任何框架使用。

Demo 应用:

  • Next.js 15 App Router
  • React 19
  • Tailwind CSS v4
  • shadcn/ui + Radix UI
  • Zustand (状态管理)
  • Framer Motion (动画)
  • next-intl ( i18n )

仓库地址

原版: https://github.com/furnishup/blueprint3d 重写版: https://github.com/charmlinn/blueprint3d-modern