Главная Технологии Библиотека WebGL для JavaScript
Библиотека WebGL для JavaScript

Библиотека WebGL для JavaScript

319
0

Вы слышали о такой библиотеки как WebGl? Если нет, то я вам немного расскажу. WebGl – это библиотека для языка программирования JavaScript. Для людей не знакомых с программированием, скажу иначе – WebGl позволяет создавать необыкновенные вещи в вашем браузере. Это относительно новые технологии? и сейчас многие разработчики показывают с помощью своих проектов возможности этой библиотеки.

Одним из  таких сайтов, является acnplwgl, о котором я вам и расскажу.

WebGL

На самом деле не пугайтесь, когда зайдете на сайт. Ведь тут все крутится, двигается и вообще не стоит на месте. Стоит вам дернуть мышку, как все приходит в движение.

webgl библиотека

Если говорить о функционале сайта, то он тут не слишком разнообразен – открыть или закрыть проект, посмотреть следующий или вернуться на предыдущий. Но дело ведь не в нем, а в тех возможностях, которые он предоставляет. На главной странице вы видите проекты от известного сообщества  — Chrome Experiments.

При помощи одной лишь мыши вам покажут, как может преобразиться 3D графика, эффекты, сцены при использовании этой библиотеки.

Например, один из проектов позволяет с помощью одного лишь клика мыши рисовать подобный рисунок:

webgl рисунок

Это лишь маленькая часть того, на что способна библиотека WebGl.

Другой пример работы – это перемещение. У вас есть возможность увидеть, каким плавным и интересным может быть движение в 3D мире. Кстати, частицы специально были окрашены в разные цвета, чтобы вам было удобно наблюдать за происходящим.

webgl движение частиц

webgl частицы

Также разработчики показали, как рисуются портреты живых людей с помощью этой технологии, и как они выглядят в пикселях. А движение красного человека, который нарисован на каменной стене – это вообще здорово.

webgl лицо человека

webgl лицо человека

webgl красный человек

Представьте, какие возможности есть у данной библиотеки! И более того, освоить ее и применять на практике может любой желающий. Ведь то, что вы видите на сайте не основное применение WebGL. Это лишь пример того, как все это можно внедрить в разработку браузерных игр, интерактивных атласов, книг, мини-фильмов.

webgl библиотека

Очень круто, что технология позволяет отображать только ваши действия, как, например, тут.

webgl шипы

Вот эти шипы реагируют исключительно на ваше движение (можете почувствовать себя дирижером).

Или же эта штука (мне она напомнила калейдоскоп), которая меняется при  каждом нажатии на мышь.

WebGL

А вот пример с формами, которые меняются при нажатии или прокрутке:

webgl возможности библиотеки

Ни скрины, ни описание не передадут вам того, что вы можете увидеть на сайте. Все возможности WebGL можно почувствовать только тогда, когда сами понажимаете на все проекты, которые к тому же дополнены звуком. Хотя это и не самый популярный сайт, в котором представлены эксперименты от сообщества Chrome, но тоже заслуживают внимания.  Здесь более абстрактные варианты, нежели что-то существенное.

 

Адрес — www.acnplwgl.com

Библиотека WebGL для JavaScript
Оцените сайт

Оставить комментарий к статье

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Вверх