لطفا صبر کنید ...

۱۰ نمونه از وب سایت هایی که از WebGL استفاده می کنند

الهام غایب

توسط الهام غایب

دیدگاه ها: 0
بازدید ها : 329
رایگان
هدف ما این است که شما، در بالاترین سطح طراحی و توسعه وب باشید.

ثبت نام کنید

در این مقاله از لیداوب، ده نمونه از وب سایت‌هایی که از WebGL استفاده می‌کنند را به شما معرفی خواهیم کرد. در ادامه همراه ما باشید.


شاید بپرسید چه چیزی WebGL را خاص کرده است و چرا کدنویس‌های حرفه‌ای به آن علاقمند هستند؟ پاسخ ساده است. چون ما در عصر وب سایت‌های غیر استاتیک زندگی می‌کنیم. ما در عصری زندگی می‌کنیم که همه چیز داینامیک است. گرچه محتوا، خیلی مهم است اما در برخی از موارد تاثیر کلی بهتر عمل می‌کند. وب سایت‌ها پر از اتفاقات و واکنش‌ها هستند. این واکنش‌ها در وب سایت‌های مختلف متفاوت است مثلا در یک وب سایت ممکن است فقط شامل طراحی‌های زیبا برای نشانگر موس باشد و در یک وب سایت دیگر از افکت انیمیشن برای جلب توجه بهره گرفته شده باشد. در پشت اکثر روش‌هایی که به پویایی وب سایت‌ها کمک می‌کنند، WebGL ایستاده است.

WebGL چیست؟

WebGL یک استاندارد برای گرافیک‌های سه بعدی Low-poly است که در تمام پلتفرم‌ها اجرا می‌شود. این استاندارد به شما امکان جادو کردن با canvas را بدون استفاده از پلاگین‌های اضافی می‌دهد. برنامه نویسان از بازی کردن با فیزیکی که رفتارهای مختلف را باز تولید می‌کند، لذت می‌برند. تنها نقصی که وحود دارد این است که کمی سنگین بوده و فاقد سازگاری در برخی از مرورگرها است بنابراین برخی از کاربران نمی‌توانند از زیبایی آن استفاده کنند.

علاوه بر این، WebGL به تنهایی به کار نمی‌رود بلکه با فناوری‌های پیشرو همراه می‌شود که منجر به خلق خروجی‌های بی نظیری خواهد شد. WebGL می‌تواند با GLSL، 3D Sound-Audio، Al Chatbot Speech Recognition، Experimental Code Shell و غیره جفت شود. هیچ محدودیتی وجود ندارد. برای مثال، به وب سایت Andrea Reni توجه کنید؛ از همان لحظات اول متوجه می‌شوید که این وب سایت به یک برنامه نویس تعلق دارد. تمام جزئیات آن دوست داشتنی و زیبا، مینیمال، تمیز و چشم‌گیر است. این وب سایت اتمسفری قدیمی طور و فانتزی دارد و با تکنولوژی‌های پیچیده مانند WebGL Shader، Three.js، GLSL و فیلترها و افکت‌های مختلف ساخته شده است:

WebGL

همانطور که می‌دانید وب سایت‌های شخصی اولین جایی هستند که باید به دنبال ایده گرفتن برای استفاده از WebGL باشد. 

وب سایت های شخصی

Francois Risoud

به نظر می‌رسد که استفاده از تکنولوژی‌های پیشرفته مثل WebGL برای تمام هنرمندان و آژانس‌های خلاق به یک ضرورت تبدیل شده است. Francois Risoud یک برنامه نویس فول استک در پاریس است که از پس زمینه‌های فیزیک کوانتوم استفاده کرده است. بنابراین، عجیب نیست که او از WebGL و توانایی آن برای ساخت رفتارهای متعدد واقعی استفاده کرده باشد. وب سایت او دارای حباب‌هایی به شکل لکه رنگ است که با بازدیدکنندگان تعامل می‌کند:

WebGL

Dot to Dot

Dot to Dot وب سایت استودیو معماری متعلق به آنا گامبائو پاردو است. در پروژه‌های این سایت از فناوری‌های قدرتمند با کمک WebGL و انیمیشن‌های GSAP استفاده شده است. به این جزئیات کوچک توجه کنید. آن‌ها واقعا دوست داشتنی هستند.WebGL

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

وب سایت‌هایی با تجربه داستان سرایی

Fenwick Musee

