← همه پروژه‌ها
07 — Interactive WebGL Experience

شب‌تاب

عطری از دریای درخشان

نقش
Design، WebGL، Shader
سال
۲۰۲۶
نوع
Interactive WebGL Experience · Frontend
Tech Stack
Next.jsThree.jsGLSLWeb Audio
شب‌تاب

Storytelling Website یک عطر با ۶۰ هزار Particle نورانی که بین دریا، گل، شیشه عطر، ماه و نام برند Morph می‌شوند.

شب‌تاب از دریاهای شب‌تاب الهام گرفته است. موتور ذرات با Three.js و شیدرهای GLSL اختصاصی پس از اولین رندر بارگذاری می‌شود تا سرعت حفظ شود. هر فصل یک شکل و حال‌وهوای رنگی دارد، کلیک موج نور می‌سازد و صدای محیطی به‌صورت زنده تولید می‌شود. محتوا سمت سرور رندر می‌شود تا برای سئو مناسب باشد.

امکانات کلیدی۵
  • ۶۰٬۰۰۰ Particle روی Desktop و ۲۶٬۰۰۰ روی Mobile
  • Custom GLSL Shader
  • ۶ Shape و Color Mood
  • Generative Ambient Audio با Web Audio API
  • Server-side Rendering برای SEO
اپلیکیشن‌ها۱
پروژه بعدی۰۸ / ۰۹
News Platform و CMS · ۲۰۲۶

پرتو

News Platform مدرن فارسی

یک پروژه در ذهن دارید؟

بیاییدبسازیمش

فرم را پر کنید؛ تیم ArthCode کمتر از ۲۴ ساعت پاسخ می‌دهد. اگر عجله دارید مستقیم ایمیل بزنید.

  1. ۰۱درخواست شما
  2. ۰۲تماس کوتاه برای جزئیات
  3. ۰۳پیشنهاد، Timeline و هزینه
ارتباط مستقیمaliasgharps97@gmail.comپاسخ در کمتر از ۲۴ ساعت
01 — چه چیزی لازم دارید؟
02 — بودجه تقریبی
03 — زمان
شب‌تاب | ArthCode