SceneJs的Helloworld

1. 下载 https://github.com/xeolabs/scenejs/releases 我用的是最新的4.2.0 Hello world的官方代码和示例： http://scenejs.o

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 scenevar 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 bitscene.getNode("myRotate",        function (myRotate) {            var angle = 0;            scene.on("tick",                    function () {                        myRotate.setAngle(angle += 0.5);                    });        });

效果图

略……oschina的图片上传似乎有bug，老提示什么缺少图片源地址。