CSS

一款以"魔法商店"为背景的数学益智小游戏，专为小学生设计，通过等量代换题型培养逻辑推理能力。游戏共5关，每关5道题，答对可赚取金币、解锁新商品，关卡结束后有过关动画和结算报告。

项目为纯前端单页应用，采用CSS-less极简风格与vibe-coding方式快速独立开发，使用原生HTML+CSS+JavaScript（ESModules）构建，零前端框架依赖，仅引入JSZip处理浏览器端ZIP解析与生成。包含两大核心工具：「打包模组」支持上传含body、clothes等子目录

MCSTools是一款跨平台桌面应用程序，用于管理Minecraft的原理图（蓝图）。采用Tauri2.0构建，结合了Vue3前端和高性能Rust后端，提供全面的原理图管理、格式转换、创意工具和工作流程自动化。该应用支持五种示意图格式（Create、Litematica、WorldEdit、Buil

一个基于Canvas的轻量级太空躲避小游戏。玩家控制飞船在星域中移动，收集能量核心并躲避陨石和碎片；游戏包含计分、连击、暂停重开、键盘和触控操作，适合展示前端动画、碰撞检测和基础游戏状态管理。

玩家可以通过点击“选择关卡”，再选择第一关进行游戏。玩家可以按WASD键或者方向键移动，也可以点击屏幕下方的按键移动。每一关的目标是到达终点，进入下一关。闯关的过程中会遇到各种图块，具体可以在帮助页面查看。

自动导入-直接读取Minecraft的options.txt文件，自动解析键位配置标准104配列-完整支持功能键区、主键区、编辑键区和数字键区87配列-紧凑布局，无数字键区自定义样式-自由调整按键颜色、文字颜色、边框样式、字体大小等字体自选-支持多种字体选择（系统默认、Arial、微软雅黑、宋体等）

-**经典玩法**：原汁原味的2048游戏体验-**分数追踪**：实时分数计算-**最高分记录**：使用localStorage持久化存储最高分-**游戏状态**：胜利/失败检测-**响应式设计**：适用于各种屏幕尺寸-**键盘控制**：方向键控制方块移动-**现代界面**：简洁直观的用户界面

以CSS/SVG动画为基准的展示用站点，three.js用于模型展示，资源源于sketchfab资源浏览仅使用three.js自带的控制器loading动画则采用CSS/SVG混搭（暂无使用辅助工具制作动画，如lottie.js亦或是结合adobeanimate便携制作svg后导出至动画软件）加载条

项目地址：https://github.com/mogworks/xivstrat?基于Astro+Vue3+TailwindCSS+PixiJS+FramerMotion构建?支持明暗主题切换?使用PixiJS提供可交互的攻略阅读体验