Публикации по теме 'threejs'


Создавайте базовые 3D-сцены с помощью Three.js
Это наш первый урок по использованию Three.js, и мы рассмотрим его использование самым классическим способом веб-разработки — тегом <script> . Подготовьте базовые файлы Сначала мы создаем файл index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>03 - basic scene</title> </head> <body> <script..
Рендеринг трехмерных символов с помощью Three.js
three.js может отображать текст непосредственно в трехмерную графику, что отлично сочетается со сценой 3D-модели. В этой статье рассматривается, как визуализировать 3D-текст в three.js — Hello World. Three.js — 3D-библиотека JavaScript Изменить описание threejs.org TextGeometry Geometry in three.js создается с использованием различных классов геометрии, и 3D-текст не является исключением. Чтобы сгенерировать 3D-текст, мы..
Создание интерактивного 3D-портфолио с использованием Three.js
Создание интерактивного 3D-портфолио с использованием Three.js может быть увлекательным и полезным проектом. В этом руководстве мы проведем вас через шаги по настройке базового интерактивного веб-сайта 3D-портфолио для демонстрации вашей работы или проектов. Мы рассмотрим следующие разделы: Настройка проекта Создание 3D-сцены Добавление элементов управления навигацией Демонстрация ваших проектов Добавление интерактивности Давайте начнем! 1. Настройка проекта Во-первых,..
Создание интерактивного веб-портфолио с помощью Vue + Three.js — Часть третья: внедрение Three.js
Это финишная черта! Мы узнали, как настроить проект Vue + SCSS в последних двух эпизодах. Создание интерактивного веб-портфолио с помощью Vue + Three.js — часть первая: введение и настройка Можно с уверенностью сказать, что веб-портфолио — один из лучших способов продемонстрировать от ваших проектов и поделиться своим брендом. Но это… medium.com Создание интерактивного веб-портфолио с помощью Vue +..
Как визуализировать готового Player Me в Three.js
Это второй пост из серии об использовании Ready Player Me в React. Если вы не читали эту статью , в ней подробно рассказывается, как интегрировать создателя Ready Player Me в ваше приложение React. Хотя в этом нет необходимости, этот пост основан на предыдущем посте с использованием того же примера проекта. Установка Три.js Three.js — это легкая 3D-библиотека, которая позволяет выполнять расширенный рендеринг в Интернете. Этот инструмент позволит нам взаимодействовать с нашей..
Вы разработчик игр и чувствуете, что ваша карьера зашла в тупик?
«Не теряйте надежды: 3 причины, по которым разработчики игр занимают достойное место в мире веб-разработки благодаря Three.js» Вы разработчик игр и чувствуете, что ваша карьера зашла в тупик? Вы чувствуете, что для вас нет места в мире веб-разработки? Если да, то пришло время изменить свое мышление! С помощью Three.js разработчики игр могут легко создавать потрясающие интерактивные 3D-приложения для Интернета. Вот три причины, почему разработчикам игр есть место в мире..
Из Blender в Интернет: создание 3D-анимации пончика с помощью React и Three.js
Оживление моего 3D-пончика с помощью анимации На прошлой неделе я начал улучшать свой экспериментальный сайт с пончиками. Это помогло мне снова освоиться с основами React и лучше понять основы three.js. Я прочитал часть документации по react-three/drei, чтобы посмотреть, что я могу сделать, и получил несколько идей, которые я сразу же попытался реализовать. Настройка анимации Поскольку для создания пончика я следовал руководству по Blender, я также создал простую анимацию,..