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，老提示什么缺乏图片源地址。