独立开发者 · 全栈 · 游戏制作

用代码创造
有趣的东西

我是 Lucas Li,一名独立软件开发者。专注于网页游戏、移动应用原型与开发者工具。相信好的产品源于对细节的执着和对乐趣的追求。

3+
独立项目
2
网页游戏
100%
纯前端
Lucas Li
🎮 HTML5 游戏
📱 App 原型
零依赖

精选作品

每一款作品都是纯前端单文件实现,双击即玩,零依赖、零构建。

暗夜幸存者
HTML5 Canvas JavaScript ~1000行
01 / GAME

暗夜幸存者

Survivor · 仿吸血鬼幸存者

一款仿《吸血鬼幸存者》的浏览器小游戏。蓝衣大头小英雄在暗夜中对抗绿僵尸、紫蝙蝠、白骷髅、橙食人魔和红 Boss。5种武器全自动攻击,升级三选一,本地排行榜 Top 10。

  • ⚔️ 5种武器
  • 👾 5种敌人
  • 📈 升级三选一
  • 🏆 本地排行榜
  • 🚀 离屏精灵预渲染
飞机大战
HTML5 Canvas Web Audio localStorage
02 / GAME

飞机大战

Plane War · 经典射击

纯前端实现的飞机大战小游戏,单 HTML 文件双击即玩。程序化音效合成、BOSS 关卡多阶段弹幕、6种武器道具系统、TOP 10 排行榜,兼容桌面与移动端浏览器。

  • 🎯 6种武器道具
  • 👹 BOSS 弹幕战
  • 🔊 程序化音效
  • 🏆 TOP 10 排行榜
  • 📱 移动端适配

应用原型

从概念到交互,用原型快速验证产品想法。

温暖陪伴
03 / APP

温暖陪伴

Warm Companion · 情感陪伴聊天

温柔治愈风格的情感陪伴聊天 App 界面原型。虚拟角色「阿溪」以温柔知性的学姐人设提供日常问候、情绪疏导与鼓励打气。三栏布局、逐字打字机效果、富文本与代码高亮,mock 流式回复。

  • 💬 三栏聊天布局
  • 打字机效果
  • 📝 富文本+代码高亮
  • 🎨 珊瑚橙主题
  • 🤖 mock AI 回复

技术博客

记录开发过程中的思考、踩坑与解决方案。

2026-08-23

纯 Canvas 如何实现满屏敌人不掉帧

暗夜幸存者中,通过离屏精灵预渲染 + 屏幕外实体裁剪 + 粒子上限保护,在大量敌人同屏时保持 60fps。

Canvas 性能优化 游戏开发
阅读全文
2026-08-17

Web Audio API 程序化合成游戏音效

飞机大战中零音频文件实现射击、爆炸、拾取等全部音效,用 OscillatorNode + GainNode 实时合成。

Web Audio 音效合成 零依赖
阅读全文
2026-09-06

从 mock 到真实 API:聊天原型的渐进式设计

温暖陪伴原型如何用 mockReply 函数实现流式回复效果,并预留一行代码切换到真实后端。

原型设计 Chat UI 架构
阅读全文
2026-09-01

单文件部署到 Cloudflare Pages 的最佳实践

无需 Git、无需构建,直接上传文件夹即可获得全球 CDN 加速的 HTTPS 链接,国内访问稳定。

Cloudflare 部署 DevOps
阅读全文
2026-08-10

localStorage 游戏排行榜的正确实现方式

从数据结构设计到排序规则、破纪录高亮、多维度比较,在两款游戏中反复验证的排行榜方案。

localStorage 数据结构 游戏
阅读全文
2026-07-28

Canvas 矢量绘制卡通角色的技巧

不依赖任何图片素材,用 Canvas 2D API 矢量绘制 Q 版角色——阴影、朝向、受击闪白的实现思路。

Canvas 矢量绘图 角色设计
阅读全文

关于我

独立开发者,相信小而美的产品力量。

从想法到上线,一个人就是一支团队

我是 Lucas Li,一名独立软件开发者。白天写 Java 经纪业务系统,夜晚和周末用 HTML5 Canvas 做游戏、用原生 JS 搭应用原型。

我相信好的产品不需要庞大的团队和复杂的框架——一个 HTML 文件、一份热爱、足够的细节打磨,就能创造出让人会心一笑的东西。所有作品都是纯前端单文件实现,双击即玩,零依赖。

擅长 Java 后端(恒生 UF3.0/JRESCloud)、HTML5 游戏开发、UI/UX 原型设计、Cloudflare Pages 部署。偏好珊瑚橙视觉风格与卡通萌系 UI。

Java HTML5 Canvas JavaScript Web Audio CSS3 Cloudflare UI/UX Git
🎮
2
网页游戏
📱
1
APP 原型
📝
6+
技术文章
咖啡因

一起做点有趣的?

无论是游戏开发、应用原型还是技术合作,随时欢迎找我聊聊。

游戏预览