个人网站 / 交互设计
SHIRO 个人世界
一场从棋盘开始的自我介绍。
THE FIRST MOVE
- YEAR / 时间
- 2026
- FIELD / 领域
- 游戏与交互 · 平面与绘画
- ROLE / 我的参与
- 创意方向 / 视觉与交互策划 / 内容规划
- STATUS / 状态
- 持续迭代
01 / OVERVIEW
关于这个项目
这是我的个人网站，也是一次围绕自身兴趣展开的持续创作。灵感来自游戏中的规则、棋盘和进入另一个世界的瞬间。我希望它既有鲜明的个人气质，也能让第一次到访的人顺畅地了解我的作品。
实现载体ReactCSSCanvas
02 / THE PROCESS
让想法，一步步成形。
- 01
建立世界的入口
用文字、括号与荧光粉色建立开场节奏，随后收拢为一个可以靠近和点击的方块。
- 02
让两幕成为同一张棋盘
方块展开为完整的 8×8 棋盘，围绕横轴旋转，与头图中的棋盘连续衔接。王棋在同一格落下。
- 03
让交互回应阅读
滚动时，王棋轻轻提起，字母向两侧展开；向上滚回时，动作沿原路复原。内容保持纵向阅读。
上方图形为交互结构示意，完整动效可在首页体验。
03 / PROJECT NOTES
参与与制作说明
- 项目性质
- 个人项目 · 持续迭代
- 我的参与
- 创意方向、视觉与交互决策、内容规划
- 制作方式
- AI 辅助前端开发
- 素材说明
- 王棋为临时视觉素材，计划替换为个人渲染序列
现在，轮到你入场。
回到首页，亲自走过这段从方块到棋盘的旅程。