جدید وبسایت

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

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

2026/10/05
87,604
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
برای ارسال نظر وارد شوید.
Masi
Masi 1404/08/04 21:29

برای یادگیری SDF استفاده کردم، این پروژه اجراش روونه و بدون نیاز به نصب پکیج اضافی کار می‌کنه پیشنهاد می‌کنم.

GavKhoshgel
GavKhoshgel 1404/08/04 15:14

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

سیاوش ملکی
سیاوش ملکی 1404/08/04 03:47

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

احمد صادقی
احمد صادقی 1404/08/03 19:11

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

سارا صادقی
سارا صادقی 1404/08/03 08:13

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

پارسا کاظمی
پارسا کاظمی 1404/08/02 22:16

برای یادگیری Smooth Min، این پروژه کدش واقعا حرفه‌ایه و 60 فریم بر ثانیه روی سیستم‌های معمولی اجرا میشه وقتت رو ذخیره می‌کنه.

MmoLord
MmoLord 1404/08/02 21:18

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

Erfan
Erfan 1404/08/02 18:31

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

وحید تبریزی
وحید تبریزی 1404/08/02 12:25

این پروژه Three.js ساختار کدش حرفه‌ایه و کاملا روی موبایل و دسکتاپ ریسپانسیوه انتخاب عالی واسه برند لوکسه.

مینو اکبری
مینو اکبری 1404/08/02 11:06

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

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

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

فوتر مدرن سایبری با انیمیشن‌های پیشرفته - طراحی شیشه‌ای
رایگان
فوتر مدرن سایبری با انیمیشن‌های پیشرفته...

فوتر مدرن سایبری با انیمیشن‌های پیشرفته - طراحی شیشه‌ای...

رایگان دریافت
وبسایت خبری
وبسایت خبری

4 صفحه کامل خبرگزاری درخت خبر شامل: صفحه اصلی، صفحه تماس، صف...

386,000 سبد
هدر شیک فارسی - طراحی مدرن و ریسپانسیو(رایگان)
رایگان
هدر شیک فارسی - طراحی مدرن و ریسپانسیو(ر...

✨ هدر شیک فارسی - شاهکار طراحی مدرن ✨ تجربه‌ای جدید از...

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

صفحه لاگین/ثبت‌نام حرفه‌ای ویژگی‌های اصلی: 1. طراحی و...

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