Технология WebGL для JavaScript

Технология WebGL для JavaScript

5
0

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

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

Javascript webgl

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

Webgl библиотеки

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

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

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

Библиотека webgl

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

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

Библиотека webgl для js

Webgl сайты

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

Сайт на webgl

Технология webgl

Возможности webgl

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

Пример использования webgl

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

Пример использования технологии webgl

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

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

Пример использования webgl библиотеки

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

Пример использования javascript webgl

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

 

Адрес — www.acnplwgl.com

Технология WebGL для JavaScript
5 (100%) 2 голосов

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

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

Вверх