Three.js: formes géométriques du même point de vue

Question

Je veux créer une image d'un certain nombre de formes géométriques. Mon problème est que j'ai besoin que tous soient visibles du même point de vue - c'est-à-dire que je n'ai pas besoin de la vraie scène 3D, mais plutôt d'un certain nombre de petites images les unes près des autres.

Comment puis-je le faire avec Three.js?

Je sais comment tirer chacun de mes formes dans la vue requise au milieu de l'écran, mais je ne sais pas comment créer un certain nombre de formes à l'intérieur div spécifique un après l'autre Merci

Answer 1

Une façon faire cela est avec renderer.setViewport() et plusieurs caméras. Voici le modèle:

renderer.setViewport(0, 0, SCREEN_WIDTH/2, SCREEN_HEIGHT); 
renderer.render(scene, camera1); 

renderer.setViewport(SCREEN_WIDTH/2, 0, SCREEN_WIDTH/2, SCREEN_HEIGHT); 
renderer.render(scene, camera2); 

Cette approche ne nécessite pas de div séparé.

http://mrdoob.github.com/three.js/examples/webgl_camera.html

Une autre approche consiste à utiliser plusieurs divs comme dans ce violon: http://jsfiddle.net/CLEYk/.

trois.js r.53