1. <!DOCTYPE html>
  2. <html lang="en">
  3. 	<head>
  4. [...]		
  5. 	</head>
  6. [...]
  7. 	<body>
  8. [...]
  9. 		<script>
  10. [...]
  11. 				// light
  12.  
  13. 				var dirLight = new THREE.DirectionalLight( 0xffffff );
  14. 				dirLight.position.set( 200, 200, 1000 ).normalize();
  15.  
  16. 				camera.add( dirLight );
  17. 				camera.add( dirLight.target );
  18.  
  19. 				var materialf = new THREE.MeshLambertMaterial( { color:0xffffff, side: THREE.FrontSide,  transparent: true, opacity: 0.5 } );
  20.  
  21. 				var materialb = new THREE.MeshLambertMaterial( { color:0xffffff, side: THREE.BackSide,  transparent: true, opacity: 0.5 } );
  22.  
  23. 				var material2 = new THREE.MeshLambertMaterial( { color:0xff0000, side: THREE.DoubleSide } );
  24.  
  25. 				var loader = new THREE.VTKLoader();
  26. 				loader.addEventListener( "load", function ( event ) {
  27.  
  28. 					var geometry = event.content;
  29.  
  30. 					var mesh = new THREE.Mesh( geometry, materialf );
  31. 					mesh.position.set(.05, -0.19, 0 );
  32. 					scene.add( mesh );
  33. 					var mesh = new THREE.Mesh( geometry, materialb );
  34. 					mesh.position.set(.05, -0.19, 0 );
  35. 					scene.add( mesh );
  36.  
  37. 				} );
  38.  
  39. 				var loader2 = new THREE.VTKLoader();
  40. [...]
  41. 		</script>
  42.  
  43. 	</body>
  44. </html>
  45.