Login

منظور از WebGL در طراحی چیست

منظور از WebGL در طراحی چیست

[thumbnail target=”_self” alt=”منظور از WebGL در طراحی چیست” src=”http://www.shopingserver.net/wp-content/uploads/2017/08/385024017727651.jpg”]

 

WebGL

به زبان ساده، تکنولوژی‌ برای کشیدن، به نمایش در آرودن و تعامل سطح بالا و پیشرفته با گرافیک سه‌بعدی کامپیوتری از طریق مرورگرهای وب است. پیش از این، گرافیک سه‌­بعدی تنها محدود به کامپیوترهای سطح بالا و قوی یا کنسول‌­های بازی بود و نیاز به برنامه‌­نویسی پیچیده‌ای داشت. اما امروزه با پیشرفته‌تر شدن کامپیوتر‌های شخصی و web browser ها، نمایش گرافیک سه‌بعدی از طریق تکنولوژی‌های مدرن و شناخته‌شده‌ی وب، امکان‌پذیر شده است.

WebGL (Web Graphics Library) در اصل یکLibrary است که به شما اجازه می دهد تا گرافیک ۳ بعدی ایجاد کنید بطوری که با استفاده از بخشی از منابع کامپیوتر شما بصورت زنده رندر شود. Web GL یک تکنولوژی built-in در مرورگرهای جدید است و می‌توان بدون نیاز به هیچ افزونه یا Library خاصی آن را در مرورگر مشاهده کرد. این تکنولوژی کاملا Client Side بوده و بر روی مرورگر کاربر اجرا می شود.

 

WebGL یک Javascript API

برای رندر کردن گرافیک ۳ بعدی و ۲ بعدی با هر یک از مرورگرهای سازگار است و با هریک از استانداردهای مرورگر که اجازه استفاده از GPU  و پردازش تصویر را بدهد به  راحتی مجتمع می شود. اگرچه قابل استفاده بودن آن بستگی به این دارد که آیا کارت گرافیک سیستم مربوطه از آن پشتیبانی می کند یا خیر. با کلیک بر روی این لینک و ورد به سایت رسیمی Web GL می توانید بررسی کنید که آیا مرورگر و سیستم شما از این تکنولوژی پشتیبانی می کند یا خیر.

 المان های WebGL

المان های WebGL را می توان با دیگر المان های HTML ترکیب کرد و آن را در بخش های مختلف صفحات به کار برد. برنامه های WebGL شامل کد های کنترل هستند که تحت Java نوشته می شوند و کدهای Shader  آن نیز توسط کارت گرافیک کامپیوتر اجرا می شوند.  WebGL یک تکنولوژی تحت JavaScript از OpenGL است که از Canvas Element برای نمایش محتوا استفاده می کند. Web GL بر مبنای یکی از زیرمجموعه های OpenGL به نام۲٫۰  OpenGL ES است که ویژه دستگاه های موبایل ساخته شده است. لذا WebGL با هر پلتفرمی که از Open GL پشتیبانی کند کار می کند.

WebGL از OpenGL ES 2.0

WebGL از OpenGL ES 2.0  مشتق شده و توابع رندر مشابه با آن را ارایه می کند اما در قالب محتوای html. به عبارت دیگر  WebGL برای رندر کردن المان های Canvas در HTML طراحی شده است. ضمن اینکه ویژگی بلادرنگ بودن (پردازش در لحظه) آن  همانند دیگر API های تحت وب است. با این توصیف، به خاطر اینکه Web GL ویژگی های خود را از  OpenGL ES 2 به ارث می برد، برای برنامه نویسانی که با Open GL در کامپیوترهای دسکتاپ و یا کد نویسی وب تحت OpenGl ES آشنا هستند و می خواهند وارد حوزه WebGL شوند مسیر آشنایی است.