Публикации по теме 'webgl'
Освещение 3D-миров: освоение материалов и текстур в Three.js
Представляем материалы
Материалы — это ключ к добавлению визуального богатства и реализма в ваши 3D-сцены. Изучите различные типы материалов, доступных в Three.js, от базовых материалов, таких как MeshBasicMaterial, до продвинутых материалов, таких как MeshPhongMaterial и MeshStandardMaterial. Узнайте, как применять цвета, текстуры и тени к 3D-объектам.
// Create a cube geometry
const geometry = new THREE.BoxGeometry(1, 1, 1);
// Create a basic material with a green color
const..
Начало работы с WebGL: нарисуйте 2D-форму
Если вы изучили HTML, CSS и JavaScript, возможно, вы подумаете: Могу ли я сделать что-то более интересное, чем отображение текста и изображений? Конечно, ДА ! Например, вы можете использовать WebGL для создания интерактивной двухмерной или трехмерной графики .
Звучит сложно и вызывающе? Давайте начнем с чего-то простого: рисования 2D-фигуры.
Предварительные требования : обязательны HTML, CSS и JavaScript. Если вы знаете GLSL, это лучше, но я объясню код GLSL.
Репозиторий :..
Three.js: как создать плавное движение камеры с помощью Blender
Я до сих пор помню свой первый «3D» сайт. Это было в 2013 году, во времена Flash (мы не становимся моложе…), и мне нужно было сделать круглую карусель изображений. У меня было два варианта: переместить камеру или переместить изображения. Я остановился на втором, но, оглядываясь назад, понял, что это был не лучший выбор.
Для этого проекта движение было довольно легким. Немного тригонометрии и готово. Но в наши дни, с мощью WebGL, обычно это не «простые» карусели, а сложные 3D-сцены...
WebGL — Трассировка лучей 2.1 с отражениями
В этом посте мы собираемся сделать кое-что более увлекательное, используя те же строительные блоки, что и в предыдущем посте . Мы собираемся добавить несколько сфер в нашу сцену и добавить отражения.
1. Добавление нескольких сфер
Давайте сначала добавим несколько сфер и начнем с определения макроса для необходимого количества сфер.
#define NUM_SPHERES 5
Мы уже определили структуру для нашей сферы в предыдущем посте. Давайте воспользуемся этим и определим 4 новые сферы в функции..
Как рендерить видео WebGL из браузера
Вместе с деловым партнером и старым другом в Сиэтле я работаю над новой захватывающей гиго. Это визуализатор 3D-музыки, созданный на HTML5/WebGL с использованием PureMVC, React и Three.js. У нас уже есть надежный, расширяемый клиентский фреймворк и несколько замечательных вещей, происходящих в отрендеренной сцене, которые пользователь может настроить, а затем сохранить.
Теперь мы хотим создать видео, чтобы мы могли загрузить его на YouTube или поделиться им на Facebook.
Наш..
Динамика жидкости 101: байт за байтом
В этом году я участвовал в категории PC 1k intro конкурса демосцены Assembly 2019 с моей работой Fluid Dynamics 101 и занял 3-е место (см. 1st , 2nd и 4th ). Это побайтовый анализ записи. Правила конкурса заключаются в том, что вы должны создать исполняемый файл или веб-сайт размером всего 1024 байта. Это крайне ограниченное пространство для создания аудио и видео. Этот первый абзац уже имеет длину 515 байтов или символов, поэтому вся запись только в два раза длиннее.
Сжатие и..
Вопросы по теме 'webgl'
Как связать файлы GLSL с помощью Gulp?
Я работаю над проектом WebGL, для которого требуются пользовательские .glsl шейдеры. Проект связывает приложение с Gulp, поэтому я пытаюсь использовать https://github.com/mikecao/gulp-glsl , который представляет собой «плагин Gulp, преобразующий...
15.04.2024
Новые материалы
Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать
С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv)
Автор : Бар Лайт
Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята?
В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение.
В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
Учебные заметки: создание моего первого пакета Node.js
Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm.
Оглавление
Глоссарий
I. Новый пакет
1.1 советы по инициализации..
Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных.
Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
ИИ в аэрокосмической отрасли
Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..