vccs
Vue 3용 차트 컴포넌트 모음, Recharts에서 포팅
실시간 BTC 상승·하락 3D 전장, 다중 거래소 가격·주문서·거래·청산을 포탄처럼 시각화
Live BTC bulls-vs-bears 3D battlefield: multi-exchange aggregated price, order-book armies, trades & liquidations as artillery (Three.js, zh/en)
데이터TypeScript · ShellGitHub @maiqiu-cat온라인운영자 미확인
써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기README 전체를 불러오는 중입니다. 아래는 저장된 발췌입니다.
中文名「比特币战争」。这是一个独立的、非官方的实现,灵感来自 Newhedge 的「Bitcoin Battlefield」(,推文);本项目与 Newhedge 没有任何关联,也未获其认可。BTC 价格就是战线,盘口挂单就是兵力,主动成交、爆仓和期权成交会变成战场上的炮击。 Bitcoin War is an independent, unofficial implementation inspired by Newhedge's Bitcoin Battlefield. It is not affiliated with or endorsed by Newhedge. 拖动旋转,滚轮缩放,W/A/S/D 平移,Q/E 环绕,C 切换电影镜头,F 回到前线,L 切换中英文,M 开关声音。README 전문 보기 ↗
中文名「比特币战争」。这是一个独立的、非官方的实现,灵感来自 Newhedge 的「Bitcoin Battlefield」(https://newhedge.io/bitcoin/battlefield,推文 https://x.com/newhedge_io/status/2104903265959760161);本项目与 Newhedge 没有任何关联,也未获其认可。BTC 价格就是战线,盘口挂单就是兵力,主动成交、爆仓和期权成交会变成战场上的炮击。
Bitcoin War is an independent, unofficial implementation inspired by Newhedge's Bitcoin Battlefield. It is not affiliated with or endorsed by Newhedge.
pnpm install
pnpm dev # http://localhost:5173 实时行情
# http://localhost:5173/?sim 离线模拟行情
pnpm test # 单元测试(解析器使用真实抓取的交易所消息)
pnpm verify:feeds [秒] # 在 Node 里跑真实交易所连接,输出指数/盘口/事件检查(默认 45 秒)
pnpm build && pnpm verify:screens # 无头 Chrome 截图 + FPS/报错收集,输出到 verification/
pnpm capture:fixtures [秒] # 抓取真实交易所消息到 tests/fixtures/_capture/,用来刷新测试夹具
pnpm build && pnpm verify:audio # 音频检查,并渲染试听文件 verification/audio-preview.wav
pnpm build && pnpm verify:mobile # 手机/平板/窄窗口布局检查:遮挡、出界、文字溢出,截图在 verification/mobile/
| 参数 | 说明 | 默认 |
|---|---|---|
sim | 使用离线模拟行情 | 关 |
seed, speed | 模拟行情的随机种子和速度 | 7, 1 |
range | 一回合的半宽(%),价格打到 ±range 即胜 | 0.25 |
big | 大单阈值(USD,按同一主动单合并后计算) | 25000 |
sources | 逗号分隔的数据源,如 coinbase,kraken,okx | 全部 |
light | auto / golden / day / night | auto(按本地时间) |
lang | zh / en 界面语言(也可点右上角按钮或按 L 切换,选择会记住) | 跟随浏览器 |
post | 0 关闭后期处理(泛光、移轴、暗角) | 开 |
q | 画质:不填则按设备自动选档并随帧率升降(桌面从 5 档起,手机平板从 4 档起);1–5 或 high 固定档位;low 固定最省模式(关阴影和后期,1x 像素比) | 自动 |
sound | 0 关闭声音(不记住选择;按钮和 M 键的选择会记住) | 开(浏览器允许时自动播放,否则点击画面任意位置后出声) |
拖动旋转,滚轮缩放,W/A/S/D 平移,Q/E 环绕,C 切换电影镜头,F 回到前线,L 切换中英文,M 开关声音。
src/data/feeds/exchanges.ts 各交易所解析器(纯函数)+ 连接配置
src/data/feeds/wsFeed.ts WebSocket:指数退避重连、心跳、看门狗
src/data/orderbook.ts L2 订单簿(快照/增量、按深度截断、去交叉)
src/data/market.ts MarketHub:USDT→USD、成交量加权指数、离群剔除、
主动单合并(大单)、爆仓/期权事件、深度分桶、流量
src/data/sim.ts 离线模拟行情(同一套事件接口)
src/game/battle.ts 回合/胜负、战况播报
src/game/field.ts 价格 → 战场坐标、前线波动函数(与着色器共用)
src/game/armies.ts 深度 → 前线士兵 / 方阵 / 坦克 / 基地储备
src/render/* Three.js:地形与领土着色器、实例化兵力、特效、
基地、光照预设、镜头导演
src/render/post.ts 后期处理(泛光、移轴、暗角、调色)
src/ui/* HUD(价格、战况条、深度图、流水、交易所状态)、中英文字典 i18n.ts
线上页面会加载 Cloudflare Web Analytics 的 beacon(src/analytics.ts),用来统计访问量。它不使用 Cookie,不采集个人信息;只在 battle.ondream.ai 域名下加载,本地开发、预览和验证脚本不会上报。
本仓库作者自己的作品(代码、文档、音频、图片)以 PolyForm Noncommercial License 1.0.0 发布:
LICENSE.md 顶部的 Required Notice 版权声明。以上只是摘要,以 LICENSE.md 英文原文为准。