‏وقتی وب‌سایت شخصی‌ات باس‌فایت داره

پاول باکاوس تو پستش تعریف می‌کنه که وب‌سایت شخصی‌اش رو از یه سایت به قول خودش کاملاً محترم ولی کسل‌کننده به یه دنیای کوچیک تبدیل کرده. حالا پروژه‌هاش تو یه منظومهٔ شمسی‌ان، نوشته‌هاش روی فلاپی دیسک، و صفحهٔ ماموریتش یه هیولا به اسم Jirasaurus داره که با Scope Creep و Sprint Planning حمله می‌کنه. سه تا از صفحه‌ها هم بازی مخفی دارن. زیر همهٔ اینا هنوز Ghost پست‌ها رو منتشر می‌کنه و خبرنامه می‌فرسته.

به گفتهٔ نویسنده، برای اینکه «رترو» یه هدف مشخص باشه نه یه حس مبهم، پالت ۴۰۹۶ رنگی آمیگا رو قانون کرده: شونزده سطح برای هر کدوم از قرمز و سبز و آبی، لبه‌های تیز و هیچ درخششی. بیشتر صحنه‌ها تو بافرهای کوچیک Canvas 2D کشیده می‌شن و بعد با ضریب عدد صحیح بزرگ می‌شن، پس هر پیکسل منبع می‌شه یه مربع روی صفحه. سایه‌ها هم با ordered dithering ساخته می‌شن، یعنی الگوی یک‌درمیون پیکسل‌ها که چشم از دور قاطی‌شون می‌کنه.

سخت‌ترین بخش، راه رفتن آدمک خودش بود. فریم‌های تکی قابل قبول بودن ولی تو حرکت، کاراکتر سُر می‌خورد یا می‌پرید؛ یه جا بازخورد نویسنده این بود که «این اسپرایت سه تا دست داره». راه‌حل یه rig بود که سر و تنهٔ تاییدشده رو نگه می‌داشت و پاها رو مثل دو استخوان متصل حساب می‌کرد، با چرخش بوت حول پاشنه یا پنجه. درسش اینه که انیمیشن رو باید با تایمینگ واقعی دید، چون اسکرین‌شات داشت به سوال اشتباه جواب می‌داد.

موسیقی سایت هم ضبط‌شده نیست و زنده با Web Audio ساخته می‌شه: اسیلاتور، نویز، فیلتر و envelope. نویسنده یه آزمایشگاه صدای لوکال درست کرده بود و از ۹۵ کاندید، ۱۰ تا رو «عاشقشم»، ۲۶ تا رو «شاید» و ۵۹ تا رو «نه» علامت زده؛ آخرش ۱۲ قطعه به سایت رسیده. چون لود عادی صفحه موسیقی رو قطع می‌کرد، قالب صفحهٔ بعدی رو پشت یه شاتر می‌گیره و محتوا رو عوض می‌کنه تا ساعت آهنگ زنده بمونه.

ولی سایت باید سایت بمونه. نسخهٔ اول یه صفحهٔ بوت جلوی سایت داشت که حذف شد، چون کسی که اومده یه پست بخونه نباید از یه اینتراستیشال رد بشه. تیترها و لینک‌ها HTML واقعی موندن، حالت reduced motion صحنه‌های ثابت می‌گیره، صحنه‌های بیرون کادر دیگه رندر نمی‌شن و بازی‌ها جدا از صفحه لود می‌شن. کل موتور صحنه هم جاوااسکریپت و CSS ساده‌ست داخل یه تم Ghost، بدون فریمورک و بدون build step.

نکات کلیدی:

• کل بازطراحی تو ۱۰ روز تقویمی و با Claude Code جلو رفته
• پالت ۴۰۹۶ رنگی آمیگا با ۱۶ سطح برای هر کانال، قانون بصری کل سایت شده
• از ۹۵ قطعهٔ موسیقی کاندید فقط ۱۲ تا به سایت رسیدن
• موتور صحنه جاوااسکریپت و CSS خالی داخل یه تم Ghost ـه، بدون build step
• سه بازی مخفی: Floor 37، بازی ریتمیک Keynote و نبرد با Jirasaurus