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