Works

作

从想法到实现,记录已经可以访问的作品。

01 / 个人网站已上线

pessimist11

文字、影像、气味与音乐的个人档案

把技术笔记、生活随想、旅行摄影、气味记忆与喜欢的音乐放在同一处。以纸媒排版承载文字,用月球与行旅地图连接照片和地点。

本站深色首页的实际界面:手写署名、自转月球与浮尘
月亮首页滚动,让月面消散成一帧风景。
行旅图集的实际界面:贵州相册与标记旅行地点的三维地球

行旅图集

让地球展开成平面地图,地名在选中、悬停或键盘聚焦时显示;点选坐标,进入每一辑旅行记录。

探索地图
南京相册的实际大图预览界面

把照片与文字放进同一篇行旅记录。点开大图查看照片序号和说明,用方向键、按钮或手机左右滑动浏览。

浏览南京相册

设计与实现

阅读
「知·思·帧·馥·聆」五个栏目共用字体与按昼夜切换的主题,长文自动生成章节目录并配有阅读进度条;唱片页提供试听和平台入口。
交互
Three.js 呈现月球、粒子过渡与行旅地球;摄影支持悬停放大与随鼠标移动的柔光,保留键盘操作、触控和静态回退。
维护
Markdown 自动生成页面与 RSS,构建时处理字体和响应式图片;配有独立 404 页面、类型与站内链接检查,以及地图和大图浏览的交互回归检查。
Astro 5 · TypeScript · Three.js · Sharp