daily-work-20261111-second:基于原生 JavaScript 与 Canvas 2D 的像素花园项目

在浏览器中打开即可生成每日独特的像素花园动画,适合桌面装饰、创意展示或休闲观赏。项目基于类生命游戏规则驱动像素细胞生灭繁衍,支持点击播种、按细胞年龄渐变着色,零依赖零构建,单文件离线运行。【此简介由AI生成】

分支1Tags0
文件最后提交记录最后更新时间
4 天前
4 天前
4 天前
4 天前
4 天前
4 天前
4 天前

像素花园 · 1111期-second

种下一格光,看它长成一片

一片会呼吸的像素花园,细胞依规则生灭繁衍,点击即可播种新的生命,静置片刻便盛开出几何花海。

架构图

实际运行截图


功能特性

特性 说明
生命规则 类生命游戏规则驱动像素细胞生灭繁衍
点击播种 点击任意格子注入新生命,观察涟漪式扩散
季节换色 细胞按年龄渐变着色,新生明亮、年迈深沉
每日花园 当日种子决定初始群落,每盆花都只开一天

系统架构

整体分为四层:

  1. 输入层 — 点击 → 反转格子状态
  2. 计算层 — 网格生命游戏逐步演化
  3. 渲染层 — Canvas 2D 按细胞年龄上色绘制
  4. 节奏层 — 固定节拍器驱动世代更替

技术栈

  • Canvas 2D — 全部视觉效果的原生绘制,无任何图形库
  • requestAnimationFrame / 定时器 — 逐帧渲染与世代节拍
  • 种子化伪随机(mulberry32) — 当日种子决定布局与配色,每天面貌一新
  • 原生 JavaScript (ES2020+) — 零依赖、零构建,单个 index.html 即可运行

快速开始

# 直接双击 index.html 用浏览器打开即可,离线可用

期号

1111 期 · 由每日锻造流水线自动生成,同主题次日会换上全新配色与参数。

许可证

MIT

项目介绍

在浏览器中打开即可生成每日独特的像素花园动画,适合桌面装饰、创意展示或休闲观赏。项目基于类生命游戏规则驱动像素细胞生灭繁衍,支持点击播种、按细胞年龄渐变着色,零依赖零构建,单文件离线运行。【此简介由AI生成】

定制我的领域