Articles of three.js

Desenhando uma linha com three.js dinamicamente

Isso é o que eu gostaria de alcançar (um polígono modificável onde os círculos vermelhos são vértices) e gostaria de construir o polígono dinamicamente. Ao iniciar a geometry como var geometry = new THREE.Geometry(); geometry.vertices.push(point); geometry.vertices.push(point); var line = new THREE.Line(geometry, new THREE.LineBasicMaterial({})); Ele funciona bem até o segundo clique, ele cria uma linha reta […]

Three.js – Largura de visão

Existe uma maneira de descobrir a largura de uma parte renderizada da cena? Por exemplo, se tivermos uma malha de largura 100, mas renderizada com um certo nível de zoom … como posso calcular a largura da parte da malha que está sendo renderizada na canvas?

Three.js – câmera ortogonal

Eu tenho trabalhado em um aplicativo que exibe alguns modelos 3D. Carregamos os modelos, criamos as malhas, adicionamos à cena … procedimento padrão. Depois que a última malha é adicionada, calculamos a checkbox delimitadora para mover a câmera e cobrir toda a cena, usando o tamanho da geometry total e o tamanho da viewport para […]

Aprendendo WebGL e three.js

Sou novo e começo a aprender sobre computação gráfica 3D em navegadores da web. Estou interessado em fazer jogos 3D em um navegador. Para quem aprendeu WebGL e three.js … O conhecimento do WebGL é necessário para usar o three.js? Quais são as vantagens de usar o three.js vs. o WebGL?

Como mudar o zOrder do object com o Threejs?

Eu fiz uma cena usando o renderizador webgl onde eu coloquei vários objects 3D que eu posso selecionar e mover. No entanto, quando um object é selecionado, gostaria de desenhar seus eixos. Não há problema em desenhar as linhas no centro do object, mas gostaria que elas aparecessem na frente de qualquer outra coisa na […]

THREE.js geram coordenada UV

Eu estou trabalhando na importação de um modelo em uma cena usando o carregador OBJ THREE.js. Eu sei que eu sou capaz de importar a geometry bem, porque quando eu atribuo um MeshNormalMaterial para ele, ele mostra grande. No entanto, se eu usar qualquer coisa que exija coordenadas UV, isso me dá o erro: [.WebGLRenderingContext]GL […]

O THREE.js Ray Intersect falha ao adicionar div

Meu script Three.js é executado corretamente quando há apenas um destino div na página (que contém renderer.domElement). Assim que eu adicionar outro div com altura e largura fixas acima do div de destino, ray.intersectObjects retornará nulo. Duvido que o vetor que estou criando para ray esteja causando o problema. Aqui está o código. var vector […]

Como ajustar a câmera ao object

Usando three.js eu tenho o seguinte. Uma cena contendo várias instâncias do Object3D Várias posições pré-definidas da câmera Vector3 Uma largura / altura dinâmica da canvas se a canvas resize Um usuário pode selecionar um object (de cima) Um usuário pode selecionar uma posição da câmera (de cima) Dado um object sendo visualizado e a […]

Como posso renderizar uma ‘atmosfera’ sobre uma renderização da Terra em Three.js?

Nos últimos dias, tenho tentado fazer com que a textura Three.js funcione. O problema que tenho tido é que o meu navegador estava bloqueando as texturas do carregamento, o que foi resolvido seguindo as instruções aqui . De qualquer forma, eu estou fazendo um jogo de naves espaciais para uma das minhas aulas que demonstra […]

Erro “Solicitações de origem cruzada são suportadas apenas por HTTP”. Ao carregar um arquivo local

Eu estou tentando carregar um modelo 3D em Three.js com JSONLoader , e esse modelo 3D está no mesmo diretório que o site inteiro. Estou recebendo o “Cross origin requests are only supported for HTTP.” erro, mas eu não sei o que está causando isso nem como consertá-lo.