three.js
Я пытался узнать о тенях через три.js и я нашли Этот хороший пример в jsfiddle. Однако я не могу понять, почему, когда я понижаю y света до 65, то есть: light.position.set( 20, 65, 0 ); Тень полностью исчезает. Между тем, все, что выше 70, совершенно нормально, и тень отбрасывается. Как всегда, я, вероя...
Я использую react-three-renderer (npm, github ) для построения сцены с тремя.js . Я пытаюсь использовать <sprite> и еще <spriteMaterial> чтобы сделать метку, которая всегда обращена к камере, как в примереstemkoski . Тем не менее, у меня возникли проблемы с отображением метки и соответствующей у...
Как я могу создать ArrowHelper в три.js (r58) с правильным вращением? var point1 = new THREE.Vector3(0, 0, 0); var point2 = new THREE.Vector3(10, 10, 10); var direction = new THREE.Vector3().subVectors(point1, point2); var arrow = new THREE.ArrowHelper(direction.normalize(), point1); console.log(arrow.rotati...
У меня есть простой класс, который я использую для управления сценами в трех.JS. У меня возникли проблемы с циклом requestAnimationFrame, который находит ссылку на функцию. Я знаю, что упускаю что-то фундаментальное здесь, пойманный в ловушку какого-то этого кошмара. Мне нужно, чтобы использовать bind или поз...
У меня есть куб в трех точках, и я хотел бы поворачивать его на 90 градусов по часовой стрелке каждый раз, когда я нажимаю кнопку. Я думаю, что у меня есть основная суть этого: создать тройку.Пример анимации, привяжите его к кубу, а затем начинайте анимацию каждый раз, когда я нажимаю правильную кнопку. Однак...
Допустим, у меня есть пользовательская сетка Куба, где начало координат находится в одном из углов. Я хотел бы указать происхождение куба, чтобы быть в центре его. Я понимаю, что могу сделать перевод, и это, кажется, работает (я могу доказать, что это работает, вращая куб, который вращается вокруг средней цен...
Я пытался изменить то, что кажется цветом фона по умолчанию моего холста от черного до прозрачного / любого другого цвета - но не повезло. мой HTML: <canvas id="canvasColor"> мой CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Как вы ...
код работает, но у меня возникли проблемы с установкой прозрачного фона на холст с тремя.js. Я использую: Background.renderer.setClearColor(0xffffff, 0); но тогда фон становится черным. Как мне изменить его, чтобы быть прозрачным? код: var camera, scene, renderer; var mouseX = 0, mouseY = 0; va...
Я начинаю с трех.JS, и я пытаюсь нарисовать прямоугольник с текстурой на нем, освещенное одним источником света. Я думаю, что это так просто, как он получает (HTML опущен для краткости): function loadScene() { var world = document.getElementById('world'), WIDTH = 1200, HEIGHT = 500, ...
Я искал пример, который соответствует моему варианту использования, но не могу его найти. Я пытаюсь преобразовать координаты экранной мыши в координаты 3D-мира с учетом камеры. решения, которые я нашел, все делают пересечение лучей для достижения выбора объекта. то, что я пытаюсь сделать, это расположить це...