Цель
Необходимо создать две сферы, одну из которых можно катать по поверхности другой при помощи мышки и реализовать камеру, которую можно перемещать вокруг этих шаров при помощи клавиатуры.
Реализация
Я завёл матрицу, которая хранит текущ…
Цель
Необходимо создать две сферы, одну из которых можно катать по поверхности другой при помощи мышки и реализовать камеру, которую можно перемещать вокруг этих шаров при помощи клавиатуры.
Реализация
Я завёл матрицу, которая хранит текущ…
Задача просто включить галочку у булевой переменной в Unity, она активирует появление объекта на сцене. Но при нажатии предмет не появляется, а кнопка, созданная в самом Unity работает исправно.
В index.html только добавила строку window.u…
Какой вариант практичнее? Перезапись буфера атрибутов или же перемещение с помощью матрицы трансформации?
Третью недель вникаю в WebGL и пытаюсь сделать маленькую 2D игру для развития. Пришла пора добавить персонажам вращение и поэтому сра…
Какой вариант практичнее? Перезапись буфера атрибутов или же перемещение с помощью матрицы трансформации?
Третью недель вникаю в WebGL и пытаюсь сделать маленькую 2D игру для развития. Пришла пора добавить персонажам вращение и поэтому сра…
На данный момент, частицы расположены в определенную высоту.
Как поменять код, чтобы высота по сути сцены (этих частиц) зависела от высоту body(то есть в данном случае это 2000px), и чтобы частицы не менялись в размере
https://codepen.io/d…
Хочу адаптировать в проект данную сцену https://codepen.io/supah/pen/BqwJxq, но при копировании скрипта выдает ошибку: Cannot read properties of undefined (reading ‘length’).
Данная ошибка возникает при обработке следующего кода:
var ver…
Есть curved text, который рендерится с помощью Konva.TextPath:
const konvaText = new Konva.TextPath({
text: ‘Community’,
fontSize: 160,
fontFamily: ‘AgencyFB’,
fill: ‘blue’,
strok…
Maybe someone could help with a freeze of an animation while we loading/preloading textures.
There are background and several big animations.
After scene have started to change and transition animation have started, main container is clea…
Maybe someone could help with a freeze of an animation while we loading/preloading textures.
There are background and several big animations.
After scene have started to change and transition animation have started, main container is clea…
Как можно заменить материал в Three.js? Мне нужно найти материал по id или по name и его заменить на свой сгенерированный и этот материал применился именной к той части объекта, к которой был предназначен.
…
Пытаюсь импортировать на сайт 3D модель авто, но почему то не импортируются дополнительные текстуры с моделькой, и у меня не отображаются почему то стекла и материал с отражением имитация "Хрома"(Использую модельку формата FBX).
…
пытаюсь импортировать на сайт 3D модель авто, но почему то не импортируются дополнительные текстуры с моделькой, и у меня не отображаются почему то стекла и материал с отражением имитация "Хрома"(Использую модельку формата FBX).
…
У меня есть база объектов (массивы с obj mtl jpg). Нужно выбрать какие-то объекты и добавлять их на сцену. Как добавлять объекты в готовую сцену или как "убивать" сцену, добавлять объект и заново прорисовывать сцену?
…
Пытаюсь добавить хотспоты на сцену, но никак не получалось. В задумке красные нумерованные точки, типа круг с цифрой внутри.
Codepen
const isExteriorPage = true
export function interiorView () {
let camera, scene, renderer, source, contro…
В проект на three js нужно спарсить obj-файл и применить к нему цвет.
При загрузке obj это делается так:
loader.load("./fox.obj", function(model) {model.traverse(function(child) {
if (child instanceof THREE.Mesh) {
child.m…
В React приложении собираюсь использовать Three.js, но мне нужно нужно расширить модуль THREE, при попытке это сделать получаю такую ошибку "Attempted import error: ‘FreeSurferLoader’ is not exported from ‘three’ (imported as ‘THREE’)…
Использую в своём React приложении Three.js, react-three-fiber и react-three/drei.
Когда я пытаюсь импортировать OrbitControls из react-three/drei, получаю ошибку: Attempted import error: ‘DataUtils’ is not exported from ‘three’.
Мои завис…
Good time of day. Please tell me how you can achieve the following effect as in the screenshot. The color of the gradient should depend on the distance of the links. I use pure webgl and javascript.
Есть у меня такая вот работа. Прилагаю просто на всякий случай. Вопрос заключается в следующем: почему, когда я задаю контекст с таким свойством,
var gl = canvas.getContext("webgl", {
premultiplatedAlpha: false
});
то все …
Пытаюсь создать рисовалку на webgl2
Желательна поддержка большого количества слоёв (>10) в 128бит/пикс. формате
Почитал в интернете, оказывается, с каждым может случиться такая страшная вещь как потеря webgl контекста
В связи с этим соз…
Рисую много раз треугольник красного цвета с прозрачностью, шейдер максимально тупой
out vec4 Color;
void main(){
Color = vec4(1, 0, 0, 0.01);
}
Использую смешивание
gl.enable(gl.BLEND);
gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC…
Я создаю webGL и пытаюсь добавить в него шейдер по примеру. webGL создаётся, но шейдер в нём не выводится. Как это правильно сделать? Вот мой код:
index.html:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<…
Стоит задача, необходимо изменить цвет текстуры с преобладанием красного. Я пытаюсь делать так, но у меня текстура полностью заливает картинку красным цветом, подскажите, пожалуйста, где ошибка?
//подключение модуля
import * as THREE from …
Построить геометрию, соответствующую рисунку (12 баллов):
Наложить текстуру (для каждой грани – отдельная картинка)
Текстура не должна быть растянутой (нужно рассчитывать
соотношение ширины / высоты текстуры, затем вычислять, какого
размер…
Есть программа, в основе которой отрисовка разноцветных точек на экране:
function fullScreen(elem) {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) …
есть ли возможность получить объект с прототипом полученного контекста?
let webgl = canvas.getContext(‘webgl2’, params) || canvas.getContext(‘webgl’, params) || canvas.getContext(‘experimental-webgl’, params);
let myObj1 = Object.cre…
Есть вопрос по оптимизации кода.
Цель понять как уменьшить объем кода в Example 1, без значительного уменьшения производительности.
Branchmark
Setup:
let data1={line:new Float32Array(50000)}
let data2={line:new Float32Array(50000)}
func…
Подскажите, пожалуйста. Пытаюсь разобраться как с помощью threejs можно получить в консоль все элементы загруженного объекта в формате GLTF, для последующей замены текстур по нажатию кнопки.
var scene, camera, renderer, ambientLight, light…
Мне нужно чтобы осуществлялось переключение 3D моделей без подключения {GUI} dat.gui.js.
Т.е в данный момент модели переключаются в выпадающем списке select в GUI интерфейсе.
Нужно чтобы переключение происходило без GUI в моей разметке по …
Свежие комментарии