用全网实时热搜当卡池的抽卡小游戏
Note
把今天的头条变成你的抽卡池 —— 打开网页就能抽，3 天 / 1 周 / 1 月主题自动刷新，零安装零注册。
- 实时抓取全网热搜生成卡池，主题每天自动更新
- 3 天 / 1 周 / 1 月三种时间窗，随时切换
- 纯前端单页，零安装、零注册，打开即玩
- 抽卡动画 + 收藏 / 分享卡片
打开 Live Demo 即可免安装、纯浏览器体验。
HTML5 Canvas JavaScript GitHub Pages
- PIXELBEAD · 拼豆星球 — 像素拼豆 × 乐高 × 3D 打印
- Spider-Verse Nebula — 摄像头蜘蛛侠面具
- Louis Ding · 作品集 — 个人作品集
- SnapPrint 咔印3D — 图生 3D 打印工坊
- 龙族同人个人站 · Dragon Raja — 龙族同人站
以仓库内 LICENSE 文件为准（同人作品标注 CC BY-NC 4.0 者仅限非商用）。
用全网实时热搜当卡池的抽卡小游戏
Note
把今天的头条变成你的抽卡池 —— 打开网页就能抽，3 天 / 1 周 / 1 月主题自动刷新，零安装零注册。
- 实时抓取全网热搜生成卡池，主题每天自动更新
- 3 天 / 1 周 / 1 月三种时间窗，随时切换
- 纯前端单页，零安装、零注册，打开即玩
- 抽卡动画 + 收藏 / 分享卡片
打开 Live Demo 即可免安装、纯浏览器体验。
HTML5 Canvas JavaScript GitHub Pages
- 像素拼豆 × 乐高 × 3D 打印 — 像素拼豆 × 乐高 × 3D 打印
- 摄像头蜘蛛侠面具 — 摄像头蜘蛛侠面具
- 个人作品集 — 个人作品集
- 图生 3D 打印工坊 — 图生 3D 打印工坊
- 龙族同人站 — 龙族同人站
以仓库内 LICENSE 文件为准（同人作品标注 CC BY-NC 4.0 者仅限非商用）。
把此刻整个互联网最热的话题，变成可以抽的卡。
在线体验： https://luisdingww-bit.github.io/hot-pull/
一个单页 HTML 的「抽卡」小游戏。卡池来自 2026-07-29 当天全网真实热搜/趋势：微博、抖音、百度、X（Twitter）、TikTok、Google Trends、Reddit 等。每张卡对应一个真实话题，点击「单抽」或「十连」，你就能把当前最热的搜索「抽」出来。
- 单抽 / 十连：抽 1 张或 10 张；十连保底必出 SR 以上。
- 5 级稀有度：UR（传说）、SSR（超稀有）、SR（稀有）、R（普通）、N，稀有度越高卡面越炫酷。
- 高级抽卡演出：极光聚能 → 洗牌闪烁 → 逐张翻牌，SSR/UR 出货时触发粒子爆发 + 屏幕闪光 + 专属音效。
- 全息卡面：悬停时 3D 浮起 + 光泽扫过，UR 卡面还有彩虹色相流动。
- 图鉴系统：抽到过的卡会点亮，未解锁显示为剪影；可按稀有度筛选。
- 详情弹窗：点击卡片查看该热搜的来龙去脉、来源平台与领域。
- 统计面板：累计抽数、出货数、SR+ 出货率、保底进度条，数字带滚动动画。
- 热搜滚动条：顶部实时滚动当前高热话题。
- 动效精简模式：提供「动效：全开 / 精简」切换，照顾低性能设备或晕动用户。
数据与进度保存在浏览器 localStorage 中，刷新不丢失。
数据快照：2026-07-29
- 微博热搜（AI演员、塔斯汀缩水、广东医生请假、暑期档票房等）
- 百度热搜（世界杯、长鑫科技、日本地震、DeepSeek 等）
- 抖音 / TikTok（Bangladesh 神曲、Food Jutsu、诺兰《奥德赛》等）
- X / Twitter（Grok 4.5、Dune、H-1B 等）
- Google Trends（F1 比利时、Conor McGregor 等）
- Reddit（DOTA2 暗黑狂欢、石油杯等）
稀有度由话题的全网热度与跨平台扩散度综合标定，抽卡结果按权重随机。
- 心愿单：在图鉴中把一张还没抽到的卡设为「心愿」，后续每次抽卡都会叠加软保底概率，直到出货为止（最高可叠到 50%）。
- 成就系统：初次下钩、首次十连、首次 UR、集齐全图鉴、累计百抽等 7 个成就，解锁时弹出提示。
- 今日运势：每次抽卡结束后会基于最高稀有度给出一条运势吐槽。
- 分享抽卡结果：点击「生成分享图」可直接下载一张 1080px 宽的抽卡战绩 PNG，方便发朋友圈或社交媒体。
- 单文件
index.html：HTML + CSS + JavaScript 主要逻辑全部内联。 - 字体通过 Google Fonts 引入，若离线会自动回退到系统字体。
- 使用原生 Web Audio API 生成音效，无需音频文件。
- 使用 Canvas 绘制背景星点与抽卡粒子特效。
- GitHub Pages 直接从
main分支根目录部署。
git clone https://github.com/luisdingww-bit/hot-pull.git
cd hot-pull
python -m http.server 8080打开 http://localhost:8080 即可。
本项目仅用于娱乐与前端演示，所有热搜内容均来自公开平台当日趋势快照，不代表任何立场或观点。
MIT License © 2026 Louis Ding (luisdingww-bit)