源码项目
词汇忍者 Vocab Ninja:把背单词变成切字母游戏
# Vocab Ninja 词汇忍者
> 一个可直接打开运行的 HTML 词汇切字母小游戏。无需构建、无需后端,双击 `index.html` 即可游玩。
语言切换:**中文** | [English](README.en.md)
## 项目简介
Vocab Ninja 是一个类似切水果手感的英语词汇练习游戏。玩家需要根据屏幕上缺失字母的单词和提示,切中飞出的正确字母球来得分。项目采用纯静态实现,适合课堂互动、单词复习、英语启蒙和本地离线演示。
## 功能特性
- 单人模式与双人对战模式
- 30 / 60 / 90 秒游戏时长
- 慢速、普通、快速三档速度
- 可调节字母球弹出高度和三档速度强度
- 中英文界面切换,并保存语言偏好
- 教师模式:本地创建、管理自定义词库
- 本地存储词库与游戏调参,无需服务器
- 卡通忍者 PNG 角色素材
- 单文件 HTML 游戏主体,打开即可玩
## 项目截图
### 主菜单

### 游戏画面

### 游戏调参

## 快速运行
### 方式一:直接打开
在文件管理器中双击打开:
```text
index.html
推荐浏览器:
Chrome
Edge
Safari
Firefox
方式二:使用本地静态服务
如果你希望通过局域网访问,可以在项目目录执行:
python3 -m http.server 8080
然后浏览器访问:
http://localhost:8080/
同一局域网设备可访问:
http://你的电脑IP:8080/
部署说明
本项目是纯静态站点,只需要把以下文件放到任意静态 Web 服务目录即可:
index.html
assets/
screenshots/
README.md
README.en.md
部署到 Nginx
示例:
server {
listen 80;
server_name vocab-ninja.example.com;
root /var/www/vocab-ninja;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
将项目文件复制到:
/var/www/vocab-ninja
然后重载 Nginx:
sudo nginx -t
sudo systemctl reload nginx
部署到 GitHub Pages
进入 GitHub 仓库 Settings。
打开 Pages。
Source 选择 Deploy from a branch。
Branch 选择 main,目录选择 /root。
保存后等待 GitHub Pages 构建完成。
部署到 GitLab Pages
可以新增 .gitlab-ci.yml:
pages:
stage: deploy
script:
- mkdir -p public
- cp -r index.html assets screenshots README.md README.en.md public/
artifacts:
paths:
- public
only:
- main
提交后 GitLab CI 会将项目发布为 Pages 静态站点。
使用说明
开始游戏
选择词库。
选择游戏时间。
选择速度档位。
点击「单人模式」或「双人模式」。
根据提示切中正确的字母球。
双人模式
左半屏为玩家 1。
右半屏为玩家 2。
各自只切自己半屏的字母球。
教师模式
教师模式支持创建本地词库。格式如下:
LION : King of the jungle
TIGER : Large striped cat
BEAR - Loves honey
支持 :、-、, 作为单词与提示的分隔符。词库保存在浏览器本地存储中。
游戏调参
「游戏调参」中可以设置:
弹出高度:控制字母球飞出的高度。
慢速档:控制慢速模式的整体强度。
普通档:控制普通模式的整体强度。
快速档:控制快速模式的整体强度。
调参会保存到浏览器本地存储中。
项目结构
vocab-ninja/
├── index.html
├── README.md
├── README.en.md
├── assets/
│ ├── ninja-hero.png
│ ├── ninja-slice.png
│ └── ninja-teacher.png
└── screenshots/
├── menu.png
├── game.png
└── tuning.png
技术说明
原生 HTML / CSS / JavaScript
Canvas 绘制游戏画面
Web Audio API 生成游戏音效
LocalStorage 保存词库、语言和调参
PNG 透明素材作为界面角色与装饰
浏览器兼容性
建议使用现代浏览器。移动端浏览器也可运行,但更推荐横屏或较大屏幕体验。
许可证
当前项目未指定开源许可证。如需公开复用或商业分发,请先补充许可证文件。
网球豆豆:让每一次约赛,都成为看得见的排名进步
网球豆豆 / 网球联盟排位(ARE)软件说明
软件定位
网球豆豆是一款面向网球爱好者、球友群和本地俱乐部的微信小程序。软件围绕“挑战、排名、团队”组织球友活动,通过单打/双打排名、胜率统计、团队榜单和挑战记录,帮助用户更直观地了解自己的竞技表现,并促进球友之间持续约赛和良性竞争。
核心价值
让球友有可见的成长路径:每一次比赛都沉淀为场次、胜率、排名和挑战记录。
让本地团队更容易组织:支持按城市、区域、团队查看成员榜单,适合球友群、场馆和俱乐部使用。
让挑战流程更轻量:用户可以查看对手数据、发起挑战、接受/拒绝挑战,并记录比赛结果。
让排名更公平清晰:单打、双打分开统计,排行榜展示场次、胜率和名次。
主要功能
1. 联盟排行
首页展示“网球联盟排位(ARE)”,支持按匿名关键词搜索球员。排行榜提供单打排行和双打排行切换,展示球员头像/昵称、比赛场次、胜率和当前名次,前三名以奖牌样式强化展示。
2. 团队管理
团队页支持创建团队、选择地区、选择团队、加入团队、退出团队、邀请成员和管理团队。团队榜单展示团队成员在单打/双打维度下的场次、胜率和团队内排名,适合社区球友群或场馆组织内部排位。
3. 个人中心
个人中心展示用户基础资料、性别、年龄、豆数、场次、胜率和当前排名。用户可在单打/双打之间切换查看自己的竞技数据,并查看收到的挑战、发起中的挑战和已完成的挑战记录。
4. 挑战与战绩
系统支持发起挑战、接受挑战、拒绝挑战、记录挑战结果和查看历史记录。挑战数据与个人排名、胜率、场次等统计联动,帮助用户把线下比赛转化为线上可追踪的排位数据。
5. 数据与云开发
项目采用微信小程序 + 云开发架构,包含 players、challenges、teams 等数据集合,并支持开发/体验/正式环境的数据隔离。云函数负责玩家、挑战、团队等业务数据的读写与同步。
页面结构
联盟排行:pages/ranking/ranking
团队:pages/team/team
个人中心:pages/profile/profile
个人资料设置:pages/profile-settings/profile-settings
用户详情:pages/user-detail/user-detail
操作说明:pages/rules/rules
目标用户
经常参加网球约赛的个人用户
本地网球群、社区球友组织
网球场馆、教练、俱乐部
希望通过挑战赛提升活跃度的运动社群
推荐宣传语
没有什么比不断挑战和突破自我的精神更可贵。
一句话介绍
网球豆豆是一款帮助网球爱好者记录挑战、管理团队、查看单打/双打排位的微信小程序,让每一场比赛都成为可追踪的成长数据。
仿微信聊天应用 (Chat Android)
“这是一款全功能、跨平台的仿微信即时通讯应用。不仅在视觉上完美复刻了微信经典的暗色 UI 风格与流畅交互,更在底层实现了基于 WebSocket 的毫秒级无延迟消息推送。无论是日常的文本交流,还是图片、语音、视频、甚至是发红包与视频通话,它都能轻松驾驭。我们致力于提供一个极简、私密且高效的沟通环境,让你找回纯粹的聊天体验。”“本项目采用了前后端分离的现代化架构,实现了完整的高并发通讯闭环。前端基于 UniApp 与 Vue 2 开发,天然具备跨平台兼容能力与卓越的性能体验(兼容 minSdkVersion 19);后端采用企业级的 Spring Boot 框架联合 MyBatis-Plus 构建,并在数据层引入了 Redis 进行在线状态和高频数据缓存,保障了系统在高并发场景下的稳定性与响应速度。消息的全链路加密、结构化的底层数据库设计,让整个应用既轻量又极具扩展性。”“与传统的通讯软件不同,我们的产品内置了独创的『超级特权与后台监管』体系。被授权为超级特权的用户(如管理员),不仅可以像普通用户一样畅聊,更能直接在聊天界面长按他人的消息,对文字内容、语音时长甚至红包金额进行实时任意修改。所有修改都会在前端留下‘已编辑’的痕迹。此外,配套的专属后台管理面板让系统管理员可以拥有全局视角的会话监管能力,是进行平台管理、数据监控测试的绝佳利器。”
国学创新课件两小儿辩日三维天文教学
两小儿辩日 · 三维互动课件 ☀️这是一个基于 Three.js 和 Vite 开发的网页三维互动课件,旨在通过数字孪生与三维动画交互,生动再现《列子·汤问》中的经典古文故事《两小儿辩日》。本课件不仅展示了古文故事的对话场景,更通过三维光影模拟,将“太阳大小与距离”、“温度与影子长度”等天文物理现象直观呈现,融国学经典与现代物理科学探究于一体。🌟 核心特性本课件融入了高度定制化的三维渲染与精细的交互逻辑,具体包含以下模块:1. 交互式三维教学场景低模风格(Low-Poly)手绘渲染:场景内包含古色古香的三维人物角色模型(小儿甲、小儿乙、孔子),并使用 Canvas 生成程序化纹理,渲染出逼真的织物(罗衣)、木质(拐杖与树干)、岩石和草地效果。古代科学仪器(日晷/表):场景中树立了一座测量影子长度的测影表(Gnomon),可随时间推移实时投影,帮助学生直观感知古人“立表测影”的科学实践。自然地理背景:远景有连绵的锥状山脉,近景有掩映的松树与林间古道,渲染出古朴优雅的辩论氛围。2. 动态太阳轨迹与光影系统太阳轨道模拟:模拟太阳在早上 6:00 到傍晚 18:00 之间的抛物线运行轨迹(东升西落),并渲染出金黄色的发光太阳球体(Sun Core)与柔和的日冕光晕(Sun Glow Sprite)。实时光影与天空色温变化:清晨与傍晚(低太阳高度角):光线呈现温暖的橙红色调,阴影拉长,光照强度较低,天空呈现朦胧的浅蓝色。正午(高太阳高度角):光照强度达到最大,光线呈现亮白/金黄色,阴影缩短,天空澄澈。阴影长度动态计算:场景中的角色与测影表具有完全动态的阴影。阴影的角度、长度和不透明度根据太阳高度角(正切值)实时数学计算并进行平滑插值渲染。3. 古文对话与情境联动时间轴播放与倍速控制:支持自动播放(Autoplay)时间流逝,可调节播放速度(0.5x 至 3.0x)。古文台词同步字幕:随着时间轴从 6:00 运行至 18:00,底部台词板会同步滚动呈现《两小儿辩日》的对话:06:00 - 08:42:小儿甲发言(“我以日始出时去人近,而日中时远也。” 辩论焦点:日出,判定依据:视觉大小)。08:42 - 12:06:小儿乙发言(“日初出沧沧凉凉,及其日中如探汤。” 辩论焦点:日中,判定依据:体感冷热)。12:06 - 15:12:孔子发言(“大小、冷热都要放进观察条件里比较。” 辩论焦点:比较,判定依据:多变量证据)。15:12 - 18:00:课堂总结(“同一太阳轨迹下,观察角度、空气与参照物会改变感受。” 辩论焦点:总结,判定依据:物理变量)。角色微动作(Speak Motion):说话的角色手臂会轻轻挥动,头部会微微摆动,增强故事代入感。4. 多视角智能切换与微调预设教学视角:支持四个预设镜头(通过平滑的三维摄像机插值动画 Tween 过渡):总览 (Overview):远眺整个山脉与太阳完整的运行轨迹。辩论 (Debate):聚焦三人的神态及身体语言。太阳 (Sun):仰望太阳轨迹与地平线参照。影子 (Shadow):俯瞰测影表与角色在不同时间的影子拉伸。自由探索控制:内置 OrbitControls,支持鼠标左键拖拽旋转、右键平移、滚轮缩放。同时侧边栏提供精确的平移(上下左右)、缩放(放大/缩小)和重置主按钮。5. 跨平台响应式布局UI 界面采用高质感的半透明玻璃拟物化设计(Glassmorphism,包含 backdrop-filter 模糊与精细的金色边框)。全面适配手机和平板设备,在小屏幕上自动折叠非核心信息,重新编排按钮布局,保证 Three.js 视口完美重绘。🛠️ 技术栈三维引擎:Three.js (r165) (WebGLRenderer, ACESFilmicToneMapping, PCFSoftShadowMap)构建工具 & 开发服务器:Vite 6.x前端逻辑:Vanilla JavaScript (ES Modules, OrbitControls)页面样式:原生 CSS3 (包含 CSS Variables, Flexbox/Grid, CSS Media Queries)📂 项目结构two-children-debating-the-sun/
├── index.html # 主页面结构(HTML 骨架与 UI 控制面板)
├── styles.css # 全局样式(自适应布局、玻璃拟物化卡片、控件样式)
├── main.js # 核心业务逻辑(Three.js 初始化、场景建模、动画、交互事件)
├── take_screenshots.js # 自动化截图脚本(使用 Playwright 自动生成文档截图)
├── package.json # 项目依赖与运行脚本
├── package-lock.json # 锁定依赖版本
├── docs/ # 文档资源目录(包含导出的预览截图)
│ └── images/
├── dist/ # 生产编译后的静态资源目录(可选)
└── verification/ # 验证与测试截图资源(包含不同设备、视角的视觉快照)🚀 快速开始运行环境准备请确保你的电脑上已安装 Node.js (推荐 v18 或更高版本)。1. 安装依赖在项目根目录下打开终端,执行以下命令安装项目所需的依赖包(主要为 three 和 vite):npm install2. 启动本地开发服务运行以下命令启动 Vite 开发服务器:npm run dev启动后,终端将输出本地预览地址(通常为 http://127.0.0.1:5173/)。在浏览器中打开此链接即可进行互动体验。若需指定端口运行(例如 5174),可使用:npm run dev -- --port 51743. 构建生产包若需要将该课件部署到静态服务器,运行编译命令:npm run build编译生成的静态资源将输出到 dist 目录中,可直接托管至任何 Web 服务器。4. 本地预览构建产物npm run preview5. 重新生成预览截图 (可选)如果修改了三维场景或界面,可通过以下脚本自动重新截取四个角度的视角画面及正午影子画面(需保持本地开发服务器已运行):node take_screenshots.js新截图将自动覆盖并更新至 docs/images/ 目录。🕹️ 操作指南交互动作键鼠操作移动端操作说明视角旋转按住鼠标左键并拖拽单指滑动环绕场景进行三维旋转观察视角平移按住鼠标右键并拖拽双指滑动平移移动相机的观察中心位置场景缩放滚动鼠标滚轮双指捏合靠近或远离观察主体时间轴调节拖动底部滑块拖动底部滑块手动调节一天中 (6:00 - 18:00) 的时间与光影自动运行点击左下角 ▶ 按钮点击 ▶ 按钮自动播放太阳运行,点击 Ⅱ 暂停镜头切换点击右上角“视角预设”按钮点击“视角预设”按钮切换至 总览/辩论/太阳/影子 四个教学机位精细微调点击侧边栏的方向/加减键点击侧边栏的方向/加减键进行精确的平移、缩放,点击 ⌂ 键重置当前镜头🔬 科学背景与古文探究本课件设计了多项可视化读数,配合教学探讨《两小儿辩日》中的物理与感官变量:视觉大小(小儿甲观点:“日初出大如车盖,及日中则如盘盂”)科学原理:光渗效应与参照物幻觉(庞佐错觉/蓬佐错觉)。清晨太阳地平线升起时,周围有山川、树木等近景参照物,在对比下显得巨大;而正午太阳孤立在空旷的天空中央,缺乏参照物,视觉上显得较小。此外,晨间光线较暗,亮的目标在暗的背景上显得大(光渗)。温度感受(小儿乙观点:“日初出沧沧凉凉,及其日中如探汤”)科学原理:太阳高度角与辐射密度。清晨太阳斜射大地,光束穿过厚厚的大气层,能量损耗大,且单位面积接收的太阳辐射热量少;正午太阳高度角接近直射,光束垂直穿过大气层,路径短,单位面积接收的热辐射能密度极高,温度因此上升。辩论启示(孔子:“孰为汝多知乎?”)课件中通过数据读数面板(时刻、太阳高度、影长、观察点、判断依据)的联动,科学直观地向学生揭示:单一的直觉感受并不能完全反映物理本质,科学探究需要引入精确的观测仪器(如测影表)和控制多变量进行对比。
题海检索跨平台题库桌面工具
题海检索是一款面向麒麟操作系统、Windows 与 macOS 的跨平台桌面题库维护与检索工具,同时支持 x64 与 arm64 架构。提供题目维护、Excel 批量导入、关键字检索、答案解析查看等核心能力,本地存储于系统用户数据目录,适合个人学习、培训团队与企业内训搭建私有化题库系统。
ZLMediaKit/ZLMediaKit
ZLMediaKit 是一个基于 C++11 开发的高性能运营级流媒体服务框架,采用多路复用、多线程与异步网络 IO 模式开发,致力于为移动嵌入式与跨平台场景提供完整的流媒体解决方案。项目特点基于 C++11 开发,避免使用裸指针,代码稳定可靠,性能优越。支持 RTSP/RTMP/HLS/HTTP-FLV/WebSocket-FLV/GB28181/HTTP-TS/WebSocket-TS/HTTP-fMP4/WebSocket-fMP4/MP4/WebRTC 等多种协议,并支持协议互转。代码经过长期大量的稳定性与性能测试,已在线上商用验证。支持 Linux、macOS、iOS、Android、Windows 全平台。支持 x86、ARM、RISC-V、MIPS、龙芯、申威等指令集平台。支持画面秒开与极低延时,提供完善的标准 C API,可作为 SDK 使用。提供完整的媒体服务器,可免开发直接部署为商用服务器。支持集群、按需转协议、按需推拉流、先播后推、断连续推等业务逻辑。极致性能:单机支持 10W 级别播放器与 100Gb/s 级别 IO 带宽能力。全面支持 IPv6 网络,支持多轨道模式(全协议 H264/H265/AAC/G711/OPUS/MP3/VP8/VP9/AV1 等)。主要功能RTSP[S]:服务器与播放器、推流客户端,支持 RTMP/MP4/HLS 转 RTSP[S],支持 rtp over udp/tcp/http 与组播,支持 Basic/Digest 鉴权。RTMP[S]:播放/发布服务器、播放器、推流客户端,支持 RTSP/MP4/HLS 转 RTMP。HTTP-FLV / WebSocket-FLV:直播服务器与播放器。HLS:支持 mpegts/fmp4 文件生成与 HTTP 文件服务器,支持 HLS 播发器及按需拉流。HTTP-TS / WebSocket-TS / HTTP-fMP4 / WebSocket-fMP4:直播服务器与播放器,支持多轨道模式。HTTP[S] 与 WebSocket:目录索引、文件下载、表单提交、断点续传、文件上传、HTTP API、跨域访问、Cookie 支持、WebSocket 服务端与客户端、文件访问鉴权。GB28181 与 RTP 推流:支持 UDP/TCP RTP(PS/TS/ES)推流服务器与转推客户端,支持 GB28181 主动拉流与双向语音对讲。MP4 点播与录制:支持录制为 FLV/HLS/MP4,支持 RTSP/RTMP/HTTP-FLV/WS-FLV 的 MP4 点播与 seek。项目定位移动嵌入式跨平台流媒体解决方案。商用级流媒体服务器。网络编程二次开发 SDK。
LancCJ/file sync monitor
LancCJ/file sync monitor 是一个免费开源项目。该软件主要为搭配ima知识库软件研发的一款文件监听同步工具。. Contribute to LancCJ/file sync monitor development by creating an account on GitHub.
Softhub 源码项目展示与获取说明
Softhub 面向需要源码项目、商业系统模板、开源学习参考和二次开发交付的用户,集中展示项目截图、核心介绍、价格或授权类型、联系方式和获取入口。你可以先按免费开源或付费商业筛选项目,再进入详情页查看截图、功能说明和获取流程。
这里适合找什么源码?
适合查找后台管理系统、业务系统模板、开源项目参考、商业交付源码和可二次开发项目。
如何获取源码?
进入项目详情页查看下载入口或联系方式,按页面提示咨询源码获取、部署或授权信息。
是否支持定制开发?
可通过详情页联系方式说明业务场景,进一步沟通部署、功能扩展和页面定制需求。