Articles of 3d

Manipulação de imagens e mapeamento de texturas usando HTML5 Canvas?

Em um mecanismo 3D no qual estou trabalhando, consegui desenhar um cubo em 3D com êxito. O único método para preencher os lados é usando uma cor sólida ou gradiente, tanto quanto eu estou preocupado. Para tornar as coisas mais interessantes, eu adoraria implementar o mapeamento de texturas usando um bitmap simples. O ponto é […]

Convertendo coordenadas mundiais para coordenadas da canvas em Three.js usando a projeção

Há várias perguntas excelentes sobre stack ( 1 , 2 ) sobre a desprojetação em Three.js, que é como converter as coordenadas do mouse (x, y) no navegador para as coordenadas (x, y, z) no espaço de canvas Three.js. Principalmente eles seguem esse padrão: var elem = renderer.domElement, boundingRect = elem.getBoundingClientRect(), x = (event.clientX – […]

Calculando uma matriz LookAt

Eu estou no meio de escrever um motor 3D e me deparei com o algoritmo LookAt descrito na documentação do DirectX: zaxis = normal(At – Eye) xaxis = normal(cross(Up, zaxis)) yaxis = cross(zaxis, xaxis) xaxis.x yaxis.x zaxis.x 0 xaxis.y yaxis.y zaxis.y 0 xaxis.z yaxis.z zaxis.z 0 -dot(xaxis, eye) -dot(yaxis, eye) -dot(zaxis, eye) l Agora eu […]

Como obter object no espaço 3D WebGL de uma coordenada de clique do mouse

Estou construindo um jogo de tabuleiro no WebGL. A placa pode ser girada / ampliada. Eu preciso de uma maneira de traduzir um clique no elemento canvas (x, y) no ponto relevante no espaço 3D (x, y, z). O resultado final é que eu quero saber a coordenada (x, y, z) que contém o ponto […]

Visualização do OpenCV Birdseye sem perda de dados

Estou usando o OpenCV para obter uma visão panorâmica dos frameworks capturados. Isso é feito fornecendo um padrão de tabuleiro de xadrez no plano que formará a vista de olho de pássaro. Embora pareça que a câmera já está bem no topo dessa planície, eu preciso que ela seja perfeita para determinar a relação entre […]

Como converter um ponto 3D em projeção em perspectiva 2D?

Atualmente estou trabalhando com curvas e superfícies de Bezier para desenhar o famoso bule de Utah. Usando os patches de Bezier de 16 pontos de controle, consegui desenhar o bule e exibi-lo usando uma function ‘mundo para câmera’ que dá a capacidade de girar o bule resultante, e atualmente estou usando uma projeção ortográfica. O […]

Convertendo a posição 3D para a posição de canvas 2d

Eu preciso do código Three.js para converter coordenadas de object 3D para 2d em um elemento ‘div’ para que eu possa colocar labels de texto onde eles precisam estar (sem que esses labels sejam dimensionados / movidos / girados junto com o movimento 3D). Infelizmente, todos os exemplos que vi e tentei até agora parecem […]

Plotando dados volumétricos em MATLAB

Eu estou trabalhando em Matlab e tenho uma matriz 3d com dimensões 384x512x160, que é feita de 384×512 fatias. Como posso traçar dados como esse?

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 […]

Calcule matematicamente um pipeline de charts simples

Eu estou tentando fazer / entender todos os cálculos matemáticos básicos necessários no pipeline de charts para renderizar uma imagem 2D simples de uma descrição de cena 3D como VRML. Existe um bom exemplo das etapas necessárias, como transformação de modelo (coordenadas de object para coordenadas mundiais), transformação de exibição (de coordenada mundial para coordenada […]