lijianfei.com

在传统 Web 3D 开发中，打造一个 Awwwards 级别的交互式 3D 网站往往意味着高昂的工期与人力成本：专业的 3D 建模师进行高模雕刻与拓扑、资深技术美术（TA）烘焙 PBR 贴图、前端工程师手工编写着色器与运镜逻辑，单页研发成本动辄数万美元。而开源框架 Dioramas 的诞生彻底打破了这一壁垒。

Dioramas 提出了一种革命性的全栈范式——“让 3D 场景成为网页本身”。它不仅开源了 20 个涵盖深海潜航、机械发条、粒子风暴、物理烘焙等极具视觉震撼力的完整落地站点，更首次将 Nano Banana 2 图像生成、Meshy 7.1 图生 3D、自动化几何拓扑压制以及现代 Three.js HDR 渲染核心串联为高度工业化的闭环管线。令人惊叹的是，生成全套 20 个网站所需的 65 个高质量 3D 模型与 111 张材质板，总 API 账单仅约 90 美元。本文将深入工程源码，对 Dioramas 的资产管线、渲染核心与代理工作流进行全景拆解。

随着 Claude Code、Cursor、Codex 等 AI 智能体（Agent）深度介入日常开发，网页自动化（Browser Automation） 正在成为 AI 替人类完成信息检索、环境调试、表单填报与灰度验证的核心通道。

然而，现存的浏览器自动化方案几乎都让开发者感到痛苦不堪：

• 抢夺焦点的“物理冲突”：传统的 Playwright、Puppeteer 或 Browser-Use 一旦启动，要么弹出一个狂闪的 Chromium 窗口强行抢占鼠标焦点，要么与开发者争抢同一个浏览器的活动标签页，导致人机根本无法协同；
• 永远跨不过去的“登录态鸿沟”：无头模式下的浏览器永远是一张白纸，面对 GitHub、Google、Twitter 等现代网站的复杂 2FA 验证码，AI 智能体常常在第一道登录门禁前直接崩溃；
• 单步 CLI Ping-Pong 的 Token 吞噬：传统工具往往强迫模型遵循“点一步 → 截一张图 → 读一次 DOM → 再点一步”的单步往返循环。一个稍微复杂的网页任务就要消耗上万 Token，耗时长达数分钟。

近期在开源社区备受瞩目的 citrolabs/ego-lite，给出了令人耳目一新的答案。

它并非简单的脚本包装库，而是一款从内核底层专为“人类与 AI 智能体并行协同（Work in Parallel）”设计的全新 Chromium 浏览器。

在短视频与自媒体盛行的今天，视频剪辑工具早已成为数字创作者的“空气和水”。然而，市面上的主流解决方案却让创作者们处处受限：桌面端的 Premiere、Final Cut Pro、DaVinci Resolve 动辄几百兆乃至数 G 内存占用，学习门槛高且售价不菲；而以剪映（CapCut Web）、Canva、Clipchamp 为代表的轻量级网页剪辑工具，则几乎全部依赖云端上传架构——不仅漫长的视频上传让人抓狂，核心敏感素材面临严重的隐私泄露隐患，导出时还充斥着强制水印与高昂的订阅陷阱。

“在浏览器里做一个无需上传素材、无需安装客户端、性能比肩原生桌面应用的专业视频编辑器”，曾被普遍认为是前端工程的“不可能三角”。

近期在 GitHub 斩获近 5000 Stars 的开源硬核项目 Augani/openreel-video，凭借对现代 Web 底层标准的极致榨取，彻底打破了这一成见：它拥有超过 13 万行纯 TypeScript 代码，完全运行在用户本地浏览器沙盒内，素材零云端上传，无任何强制水印；借助 WebGPU 实时渲染、WebCodecs 硬件加速与 File System Access API 原生落盘，甚至实现了丝滑的 4K@60fps 多轨剪辑与专业级调色导出！

在 Web 开发的历史长河中，“把一个做好的网页发布到互联网上”始终伴随着不小的心智摩擦：在早期，你需要买服务器、装 Nginx/Caddy、配置端口防火墙、买域名、等 DNS 解析生效并手动申请 Let's Encrypt SSL 证书；即便是进入了 Vercel、Netlify 和 GitHub Pages 统治的现代前端时代，你依然不可避免地需要注册账号、创建 Git 仓库、绑定 OAuth 授权、配置 CI/CD 构建脚本。

然而，在日常开发和敏捷协作中，存在着海量 “我就想给客户快速发个设计预览”、“AI 刚帮我写好一个静态网页，想立刻在手机上打开看看”、“黑客松现场做个 Demo 给评委展示” 的超轻量即时场景。为了展示几个 HTML/CSS 文件，去折腾一整套代码仓库与鉴权流水线，无异于高射炮打蚊子。

全球边缘计算巨头 Cloudflare 近期推出的重磅新服务 Cloudflare Drop（cloudflare.com/drop），以极具冲击力的极简主义彻底粉碎了这一门槛：无需注册账号、无需登录认证、无需配置域名与购买主机，直接把本地项目文件夹或 ZIP 压缩包往浏览器窗口一拖，数秒之内，你的网站就已部署到 Cloudflare 全球 300+ 城市的 Anycast 边缘网络，并即刻生成一个全球可访问的专属 HTTPS 网址！

程序员的“朋友圈”——Github 贡献图标，你拥有了吗？

赛博菩萨 Cloudflare ！！！

最快速，免费搭建个人微博的方式，我快速搭建了一个 https://tg.lijianfei.com

IconKitchen是一个快速为任何平台制作应用程序图标的在线工具。

这是一个练习打字的网站，通过练习你最喜欢的文学作品来提高你的打字速度。