MASKVIVA'S

DIGITAL GARDEN

» |
Philosophy / 02

LESS
BUT
SHARPER.

Code is not just how it works — it's how it feels.
Crafting systems that elegantly bridge human intuition with machine precision.

stellar mass increasing
orbital path unstable
light bending detected
event horizon forming
page gravity critical
> philo data stream / stellar collapse
$ observe stable orbit
03SELECTED · WORKS4 ENTRIES / 2022—2025
Case 01 / Site Base

THE
GENESIS

基础层负责页面结构、加载状态、滚动节奏和视觉变量。它不是一个作品卡片,而是整个站点继续生长的底盘。

Context早期页面有记忆点,但组件、状态和滚动触发之间仍然分散。
Build整理页面骨架、动效生命周期、loading 等待和黑白视觉变量。
Result形成一个可继续迭代的个人站基础,而不是一次性的视觉拼装。
VueTypeScript
Artifact / 01Evidence Window
Site Base

System base — 用线框、节奏和层级表示页面基础结构,不再使用玻璃高光模拟"高级"。

01page shell
12motion states
4view layers
Case 02 / Motion Rule

NEURAL
LINK

将人类直觉的交互方式融入冰冷的控制台。动作被当作空间关系处理,而不是装饰。

Context单段动画可以成立,但段落之间的方向和重量感需要统一。
Build压低特效存在感,用位移、透明度和轻微模糊完成章节接替。
Result滚动不只是页面下移,而像内容从黑场深处被推到前景。
Three.jsWebGL
Artifact / 02Evidence Window
Motion Rule

Motion rule — 只保留位移、遮罩、淡入和扫描线。没有柔光,没有玻璃,没有假空间。

3switch phases
1timing rule
0glow cards
Case 03 / Archive Logic

SILICON
CORE

重构渲染引擎,在性能压榨下寻找极致的平滑。同时把作品组织成可阅读的笔记。

Context普通作品列表撑不起前面的开门仪式,需要更清晰的案例信息。
Build把项目拆成 Context / Build / Result,并保留一个硬线框证据位。
Result作品区从展示变成阅读,从"看起来做过"变成"知道怎么做"。
RustWasm
Artifact / 03Evidence Window
Archive Logic

Archive logic — 作品用笔记逻辑组织:背景、动作、结果。信息比装饰更重要。

3case fields
4archive nodes
future notes
Case 04 / Public Surface

ABYSS
GATE

现在,这扇门已经打开。站点本身也是一个作品,被组织成稳定的个人入口。

Context个人站容易变成简历页,需要一个更强的第一印象和识别秩序。
Build保留少量可重复的视觉符号,让它们承担导航和记忆功能。
Result访问者进入的是一个系统化的个人界面,而不是普通模块集合。
NuxtGSAP
Artifact / 04Evidence Window
Public Surface

Public surface — 网站自身成为入口。黑场、头像和切换秩序形成识别。

1public gate
4visual signs
contact path