Node.JS [ru] | Серверный JavaScript

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

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

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

0:09

1.43K views14:04

👌 7 🤔👎

Node.JS [ru] | Серверный JavaScript

react-three-flex - Flexbox для 3D

Библиотека, позволяющая создавать гибкие макеты внутри THREE.js, тем самым давая возможность делать адаптивные сайты вместе с 3D. Также гораздо легче миксовать DOM и WebGL контент.

Либа написана на React и использует react-three-fiber и Yoga под капотом, так что можно легко писать сайты на React вместе с 3D, при это вставляя куски DOM, причём производительно и адаптивно

Внутри либы находятся два компонента - <Box /> - контейнер для 3D объектов, и <Flex /> - контейнер для <Box />. У каждого из компонентов есть все пропсы из CSS Flexbox + укороченные версии

Внутри README лежит полный гайд о том как пользоваться react-three-flex, и парочка эффектных демок (демо 1 и демо 2)

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

0:49

1.78K views17:56

👌 7 🤔👎 1

Node.JS [ru] | Серверный JavaScript

Вышел react-three-fiber 5

В новой версии 3D библиотеки для React было исправлено много багов, а также было произведено много разных оптимизаций. Из новых фич:

- теперь не нужно писать "attach" в <geometry /> и

<material />

- WebGL 2 включён по дефолту

- из useThree теперь возвращается viewport - значения границ и дистанций экрана

- Поддержка XHR и ошибок в useLoader. Теперь когда можно управлять XHR, появилась возможность создавать полосы загрузки для ожидания подгрузки моделей

- в примитивах (<primitive />) теперь не нужно писать