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

用代码创造
有趣的东西

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

10+
独立项目
4
网页游戏
100%
纯前端
Lucas Li
🎮 HTML5 游戏
📱 Web 应用
🔌 IDEA 插件

精选作品

网页游戏、Web 应用与 IDEA 插件,从想法到上线的完整作品集。

暗夜幸存者
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 排行榜
  • 📱 移动端适配
王国守卫
视频
HTML5 Canvas Tower Defense 纯前端
03 / GAME

王国守卫 · 塔防

Kingdom Defense · 策略塔防

纯前端实现的策略塔防游戏。在蜿蜒的路径上部署箭塔、炮塔、魔法塔,抵御一波波怪物入侵。多波次递增难度、Boss 波、金币经济系统、塔升级路线,Canvas 矢量绘制全部场景。

  • 🏹 3种防御塔
  • 📈 波次递增难度
  • 👹 Boss 波
  • 💰 金币经济系统
  • 塔升级路线
贪吃蛇
视频
Canvas Roguelite 零依赖
04 / GAME

贪吃蛇

Snake · Roguelite 贪吃蛇

经典贪吃蛇的 Roguelite 进化版。撞墙只扣生命不直接死亡,连吃叠加连击倍率,每过一关从三张升级卡中选一张,第 3/6 关迎战 Boss 蛇。Canvas 单文件实现,零依赖。

  • 🎮 Roguelite 升级卡
  • ❤️ 3 生命系统
  • 🔥 连击倍率
  • 👹 Boss 蛇
  • 🏆 排行榜 TOP 10

Web 应用

从原型到上线,每一个应用都在 Cloudflare Pages 上运行。

温暖陪伴
Vanilla JS Chat UI 珊瑚橙
04 / APP

温暖陪伴

Warm Companion · 情感陪伴聊天

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

  • 💬 三栏聊天布局
  • 打字机效果
  • 📝 富文本+代码高亮
  • 🎨 珊瑚橙主题
  • 🤖 mock AI 回复
古韵抽卡
Vanilla JS Canvas 古风
05 / APP

古韵抽卡 · 一图一诗

Poetry Cards · 古诗词抽卡

古风诗词抽卡 Web 应用。每张卡片配一首经典古诗词,用 Canvas 绘制水墨意境配图,抽卡动画、稀有度系统、诗词收藏册。将传统文化与游戏化体验融合,零依赖纯前端实现。

  • 🎴 抽卡动画
  • 🎨 Canvas 水墨配图
  • 💎 稀有度系统
  • 📚 诗词收藏册
  • 🏮 古风视觉
汪汪时间管理局
Vanilla JS PWA 移动优先
06 / APP

汪汪时间管理局

Workbench Mobile · 个人时间管理

萌系风格的个人时间管理移动端 Web 应用。汪汪管家帮你规划每日日程、打卡习惯、记录待办。支持本地数据持久化、番茄钟计时、每日复盘,珊瑚橙卡通 UI 贯穿全局。

  • 📅 日程管理
  • 🐾 习惯打卡
  • 🍅 番茄钟
  • 💾 本地持久化
  • 📊 每日复盘
猫咪生活报
Vanilla JS Responsive 萌系
07 / APP

猫咪生活报 · 喵星人编辑部

Cat Newspaper · 萌系生活报

以猫咪编辑部的萌系视角,生成每日生活报。涵盖天气、心情、待办、小贴士等模块,报纸排版风格 + 猫咪插画,每天都是一份新的「喵星人日报」。

  • 📰 报纸排版
  • 🐱 猫咪插画
  • 📅 每日生成
  • 🌤️ 天气模块
  • 💡 每日小贴士
汪汪签到局
Vanilla JS localStorage 打卡
08 / APP

汪汪签到局

Checkin Workbench · 习惯签到

汪汪主题的习惯签到 Web 应用。每日打卡、连续签到奖励、月度日历视图、习惯统计图表。用萌萌的汪汪鼓励你坚持好习惯,数据全部存储在本地浏览器。

  • 🐾 每日签到
  • 🔥 连续签到奖励
  • 📅 月度日历
  • 📊 统计图表
  • 🐕 汪汪鼓励

IDEA 插件

为 JetBrains 开发者生态打造的桌面工具插件。

IDEA 桌面宠物插件
Kotlin IntelliJ Platform 桌面宠物
09 / PLUGIN

IDEA 桌面宠物插件

Pet Whale · JetBrains 桌面宠物

在 IntelliJ IDEA 中养一只桌面宠物鲸鱼! coding 时鲸鱼在状态栏游泳陪伴,定时提醒休息喝水,代码提交时冒泡庆祝。用 Kotlin 编写,基于 IntelliJ Platform SDK 开发。

  • 🐳 鲸鱼桌面宠物
  • 定时休息提醒
  • 🎉 提交冒泡庆祝
  • 🎨 动画状态机
  • 💧 喝水提醒
IDEA 工具窗口插件
Kotlin IntelliJ Platform 统计
10 / PLUGIN

IDEA 工具窗口插件

Keyboard Stats · 按键统计

IntelliJ IDEA 按键统计工具窗口插件。实时统计你在 IDE 中的按键次数、最常用快捷键、编码时长,以可视化图表展示。帮助开发者了解自己的编码习惯。

  • ⌨️ 按键实时统计
  • 🔥 热门快捷键排行
  • 📊 可视化图表
  • ⏱️ 编码时长追踪
  • 🏆 每日成就

技术博客

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

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 搭应用原型。

我相信好的产品不需要庞大的团队和复杂的框架——一份热爱、足够的细节打磨,就能创造出让人会心一笑的东西。从网页游戏到 Web 应用,再到 IDEA 插件,每个作品都倾注了同样的用心。

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

Java Kotlin HTML5 Canvas JavaScript Web Audio CSS3 IntelliJ SDK Cloudflare UI/UX Git
🎮
4
网页游戏
📱
5
Web 应用
🔌
2
IDEA 插件
咖啡因

一起做点有趣的?

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

游戏预览