​​React компонент для анимации частиц с помощью WebGL

#jsarticle #javascript #react #frontend #webgl #webdev #3d

​​ogl - минималистичный WebGL фреймворк

#jslib #javascript #webgl #frontend #webdev

​​Иллюстрированное введение в WebGL

#webgl #frontend #jsarticle #javascript #webdev

​​SculptGL - WebGL редактор для создания моделей в вебе

Поддеживает импорты текстур, экспорт в разные форматы, такие как OBJ и STL. Имеется достаточный набор инструментов для изменения формы и цвета.

Может пригодиться при разработке сайтов с 3D графикой

Исходный код | Сайт

#webdev #webgl #frontend #webdev #jstools

​​Ascii3D - текстовый 3D рендерер для JavaScript

Основан на концептах OpenGL, есть поддержка цвета

#jslib #3d #webdev #webgl #frontend #javascript

​​Эффект движения волны для картинок с помощью WebGL шейдеров и THREE.js

#threejs #webgl #frontend #webdev #javascript #jsarticle

​​3D меню сайта с физикой на THREE.js и Cannon.js

#threejs #cannojs #3d #frontend #webdev #javascript #jsarticle #webgl

​​postprocessing - JavaScript библиотека для пост обработки 3D моделей THREE.js

#postprocessing #threejs #frontend #webdev #webgl #jslib #javascript

​​Полный гайд по WebGL

#webgl #3d #jsarticle #javascript #frontend #webdev

OGL – минималистичная библиотека для WebGL

Является альтернативной THREE.js

Из фишек:

маленький размер
поддержка ES модулей (в отличие от THREE.js)

Проект находится в альфа версии, но большинство библиотеки уже написано

#javascript #webdev #threejs #3d #webgl #canvas #ogl #jslibs

​​glfx.js - JavaScript библиотека эффектов для изображений, основанная на WebGL

#webdev #javascript #jslib #frontend #webgl

​​Иллюстрированное введение в WebGL

#webgl #frontend #jsarticle #javascript #webdev

useVideoCard – React хук для получения сведений о видеокарте

#frontend #webdev #webgl #jslib #javascript #react #hooks

​​react-postprocessing - набор React компонентов для простого комбинирования и настраивания эффектов постобработки

Является обёрткой над postprocessing и предназначена для использования с react-three-fiber

#jslib #javascript #frontend #webdev #threejs #3d #postprocessing #webgl #react #reactthreefiber

​​THREE.MeshLine - Mesh альтернатива THREE.Line

THREE.Line использует GL_LINE, который накладывает некоторые ограничения. С помощью MeshLine можно использовать более настраиваемые линии со всеми фичами THREE.Mesh

#jslib #threejs #3d #frontend #javascript #webdev #webgl

​​mapbox-gl - интерактивные и кастомизируемые карты в браузере с помощью WebGL

#jslib #javascript #webdev #webgl #frontend

​​component-material - React библиотека для композиции и модификации материалов из THREE.js

Библиотека упрощает написание шейдеров для материалов с помощью специальных React компонентов и настроек

#jslib #frontend #webdev #react #webgl #javascript #reactthreefiber #threejs

​​react-babylonjs — React интеграция для 3D движка Babylon.js

- Поддерживает Fast Refresh
- Типы из коробки
- React хуки для обработки событий, компоненты для настройки сцены, освещения, физики и т.д.


#jslib #javascript #frontend #webdev #react #webgl #babylon

Тестирование доступности компонентов React с помощью Storybook

#jsarticle #storybook #react #frontend #webgl #a11y #testing

​​Trois - 3D библиотека на основе Vue, THREE.js и Vite

Представляет собой аналог react-three-fiber.

#jslib #javascript #frontend #vue #webdev #webgl #3d #threejs #vite