Создание эффекта прозрачного стекла и пластика в Three.js

В недавнем выпуске Three.js (r129 и выше) появились новые функции, которые позволяют нам создавать убедительные прозрачные, похожие на стекло и пластик материалы, преломляющие и рассеивающие содержимое, находящееся за ними. В этой статье рассказали, как такой эффект можете сделать вы:

https://tprg.ru/U3mi

#javascript #threejs

​Создание игры с Three.js

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

В этой статье вы сможете изучить способ, как можно создать игру с помощью Three.js:

https://blog.logrocket.com/creating-game-three-js/

#threejs

Как разработчику заработать на продаже грибов, или создаём генератор 3D-грибов для NFT-коллекции

NFT-коллекции пережили бум своей популярности и сейчас они говорят не так много. Однако, они всё ещё пользуются спросом и стоят уйму денег. Так почему бы не подзаработать на этом, потратив минимум времени?

В этой статьей автор показал, как с помощью кода, библиотеки Three.js и креативности можно быстро создать целую пачку произведений цифрового искусства:

https://habr.com/ru/post/651267/

#threejs #nft

Эффект искажения пикселей с Three.js

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

В этой статье рассказали о том, как это сделать:

https://tympanus.net/codrops/2022/01/12/pixel-distortion-effect-with-three-js/

#фронтенд #threejs

​Как создать игру Tetris с помощью Three.js

В этом руководстве вы создадите не просто Tetris, а его 3D-версию. А поможет нам библиотека Three.js, которая идеально справляется с рендерингом 3D-объектов. Подробнее:

https://habr.com/ru/company/ruvds/blog/680666/

#threejs #gamedev

​Реально ли создать 3D-шутер на React + Three.js?

В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня можно создавать не только интерактивные сайты, но и полноценные игры прямо в браузере.

Автор серии статей делает шутер и рассказывает о процессе в формате пошагового гайда. Код проекта и ссылки на статьи на английском: https://github.com/JI0PATA/fps-game

Перевод одной из частей на русском: https://habr.com/ru/articles/774090/

#threejs #react #gamedev

RUINSWORD: Многопользовательский шутер с открытым миром для браузера на JS/TS, Three и Vue

Вот по-настоящему амбициозный проект, который на 100% раскрывает возможности современных браузеров. Несмотря на то, что сейчас доступна только бета-версия, мы с вами можем оценить объём проделанной работы и даже поиграть.

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

#gamedev #vue #threejs

Сайт-портфолио нового уровня

Следите за мыслью. Что будет, если сделать интерактивный 3D-офис, в котором стоит с ЭЛТ-монитором, в который встроено нечто напоминающее Windows 95, в которой есть игры и браузер, в который встроен реальный сайт с портфолио? А получится проект Генри Хеффернана, созданный с использованием React, Three.js и WebGL.

Это не просто демонстрация возможностей разработчика, но и явная любовь и уважение к технологиям прошлого — тут воссозданы мерцание монитора, дрожание изображения и даже отпечатки пальцев на экране.

Заценить и оценить можно тут: https://henryheffernan.com

#фронтенд #webgl #threejs #портфолио