Привет. Одна из причин, по которой мне так нравится JavaScript, — это огромное творческое сообщество вокруг него. Поскольку вы, ребята, теперь опытные ветераны JS и у вас есть немного свободного времени на Рождество, вот несколько классных библиотек JavaScript, которые я нашел для творческого кодирования, а также достойные учебные пособия или страницы «Начало работы» о библиотеке. Я также связался с некоторыми творческими сообществами программистов и местами, чтобы показать все классные вещи, которые вы собираетесь создать. Развлекайся!

Классные библиотеки

D3.js

D3.js — это библиотека для очень классного представления данных. По сути, это HighCharts на стероидах, он позволяет вам брать кучу данных из любого источника и делать с ними любое безумное дерьмо, которое вы хотите. Или вы можете просто сделать круговые диаграммы, что угодно.



p5.js

p5.js — это двоюродный брат JavaScript Processing, языковой среды, предназначенной для обучения программированию в творческом контексте. Это очень, очень круто для создания анимации и странного абстрактного интерактивного искусства. В него очень легко попасть, и вы можете очень быстро создавать очень крутые вещи. У Processing также есть большое интернет-сообщество с множеством руководств и примеров кода, которые можно легко перевести на p5.



Три.js

Three.js — это библиотека-оболочка для WebGL API, которая используется для создания 3D-графики в Интернете. WebGL — это кошмар, но Three.js несколько упрощает его усвоение. Однако у него довольно крутая кривая обучения, поэтому, вероятно, он лучше всего подходит для людей, которые уже знают, что они делают с созданием 3D-графики. 3D-графика в Интернете сейчас очень популярна в секторе цифрового маркетинга, и Three — это фреймворк, который, кажется, используют все.



Тон.js

Web Audio API — это… определенно вещь. Я имею в виду, что все в порядке, это работает и все такое. Просто его явно создавали компьютерщики, а не аудиофилы. Несмотря на то, что веб-аудио еще молодо, библиотека Tone.js — это попытка улучшить ее контекстуализацию для людей, занимающихся звуком, а также для музыкантов, композиторов и так далее. Если вы знаете, как соединяются гитарные педали или модульные синтезаторы, вы поймете, как работает Tone.js. Дело в том, что большинство руководств по Tone.js по какой-то причине также охватывают API веб-аудио.



А вот очень длинное руководство, как минимум на пару дней работы, но вы будете делать серьезно крутые штуки.



Демонстрация сообществ

CodePen.io

Аккуратный небольшой сайт для экспериментов с HTML, CSS и JS без необходимости локальной настройки всех этих файлов. Вещи, которые вы создаете («Ручки»), могут быть разделены со всем миром! Просмотр ручек, которыми поделились другие, вызывает привыкание.



Эксперименты с Chrome

Google-версия того же самого. Может, CodePen не продавался или что-то в этом роде, не знаю. Вы не можете размещать здесь свои материалы, вы можете только ссылаться на них, и он, как правило, в значительной степени ориентирован на WebGL (3D-материалы), потому что это то, что сейчас горячо.

/ г / креативное кодирование

Это субреддит для обсуждения всего этого и демонстрации. Здесь можно все, не только JavaScript, поэтому здесь вы увидите множество проектов Unity3D и Arduino, а также доклады, учебные пособия и пустую болтовню.

Также…

Существует множество библиотек, и я не использовал их все (пока). Вот еще несколько, имена которых я часто упоминаю, но не изучал должным образом. Если вы посмотрите на них, и они выглядят потрясающе, пожалуйста, дайте мне знать:

  • Бонсай (2D графика)
  • GoJS (Визуализация данных)
  • Жужжание (Аудиофайлы)
  • Howler (API веб-аудио, специально для игр)
  • Matter.js (физический движок для графики)