Rose Glass / 00 — Fall ’26

把四年,摊开成
一座玫瑰色空间

这片画面里,除了字,全是 Canvas。指针靠近时,真实的 HTML 卡片会浮起来——可以选中、可以点击、读屏也读得到。

01 / AI 视觉名片

三套风格,正反双面

紫蓝渐变扁平、赛博朋克能量矩阵、霓虹落日插画。

  • Illustrator
  • 90 × 54mm

02 / 我的情绪天气

喜 · 怒 · 哀 · 惊

四套互不干扰的情绪天气层,60fps 粒子。

  • Canvas
  • 可交互

03 / 四年 · 空间

WebGL 三维展厅

国潮长卷、节气海报、书籍装帧、IP 形象,摊开成一个可以走进去的空间。

  • Three.js
  • 离线可开

04 / MG 动画

纸叠小角色的旅程

《纸飞机送信》75 秒,《绵绵》120 秒竖屏。

  • MG
  • 1080p

05 / 手势妙菜

摄像头交互小游戏

摊掌翻炒、握拳抓放、双掌控火、V 字撒盐。

  • MediaPipe
  • 无需后端

06 / 网页小游戏

方块与雀鸟

国风牡丹俄罗斯方块,和一只墨雀。

  • Canvas 2D
  • 单文件

07 / 随笔

玫瑰色玻璃空间

界面是空间、内容与表现分离、动效成为语言、无障碍是默认。

  • 设计观察

08 / About & Contact

曲奇

UI 设计师,关注空间界面、动效与无障碍体验。

Rose Glass / HTML-in-Canvas 实验
模式 — — fps

把指针移到卡片上 · 真身会浮出来接手 · 拖拽空白平移 · 滚轮缩放