我的SceneJS代码有什么问题？

我的HTML代码：我的SceneJS代码有什么问题？

<body onload= "main()" bgcolor="white"> 
     <div> 
     <label id="3dobjects">test</label> 
     </br> 
     <canvas id="theCanvas" width="720" height="405"> 
     </canvas> 
     </br> 
     <label id="fpsout"></label> 
     </div> 
</body>

我SceneJS脚本：

所有遗憾的

<script type="text/javascript"> 
     var N=10; 
     function average(v){ 
      var items = v.length; 
      var sum = 0.0; 
      for (i = 0; i<items; i++) 
      sum += v[i]; 
      return (sum/items); 
      } 

     function main() 
     { 


      SceneJS.createScene({ 
      type: "scene", 
      id: "theScene", 
      canvasId: "theCanvas", 
      nodes: [{ 
      type:"library", 
       id:"mylib", 
       nodes:[] 
      }, 
      // Viewing transform specifies eye position, looking at the origin by default 
      { 
       id:"lookat", 
       type: "lookAt", 
       eye : { x: 0.0, y: 1.0, z: 80.0 }, 
       up : { z: 1.0 }, 
       look:{x:0,y:0,z:0}, 
       nodes: [ 
        /* Camera describes the projection*/ 
        { 
       type: "camera", 
       optics: { 
       type: "perspective", 
       fovy : 45.0, 
       aspect : 1.78, 
       near : 0.10, 
       far : 300.0 
        }, 
       nodes: [ 
         { 
          type: "renderer", 
          clearColor: { r: 0.0, g: 0.0, b: 0.0 }, 
          clear: { 
           depth : true, 
           color : true 
         }, 

        nodes: [ 
         // Light Source 
         { 
        type: "light", 
        mode:     "point", 
        color:     { r: 1.0, g: 1.0, b: 1.0 }, 
        diffuse:    true, 
        specular:    true, 
        pos:{ x: 10.0, y: 10.0, z: 10.0 } 
        }, 

        // Tranform 
         { 
        type: "rotate", 
        id: "pitch", 
        angle: 0.0, 
        x : 1.0,  
        nodes: [ 
         { 
          type: "rotate", 
          id: "yaw", 
          angle: 0.0, 
          y : 1.0, 
          nodes: [  
           // Lights Properties 
           { 
           type: "material", 
           id:"cubeviewspace", 
           emit: 0.1, 
            baseColor:  { r: 0.8, g: 0.8, b: 0.8 }, 
            specularColor: { r: 0.8, g: 0.8, b: 0.8 }, 
            specular:  0.7, 
            shine:   10.0 
           } 
           ] 
          } 
         ] 
         } 
         ] 
         } 
         ] 
        } 
        ] 
      } 
      ] 
     }); 
     var scene = SceneJS.scene(theScene); 
     for(var i=0; i<N; i++){ 
      scene.findNode("cubeviewspace").add("node",{ 
      type:"translate", 
      id:"balltrans"+i, 
      x:(Math.random()-0.5) * scale, 
      y:(Math.random()-0.5) * scale, 
      z:(Math.random()-0.5) * scale, 
      nodes:[{ 
       type: "cube", 
      id: "ball"+i 
      }] 
      }); 
     } 
     // Printing Number Of Cubes 
     document.getElementById('3dobjects').innerHTML = "The number of Cube Objects: " +N; 
     var t0 = (new Date()).getTime(); 
     var t = 0; 

     var fpss = []; 
     scene.start({ 
     idleFunc:function(){ 
      var t1 = (new Date()).getTime(); 
      fpss.push(1000/(t1 - t0)); 
      if(fpss.length>200) 
      fpss.shift(); 
      // Printing fps 
      document.getElementById('fpsout').innerHTML = "The number of Cube Objects: " +average(fpss); 
      t0 = t1; 
      t++; 
     } 
      }); 
    } 

</script>

首先，如果我避免了发布这一问题的任何规则。我的意图是得到解决问题的办法，但没有别的。 SceneJS API对于我的编程来说是非常新颖的，但我试图编写最好的代码。我试图在整个空间上打印立方体，并计算相应的FPS。我甚至无法在屏幕上看到画布，但只能看到空的浏览器。我一直在尝试不同的方式（几乎完全编辑以前的版本）来解决它，但我的努力是徒劳的。我要求有人在这个问题上帮助我。我非常感谢这个人。

来源

2012-11-14 three.jsaddict

你有下面的代码

var scene = SceneJS.scene(theScene);

改变

var scene = SceneJS.scene("theScene");

添加“场景ID的两侧。

并添加

var scale = any_value_you_want;

您省略了“缩放”变量。

来源

2012-11-17 13:46:11 airyym

我的SceneJS代码有什么问题？

回答

相关问题