You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
3.1 KiB
76 lines
3.1 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="pt-br">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>FAQ</h1>
|
||
|
|
|
||
|
|
<h2>Qual formato de modelo 3D é melhor suportado?</h2>
|
||
|
|
<div>
|
||
|
|
<p>
|
||
|
|
O formato recomendado para importar e exportar recursos é
|
||
|
|
o glTF (GL Transmission Format). Isso porque o glTF é focado na entrega de recursos em
|
||
|
|
tempo de execução, é compacto para transmitir e rápido para carregar.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
O three.js também fornece loaders para muitos outros formatos populares como FBX, Collada ou OBJ.
|
||
|
|
No entanto, primeiro você deve sempre tentar estabelecer um fluxo de trabalho baseado em glTF em seus projetos.
|
||
|
|
Para obter mais informações, consulte [link:#manual/introduction/Loading-3D-models Carregando modelos 3D].
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Por que existem meta tags de viewport nos exemplos?</h2>
|
||
|
|
<div>
|
||
|
|
<code><meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"></code>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Essas tags controlam o tamanho e a escala da janela de visualização para navegadores móveis
|
||
|
|
(onde o conteúdo da página pode ser renderizado em tamanho diferente da janela de visualização visível).
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>[link:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html Safari: Using the Viewport]</p>
|
||
|
|
|
||
|
|
<p>[link:https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag MDN: Using the viewport meta tag]</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Como a escala da cena pode ser preservada no redimensionamento?</h2>
|
||
|
|
<p>
|
||
|
|
Queremos que todos os objetos, independentemente da sua distância da câmera, apareçam do mesmo tamanho,
|
||
|
|
mesmo que a janela seja redimensionada.
|
||
|
|
|
||
|
|
A equação chave para resolver isso é esta fórmula para a altura visível dada uma determinada distância da câmera:
|
||
|
|
|
||
|
|
<code>
|
||
|
|
visible_height = 2 * Math.tan( ( Math.PI / 180 ) * camera.fov / 2 ) * distance_from_camera;
|
||
|
|
</code>
|
||
|
|
Se aumentarmos a altura da janela por uma certa porcentagem, o que queremos é que a altura visível em todas as distâncias
|
||
|
|
aumentem na mesma porcentagem.
|
||
|
|
|
||
|
|
Isso não pode ser feito alterando a posição da câmera. Em vez disso, você tem que mudar
|
||
|
|
o campo de visão da câmera (FOV).
|
||
|
|
[link:http://jsfiddle.net/Q4Jpu/ Exemplo].
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Por que parte do meu objeto está invisível?</h2>
|
||
|
|
<p>
|
||
|
|
Isso pode acontecer por causa do corte de faces. As faces têm uma orientação que decide qual lado
|
||
|
|
é qual. E o corte remove a parte traseira em circunstâncias normais.
|
||
|
|
Para verificar se este é o seu problema, altere o lado do material para THREE.DoubleSide.
|
||
|
|
|
||
|
|
<code>material.side = THREE.DoubleSide</code>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>
|
||
|
|
Por que o three.js às vezes retorna resultados estranhos para entradas inválidas?
|
||
|
|
</h2>
|
||
|
|
<p>
|
||
|
|
Por motivos de desempenho, o three.js não valida entradas na maioria dos casos.
|
||
|
|
É responsabilidade do seu aplicativo garantir que todas as entradas sejam válidas.
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|