تجربه داستان سرایی و WebGL یک جفت عالی هستند که ترکیبی از محتوای برنامه ریزی شده و تعاملات مشارکتی و انیمیشن است. وب سایت Fenwick Musee نمونه‌ای از تجربه داستان سرایی است  که در آن انتخاب اطلاعات، دسته بندی اطلاعات به بخش‌های قابل فهم و ارائه زیبای آن باعث شد تیم یک وب سایت فوق‌العاده و حرفه‌ای ایجاد کند. آن‌ها از WebGL و GSAP استفاده کردند که باعث شد پروژه نه تنها آگاهی دهنده باشد بلکه مشارکت کاربر را هم بر می‌انگیزد:

WebGL

Moment Zero

وب سایت Moment Zero درست مانند نمونه قبلی کاربران را به عمق تاریخ میبرد گرچه این بار این تاریخ مربوط به داده‌های زمین لرزه‌ها در زمین است. در اینجا هم WebGL نقش بسیار پر رنگی دارد و در پشت تجربه تاثیرگذار با VR و صحنه‌های ۳۶۰ درجه ایستاده است:

WebGL

A story about Trusts

وب سایت A story about Trusts نمونه دیگری از پروژه‌های روایی یا داستان گونه است. البته، این وب سایت در مورد تاریخ نیست . تیم سازنده این وب سایت از WebGL و تعاملات اشاره‌ای برای تبدیل اکتشاف داده و آمار به یک وقت گذرانی لذت‌بخش استفاده کرده‌اند:

WebGL

The Dime Trap

وب سایت The Dime Trap یک وب سایت تعاملی استثنائی است که هدف آن روایت داستان از ایجاد آلبوم‌های استودیویی از طریق ارائه تصاویر بدون فیلتر از پشت صحنه است. در این سایت ترکیبی از WebGL ،Three.js ،Backbone.js ،Create.js و دیگر فناوری‌های پیشرو استفاده شده است:

WebGL

سایت های بازی وار

Nike React

 گرچه مدت زمان زیادی از ساخت آن نمی‌گذرد اما خیلی زود توانست جای خود را پیدا کند. هیچ گیمیفیکیشنی بدون استفاده از روش‌های پیچیده امکان پذیر نمی‌باشد. وب سایت Nike React یک تجربه فوق‌العاده از WebGL سه بعدی است که هر کسی باید آن را امتحان کند. البته اگر کامپیوتر شما آمادگی پردازش آن‌ها داده و تصاویر را داشته باشد. این وب سایت به شما امکان ایجاد یا به طور دقیق‌تر، اسمبل کردن یک شکل متحرک و منحصر به فرد از آیتم‌های مختلف را می‌دهد. این وب سایت یک تجربه متفاوت است که با روش‌های پیشرفته ساخته شده است:

WebGL

undefined

L’Oeuf Kicetou

وب سایت L’Oeuf Kicetou یک پلتفرم ویدیویی مخصوص کودکان است که از WebGL و کتابخانه‌های دیگر برای جان بخشی به ایده ها استفاده می‌کند. در این وب سایت همه چیز به حرکت در می‌آید تا کودکان را در یک بازی مشارکت داده و به روشی بازی‌گونه، به سوالات کودکان پاسخ دهد:

WebGL

NDK Poster Generator

گرچه وب سایت NDK Poster Generator در اصل یک وب سایت بازی نیست اما با این حال باز هم می‌توان آن را به نوعی وب سایت گیمیفیکیشن نامید. این زمین بازی امکان ایجاد پوسترهای سلیقه‌ای با استفاده از ابزارهای غیر مرسوم مانند Canvas‌های داینامیک عجیب و غریب را ایجاد می‌کند. همچنین تعاملات و عناصر پروژه هم فانتزی هستند:

WebGL

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

مطالعه مقاله‌های بیشتر در لیداوب:

برای مطالعه مقالات بیشتر در زمینه‌های برنامه نویسی، طراحی سایت و سئو می‌توانید کتابخانه آنلاین لیداوب را دنبال کنید.

منبع :

5 از 1 رای

 مطالب مرتبط  

در قسمت زیر مطالبی وجود دارند که با مقاله فعلی مرتبط هستند



متاسفانه فقط اعضای سایت قادر به ثبت دیدگاه هستند

برترین مطالب

آموزش در لیداوب

از مقالات و ویدیو های آموزشی خودتان کسب درآمد کنید!

جدیدترین سرویس ما برای دوستان متخصص و خوش بیان در زمینه طراحی وب ارائه شد. این سرویس به شما این امکان را می دهد که به آسانی مقالات و یا ویدیو های آموزشی خود را در لیداوب منتشر کنید. فرصت مناسبی است که بدون داشتن وب سایت و یا وبلاگ و مهم تر از همه بدون هزینه، مطالب خود را در لیداوب منتشر کنید و مهم تر از همه با فروش آنها کسب درآمد کنید. همین حالا شروع کنید و این فرصت استثنایی را از دست ندهید.