【源码分享】韩立青竹蜂云剑阵-凡人大庚剑阵

likeLF

青竹蜂云剑阵

(The Sword Array)

Gemini 3.0手搓能手势控制的凡人大庚剑阵让

Gemini复刻了凡人修仙传的飞剑效果，手势操作万剑归宗的效果拉满了！

Gemini 3.0 手搓的赛博修仙模拟器！

怎么玩？ (核心玩法)

    打开摄像头，把你的手伸出来！系统会识别你的手势来控制剑阵：

御剑手势技能

•     剑指（食指伸出 / 手枪手势）
      - 游龙随行：飞剑化游龙，随指尖而动
•     张开手掌（五指自然张开）
•     - 莲花现世：万剑归宗，凝作剑莲绽放
•     握拳（五指握紧）
•     - 剑盾护体：飞剑高速旋绕，筑成防御壁垒
•     摇滚手势（食指+小指伸直）
•     - 大庚剑阵：召唤通天法阵，巨剑凌空降临
  

>  小贴士：
> *   请确保环境光线充足，摄像头能看清你的手。
> *   手机上玩记得把屏幕横过来，效果更佳！（支持自动竖屏/横屏适配）


怎么跑起来？ (傻瓜式教程)

    如果你想在自己电脑上运行这个项目：

1.  安装依赖：
    打开终端，进入项目目录，输入：

1. npm install

复制代码

2.  启动项目：
    输入：

1. npm run dev

复制代码

3.  打开浏览器：
    看到终端显示 `http://localhost:5173/` 后，按住 `Command` (Mac) 或 `Ctrl` (Win) 点击它，起飞！

4.  打包项目（可选）：
    如果你想生成静态文件部署：

1. npm run build

复制代码

    构建完成后，生成的文件会在 `dist` 目录下。


手机也能玩？

    必须的！

本项目做了深度优化：
*   手机端自动降低飞剑数量（防卡顿）。
*   竖屏时自动拉远镜头（防穿帮）。
*   无论是躺着玩还是坐着玩，体验都一样丝滑。


技术栈 (给极客看)
*   React + Vite
*   Three.js (@react-three/fiber) - 3D 渲染核心
*   Mediapipe - 谷歌开源的手势识别
*   Zustand - 状态管理
*   Postprocessing - 辉光特效 (Bloom)


*Created by User & Gemini 3.0*

视频演示：

如果无法播放，请点击此处在新窗口打开

源码下载：

源码下载：
https://share.feijipan.com/s/kn2GwBFK?code=LFNB
在线体验：
https://jianzhen.upma.site/

道无相

看看隐藏

╰☆秋风oO

看看隐藏，感谢分享

Xtne

看看

f0xn1

看看隐藏内容，感谢楼主分享

tuandgame

看看隐藏内容

by小兽王

看看隐藏

Reze

看看韩老魔的青竹蜂云剑

744417786

感谢分享

MW

感谢分享，看看隐藏

919490656

谢谢分享

likeLF

我是不是投错分区了，感觉这个分区不热闹

无敌至尊

看看隐藏

孤山居士

看看隐藏