ZAIN Portfolio

Action = f(Survival of Identity)

すべての行動は、アイデンティティが生き延びるためのもの

🌊 About

パキスタン×日本×双極×エンジニア。どこにも属せなかった者の生存記録。

このポートフォリオは、私の哲学と生存を視覚化したWebGLアート作品です。

✨ Features

• Wave Shader - 双極性の「躁」と「鬱」を波で表現
• Particle System - 散らばった思考、浮遊するアイデア
• Terminal UI - エンジニアらしいコマンドライン風デザイン
• Mood Slider - 波の激しさをリアルタイムで調整

🛠 Tech Stack

• Astro - Static Site Generation
• Three.js - WebGL Rendering
• GSAP - Animation
• Tailwind CSS v4 - Styling
• Alpine.js - Reactivity
• Custom GLSL Shaders - Wave & Particle Effects

🚀 Getting Started

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

🌐 Links

• note - 記事・生存日記
• X (Twitter)

📝 Philosophy

Action = f(Survival of Identity)

すべての行動は、アイデンティティが生き延びるためのもの。

Pura Vida 🌊

---

© 2025 ZAIN. All rights reserved.