StarrySky 是一个随浏览器本地时间变化的油画场景,以及两只由 JSON 动作清单驱动的桌面宠物,使用原生 Web Components、CSS 和 Canvas 构建。

Stars

5

7 天增长

暂无数据

Fork 数

0

开放 Issue

0

开源协议

NOASSERTION

最近更新

2026-07-30

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

完全无需前端框架,仅依赖原生 Web API 就实现了完整的动态场景和交互式宠物,展示了原生技术的强大潜力。

适合谁使用

  • 探索原生 Web Components 和 Canvas 的前端开发者
  • 希望为个人网站添加氛围感的独立网页创作者
  • 寻找可定制开源桌面宠物的爱好者
  • 对时间驱动动画与交互感兴趣的开发者

典型使用场景

  • 在个人主页中嵌入随时间变化的昼夜场景和可互动的桌面宠物
  • 学习如何用原生浏览器技术构建自包含的动态应用
  • 创建可定制的虚拟宠物伴侣,支持点击和拖拽交互
  • 研究 JSON 驱动的精灵动画和状态机在轻量级 Web 环境中的实现

项目优势

  • 无前端框架或运行时依赖,体积小、兼容性好
  • 丰富的环境模拟:太阳轨迹、月相、云、树、草地和视差效果,随本地时间变化
  • 两只宠物支持自动待机、随机动作、游走、点击互动和拖拽落地
  • 代码及非 OC 资源采用 MIT 许可,允许修改、分发和商业使用

使用前须知

  • 两个宠物 OC(NoirRose、MieMieYan)不包含在 MIT 许可内,复用前必须移除
  • 因 ES Module 和本地资源限制,本地预览需通过 HTTP 服务打开
  • 宠物动作通过 JSON 文件配置,如需新增动作或宠物需一定学习成本

README 快速开始

使用与授权

项目描述

个人主页

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

react
精选
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web 开发前端框架
246,741
yetone
精选
yetone GitHub avatar

kill-ai-slop

Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.

AI 与机器学习AI 智能体
805
TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861