开发日志 on VibeRX360 Fun - 用 AI 做有趣的事 https://viberx360.com/blog/building/ Recent content in 开发日志 on VibeRX360 Fun - 用 AI 做有趣的事 Hugo -- gohugo.io zh Fri, 07 Nov 2025 11:18:19 +0800 viberx360-3d粒子 https://viberx360.com/blog/building/viberx360-3d%E7%B2%92%E5%AD%90/ Mon, 15 Dec 2025 15:45:00 +0800 https://viberx360.com/blog/building/viberx360-3d%E7%B2%92%E5%AD%90/ 我们为 viberx360.com（AI 简历构建器）做了一支支持手势互动的 3D 粒子视频广告，并把它改造成可试玩的网页小游戏。本文附试玩链接与源代码。 我们在做 viberx360.com（AI 简历构建器）时一直有个执念：简历不该只是 PDF，而应该像产品一样“可展示、可分享、可互动”。

所以最近我们做了一个小实验：用 3D 粒子效果 把核心信息“动起来”，再用 手势交互 把它变成一支“能玩”的视频广告（顺便也当作一个可复用的互动落地页模板）。

这篇文章会放出试玩链接和源代码，欢迎你来体验、Fork、改造；如果你也在做产品宣传/作品集展示，希望它能给你一些灵感。

先看效果（视频）

相关链接（先放最重要的）：

  • AI 简历构建器：https://viberx360.com
  • 手势互动广告源代码：https://hiwifi.denq.us:8418/AIStudio/viberx-app

这支广告想传达什么？

  • 一句话：用最“上头”的方式告诉你 —— 来 viberx360.com 把你的简历做成一个更像作品集的网站。
  • 两件事：它既是视频广告，也是一个小游戏入口；看完想玩、玩完想试产品。

去哪里试玩？

  • 试玩链接（手势互动/小游戏）：先卖个关子——我会把试玩地址放在评论区置顶
  • 直接体验 AI 简历构建器：https://viberx360.com

如果你对这个互动广告/小游戏感兴趣，欢迎在评论区留言（比如你想要的交互玩法、你想复刻成什么主题）。我会在评论区更新试玩链接，并持续迭代。

如果试玩页面需要摄像头来做手势识别，请在浏览器弹窗里允许访问摄像头；我们建议优先使用桌面 Chrome。

这到底是个什么“游戏”？

核心玩法很简单：

  1. 屏幕中心是一团 3D 粒子（会不断聚合/发散出不同的形态）
  2. 右上角是手势识别预览画面（提示 Hand Tracking Active）
  3. 你用手势做“推/拉/抓取/旋转”（具体以页面说明为准），粒子会做出对应反馈
  4. 最后它会把视线引导到 viberx360.com：如果你对这种“更有表达力”的呈现方式有感觉，欢迎来把自己的简历也做成一个可分享的页面

手势互动广告源代码

  • 源码仓库：https://hiwifi.denq.us:8418/AIStudio/viberx-app
  • 快速运行：见仓库 README（我会补一条最短命令）

等我把代码开源出来后，这里会包含：

  • 一键启动的本地开发命令
  • 关键参数说明（粒子数量、阈值、交互强度、性能档位）
  • 可替换素材的位置（文案、Logo、视频叠层等）

做这个项目时踩过的坑（简版）

  • 性能：粒子数量上来后，移动端会明显掉帧；我们会提供低配档位。
  • 光照/背景：摄像头画面和前景粒子叠加时，要小心对比度与可读性。
  • 手势稳定性：不同环境光和手势距离会影响识别；需要做阈值与平滑处理。

如果你想复刻/改造

你可以把它当成一个“可复用的互动广告模板”：

  • 换文案与颜色，做成你的产品广告
  • 换成你自己的粒子模型/Logo
  • 把交互改成小游戏关卡（比如限定时间内把粒子“拼”成某个形状）

如果你做出了有趣的版本，欢迎把链接发给我们，我们会挑选一些作品放到后续文章里展示。

]]> AI 原生时代：我们如何打造一款智能简历产品 https://viberx360.com/blog/building/ai-%E5%8E%9F%E7%94%9F%E6%97%B6%E4%BB%A3%E6%88%91%E4%BB%AC%E5%A6%82%E4%BD%95%E6%89%93%E9%80%A0%E4%B8%80%E6%AC%BE%E6%99%BA%E8%83%BD%E7%AE%80%E5%8E%86%E4%BA%A7%E5%93%81/ Mon, 15 Dec 2025 10:30:00 +0800 https://viberx360.com/blog/building/ai-%E5%8E%9F%E7%94%9F%E6%97%B6%E4%BB%A3%E6%88%91%E4%BB%AC%E5%A6%82%E4%BD%95%E6%89%93%E9%80%A0%E4%B8%80%E6%AC%BE%E6%99%BA%E8%83%BD%E7%AE%80%E5%8E%86%E4%BA%A7%E5%93%81/ 在 AI 原生时代，我们用 Vibe 的方式轻松打造了一款智能简历产品。这篇文章分享了我们的开发历程和思考。 AI 原生时代：万物皆可 Vibe

