0
INITIALIZING TECH UNIVERSE
34.3416° N / 108.9398° E
XI'AN — CHINA
RENDER — WEBGL / 60FPS
PERSONAL LIFE TECHNOLOGY — EST.2026

个人生活 技术宇宙

FOCUS /

这里收容一切让生活和世界变酷的技术 —— 从前端到 AI,从硬件到星辰大海。

进入矩阵 逛逛实验室
SCROLL
JAVASCRIPT ✦ THREE.JS ✦ WEBGL ✦ AI ✦ GSAP ✦ NODE ✦ RUST ✦ SHADER ✦  JAVASCRIPT ✦ THREE.JS ✦ WEBGL ✦ AI ✦ GSAP ✦ NODE ✦ RUST ✦ SHADER ✦ 
01 / STACK

技术矩阵

每一项技术都是一块拼图,拼出数字生活的全貌。

前端工程

HTML / CSS / JS 三件套打底,React、Vue 随心切换,把界面做成艺术品。

FRONTEND↗

三维可视化

Three.js + WebGL 手写粒子与光影,浏览器里也能跑出电影级画面。

WEBGL / 3D↗

人工智能

大模型、生成式 AI、智能体工作流 —— 让机器替我把活干漂亮。

AI / AGENT↗

后端与云

Node、云函数、数据库,一条命令部署上线,想法不过夜。

BACKEND↗

动效设计

GSAP 编排每一帧,滚动即剧情,让页面像电影一样有呼吸感。

MOTION↗

性能优化

首屏秒开、60fps 满帧运行,快,是对用户最基本的尊重。

PERFORMANCE↗

数据可视化

把枯燥的数字变成会说话的图表,数据一眼看懂,决策快人一步。

DATA-VIZ↗

视频生成

Remotion 用代码剪片子,写 React 组件就能批量产出电影级视频。

REMOTION↗

创意编码

代码不止能干活,还能画画、作曲、生成艺术 —— 浪漫是写进循环里的。

CREATIVE CODE↗

移动开发

小程序、H5、跨端框架,口袋里的体验一样要做到极致顺滑。

MOBILE↗

自动化工作流

重复的事交给脚本:定时任务、批量处理、一键发布,懒人推动世界。

AUTOMATION↗

开源与分享

代码写完了别锁抽屉里,丢到开源社区,让世界帮你一起打磨。

OPEN SOURCE↗
02 / SKILLS

技能面板

数值仅供参考,实际战斗力看咖啡摄入量。

前端工程0%
三维可视化0%
动效设计0%
后端与云0%
人工智能0%
visitor@plt — zsh
03 / LAB

实验室

把疯狂的想法做成原型,这里是事故高发区(好的那种)。继续滚动,横向穿越 →

EXP—001

粒子星系引擎

数千颗加性混合的发光粒子构成星云,支持鼠标视差与设备自适应降级。

THREE.JSWEBGL
EXP—002

AI 生活管家

接入大模型的智能体,自动整理日程、生成周报,把重复劳动踢出生活。

AGENTLLM
EXP—003

网页里的电影院

WebGL 实时渲染光影与景深,把产品展示页做成可以走进去的空间。

SHADER3D SCENE
EXP—004

会呼吸的按钮

磁吸、回弹、辉光跟随 —— 微交互做到极致,每个像素都有生命力。

GSAPMICRO-INTERACTION
+∞

更多疯狂原型
持续孵化中

04 / ARTICLES

最新文章

踩过的坑、熬过的夜,都写在这里了。

05 / JOURNEY

技术之路

从 Hello World 到星辰大海,一步一个脚印。

2020

写下的第一行代码

一个丑到哭的静态页面,但浏览器亮起"Hello World"那一刻,我知道入坑了。

2022

打通前后端

从切图仔进化成全栈:Node、数据库、部署运维,一个人就是一支队伍。

2024

跳进三维世界

沉迷 Three.js 与 Shader,开始相信浏览器是最被低估的电影院。

2025

与 AI 结对编程

把大模型和智能体接入工作流,效率翻倍,想法落地速度快到离谱。

2026

你正在看的这个网站

个人生活技术宇宙正式上线,故事还在继续 —— 下一章由你来见证。

06 / TOOLBOX

日常装备

工欲善其事,必先利其器。

VS Code Cursor Figma Blender Node.js Vite Docker Git DevTools Notion OBS Photoshop
07 / METRICS

运行数据

0+
行代码 / 天
0fps
满帧运行
0%
热爱浓度
0/7
灵感在线
08 / CONTACT

有个想法?

无论是一个疯狂的点子,还是单纯想聊聊技术,都欢迎来敲门。

来聊聊吧