دپارتمان ۰۴ · 3D WebGL & Spatial Studioمدت اجرای استاندارد: ۵ تا ۱۰ هفتهشروع بودجه از ۸۵ میلیون تومان
طراحی سه‌بعدی، WebGL و تجربه‌های فضایی تعاملی
دپارتمان طراحی سه‌بعدی و WebGL ویکاد مرز میان وب دوبعدی و فضای سه‌بعدی بلادرنگ را از بین می‌برد. ما مدل‌های سه‌بعدی سبک‌سازی‌شده، صحنه‌های تعاملی Three.js و کانفیگوریتورهای محصول را طوری مهندسی می‌کنیم که بدون افت فریم (60fps) روی مرورگرهای موبایل و دسکتاپ اجرا شوند و تجربه‌ای فراموش‌نشدنی برای مخاطب رقم بزنند.
BENCHMARK OUTCOME
60 FPS
نرخ فریم پایدار رندرینگ WebGL روی مرورگرهای دسکتاپ و موبایل
مطالعه موردی (برند تولیدکننده تجهیزات هوشمند و صنعتی):
افزایش ۳.۲ برابری زمان ماندگاری کاربر در صفحه محصول با کانفیگوریتور سه‌بعدی تعاملی
تعهدات تحویل پروژه (Deliverables)
خروجی‌ها و تحویل‌شدنی‌های استاندارد
- طراحی و بهینه‌سازی مدل‌های سه‌بعدی (Low-Poly / PBR Textures / GLTF Compression)
- پیاده‌سازی صحنه‌های تعاملی WebGL / Three.js متصل به اسکرول و حرکت ماوس
- ساخت کانفیگوریتور سه‌بعدی محصول (تغییر رنگ، متریال، نورپردازی و زوایای دید در لحظه)
- توسعه شیدرهای اختصاصی (GLSL Shaders) و جلوه‌های نوری با مصرف بهینه GPU
پشته فناوری و ابزارهای مورد استفاده:
Three.jsWebGL 2.0GLSL ShadersReact Three FiberBlenderDraco
مراحل چهارگانه مهندسی و تحویل پروژه
گام ۰۱ · استوری‌بورد فضایی و طراحی کانسپت سه‌بعدی
تعیین زوایای دوربین، رفتار نورپردازی و نحوه تعامل کاربر با آبجکت سه‌بعدی.
گام ۰۲ · مدل‌سازی، متریال‌دهی PBR و فشرده‌سازی هندسه
تولید مش‌های بهینه و کاهش حجم فایل‌های سه‌بعدی تا ۸۵ درصد با الگوریتم Draco.
گام ۰۳ · برنامه‌نویسی موتور WebGL و شیدرها
اتصال صحنه سه‌بعدی به وضعیت‌های رابط کاربری React و اسکرول صفحه.
گام ۰۴ · پروفایلینگ GPU و بهینه‌سازی مصرف باتری
تضمین اجرای نرم و بدون داغ شدن پردازنده روی دستگاه‌های موبایل و تبلت.