جدید وبسایت

هیرو سه‌بعدی مایع - کروم مایع با SDF (رایگان)

کروم مایع با SDF، ادغام نرم کره‌ها و تینت رنگین‌کمانی

2026/10/05
87,766
21,438
0
هیرو سه‌بعدی مایع - کروم مایع با SDF (رایگان)
رایگان
رایگان
🔄 نسخه
1.0.0
📦 حجم
7 کیلوبایت
⭐ امتیاز
4.7/5
📊 موجودی
1000
ویژگی‌های محصول
دانلود آنی
بلافاصله پس از پرداخت
تضمین کیفیت
تست شده و سالم
پشتیبانی ۲۴/۷
همیشه در دسترس
آپدیت رایگان
به‌روزرسانی‌های آینده
اطلاعات فنی
وضعیت فعال
موجودی 1000 عدد
ویژه خیر
تخفیف خیر
فایل موجود

توضیحات محصول

هیرو سه‌بعدی مایع - کروم مایع با Signed Distance Fields

ویژگی‌های کلیدی:
- کروم مایع با Signed Distance Fields (SDF)
- ادغام نرم کره‌های ماهواره با Smooth Minimum
- بازتاب محیطی جعلی در Fragment Shader
- تینت رنگین‌کمانی بر اساس نرمال
- دو هایلایت اصلی و ثانویه
- لوگوی متحرک CSS
- رنگ‌بندی سرد با تاکید بنفش/صورتی
- کاملاً ریسپانسیو

تکنولوژی‌ها:
- Three.js (r160)
- GLSL Fragment Shader (Raymarching + SDF)
- CSS3 + Vazirmatn

نحوه استفاده:
1. فایل ZIP را دانلود و استخراج کنید
2. فایل index.html را در مرورگر باز کنید
3. متن‌ها و رنگ‌ها را ویرایش کنید
4. کد را در پروژه خود کپی کنید

نکته: این پروژه کاملاً رایگان است.

امتیاز کاربران

20064 نظر
4.7
از 5
میانگین امتیاز از 20064 نظر
5
16653
4
2207
3
602
2
401
1
201
برای امتیاز دادن وارد شوید.

نظرات کاربران

1477
برای ارسال نظر وارد شوید.
نازنین حیدری
نازنین حیدری 1404/11/15 01:59

رایگان بودنش عالیه و این پروژه یه انتخاب عالی بود و فقط با یک فایل HTML قابل اجراست واسه برندهای مدرن عالیه.

مرضیه
مرضیه 1404/11/14 18:02

از بین هیروهای سه‌بعدی، این یکی خیلی تمیز و منظمه و مستندات کاملی داخل کد داره من که راضی‌ام.

کیان علیزاده
کیان علیزاده 1404/11/14 14:16

برای پورتفولیوم، این پروژه ارزش وقت گذاشتن رو داره و رنگ‌بندی سرد با تاکید بنفش و صورتی خیلی مدرنه ۵ ستاره شایسته‌ست.

BloodHound
BloodHound 1404/11/14 10:54

برای یادگیری SDF استفاده کردم، این پروژه اجراش روونه و بارگذاری اولش سریعه پیشنهاد می‌کنم.

پریسا مرادی
پریسا مرادی 1404/11/13 18:33

برای تمرین Raymarching، این پروژه کارم رو راحت‌تر کرد و کروم مایعش سینمایی و لوکسه ۵ ستاره شایسته‌ست.

Davood
Davood 1404/11/13 16:59

این پروژه WebGL با اینکه رایگانه تجربه کاربری بی‌نظیری داره و Raymarching + SDF رو عالی پیاده کرده من که راضی‌ام.

RedDragon
RedDragon 1404/11/13 11:31

برای سایت کریپتوییم، این پروژه با اینکه رایگانه کیفیتش عالیه و Raymarching + SDF رو عالی پیاده کرده من که راضی‌ام.

حمید طاهری
حمید طاهری 1404/11/13 07:12

این پروژه WebGL با اینکه رایگانه تجربه کاربری بی‌نظیری داره و مستندات کاملی داخل کد داره ممنون از سازنده.

Hormoz
Hormoz 1404/11/13 05:43

مدتیه دانلودش کردم، این هیرو نقطه قوت خوبی داره و 60 فریم بر ثانیه روی سیستم‌های معمولی اجرا میشه ۵ ستاره شایسته‌ست.

NullNull
NullNull 1404/11/13 05:18

برای سایت کریپتوییم، این پروژه با اینکه رایگانه کیفیتش عالیه و مستندات کاملی داخل کد داره ممنون از سازنده.

محصولات مشابه

شاید این محصولات هم مورد علاقه شما باشند

فرم تماس سه‌بعدی شیشه‌ای - Glassmorphism
رایگان
فرم تماس سه‌بعدی شیشه‌ای - Glassmorphism

فرم تماس سه‌بعدی شیشه‌ای با طراحی Glassmorphism مدرن. 🎨...

رایگان دریافت
هدر صفحه شخصی (پورتفولیو) - مدرن و ریسپانسیو
رایگان
هدر صفحه شخصی (پورتفولیو) - مدرن و ریسپا...

هدر صفحه شخصی (پورتفولیو) - مدرن و ریسپانسیو 🎨 طراحی ویژ...

رایگان دریافت
صفحه لاگین/ثبت‌نام حرفه‌ای و ریسپانسیو (رایگان)
رایگان
صفحه لاگین/ثبت‌نام حرفه‌ای و ریسپانسیو (...

🔧 مشخصات کلی پروژه: نوع: یک صفحه‌ی واحد (Single Page) برای...

رایگان دریافت
فوتر چندمنظوره حرفه‌ای - مناسب برای تمام وبسایت‌ها
رایگان
فوتر چندمنظوره حرفه‌ای - مناسب برای تمام...

فوتر چندمنظوره حرفه‌ای - مناسب برای تمام وبسایت‌ها 🎨 طرا...

رایگان دریافت