SceneJs的Helloworld

1. 下載

https://github.com/xeolabs/scenejs/releases

我用的是最新的4.2.0

Hello world的官方代碼和示例：

http://scenejs.org/examples/index.html#scenegraph_firstExample

 

2. 把相應js資源拷貝到工程中。

要拷貝的有scenejs.js和plugins文件夾

 

3. 在html頁面中引入資源

引入js

<script type="text/javascript" src="scenejs/scenejs.js"></script>

引入插件

SceneJS.setConfigs({
    pluginPath:"./scenejs/plugins"
});

 

4. hello 代碼

// Define scene
var scene = SceneJS.createScene({
    nodes:[
        {
            type:"material",
            color: { r: 0.3, g: 0.3, b: 1.0 },
            //specular: 0.8,
            nodes:[
                {
                    type: "rotate",
                    id: "myRotate",
                    y: 1.0,
                    angle: 0,

                    nodes: [
                        {
                            type:"geometry/teapot"
                        }
                    ]
                }
            ]
        }
    ]
});
// On each frame, spin the teapot a little bit
scene.getNode("myRotate",
        function (myRotate) {

            var angle = 0;

            scene.on("tick",
                    function () {
                        myRotate.setAngle(angle += 0.5);
                    });
        });

效果圖

略……oschina的圖片上傳彷佛有bug，老提示什麼缺乏圖片源地址。