我们正处在一个 AI 原生的时代——这不仅仅是使用 AI 工具，而是让 AI 深度融入到产品创造的每一个环节。在这个时代，我们用一种全新的方式来构建产品：Vibe Everything with Ease。

传统的产品开发流程往往是线性的、冗长的，而在 AI 原生时代，我们可以更轻松、更直观地将想法变为现实。我们的智能简历项目就是这种理念的完美体现。

智能简历项目：让每个人都能展示最好的自己

在 AI 的加持下，我们重新思考了简历创作的本质。简历不应该只是信息的堆砌，而应该是一个人专业形象的最佳展示。我们的智能简历产品旨在：

  • 智能化内容生成：AI 辅助撰写更具吸引力的个人描述和经历
  • 个性化模板推荐：根据行业和职位推荐最合适的简历模板
  • 实时优化建议：提供改进建议，让简历更加专业
  • 多格式导出：支持 PDF、Word 等多种格式，满足不同场景需求

实践案例：ViberX 应用展示

说到 Vibe 的力量，我们的 ViberX 应用就是最好的例证。这个休闲应用展示了我们如何在轻松愉快的氛围中创造价值：

ViberX 应用不仅仅是一个工具，它代表了一种工作方式：用更少的摩擦，创造更多的价值。这正是 AI 原生时代的核心精神。

🔗 ViberX 应用仓库：https://hiwifi.denq.us:8418/AIStudio/viberx-app - 欢迎 Clone 并体验！

开源共建：邀请大家一起玩

我们深信开源的力量，也相信集体智慧的价值。因此，我们诚挚地邀请大家：

🚀 亲手体验

📖 学习交流

  • 关注我们的 Fun Blog，获取最新动态
  • 了解我们的开发思路和技术选择
  • 与我们一起探讨 AI 原生开发的未来

🎯 产品试用

  • 体验我们的智能简历产品
  • 给我们反馈，帮助产品变得更好
  • 成为我们的早期用户，共同成长

技术栈分享

我们的智能简历项目采用了现代化的技术栈：

  • 前端：React + TypeScript，确保类型安全和开发效率
  • AI 集成：多个 AI 服务的智能调度，提供最佳用户体验
  • 后端：Node.js，轻量且高效
  • 部署：自动化部署流程，快速迭代

加入我们

AI 原生时代才刚刚开始，我们正在寻找志同道合的伙伴：

  • 如果你对 AI 产品开发充满热情
  • 如果你想参与到有趣的项目中
  • 如果你相信技术能够改变世界

欢迎关注我们的 GitHub、访问我们的 Fun Blog，或者直接试用我们的智能简历产品。让我们一起，在 AI 原生时代，Vibe Everything with Ease！

相关链接：

标签：#AI原生 #智能简历 #VibeEverything #开源 #产品开发

]]> 欢迎来到 VibeRX360 Fun！ https://viberx360.com/blog/building/%E6%AC%A2%E8%BF%8E%E6%9D%A5%E5%88%B0-viberx360-fun/ Fri, 07 Nov 2025 11:31:58 +0800 https://viberx360.com/blog/building/%E6%AC%A2%E8%BF%8E%E6%9D%A5%E5%88%B0-viberx360-fun/ 我们的新博客上线啦！这里将分享用 AI 做有趣产品的故事。 嗨，朋友们，

欢迎来到 VibeRX360 Fun - 我们分享用 AI 构建产品的有趣故事的新家。

我们要分享什么？

开发日志 - AI 开发背后的故事、踩过的坑、学到的经验。真实，有料。

AI 生活 - 用 AI 让生活更有趣的方式。从实用工具到创意实验，分享我们和用户的探索。

产品特点 - 深入介绍我们产品的核心功能和使用技巧，帮助你更好地使用我们的工具。

已经上线的产品

我们已经做了一些有趣的产品：

还有更多在路上。

为什么需要你的支持？

我们是一个小团队，用热情和技术做有趣的产品。你的支持能让我们：

  • 继续开发新功能
  • 保持服务免费可用
  • 探索更多创意想法

保持联系

  • 订阅 RSS 获取最新文章
  • 在评论区告诉我们你的想法
  • 在 GitHub 上关注我们

让我们一起用 AI 做有趣的事。

P.S. 如果有什么想看的内容或想法，欢迎在评论区告诉我们！

]]>