SceneJS是一个开源的JavaScript 3D引擎

Scene.js 是一个基于 JavaScript 时间轴的动画库SceneJS是一个开源的JavaScript 3D引擎

SceneJS是一个开源的JavaScript 3D引擎,特别适合需要高精度细节的模型需求,比如工程学和医学上常用的高精度模型。

第一步引入bfwone

第二步use scenejs 执行插件代码

示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["scenejs"], function() {
                // Point SceneJS to the bundled plugins
                SceneJS.setConfigs({
                    pluginPath: "/bfwrepo/js/sceneplugins"
                });

                // Define scene
                var scene = SceneJS.createScene({

                    canvasId: "myCanvas",


                    nodes: [{
                        type: "lookAt",
                        eye: {
                            y: 5, z: 7
                        },
                        look: {
                            x: 0, y: 1, z: 0
                        },

                        nodes: [{
                            type: "material",
                            color: {
                                r: 0.3, g: 0.3, b: 1.0
                            },

                            nodes: [{
                                type: "rotate",
                                id: "myRotate",
                                y: 1.0,
                                angle: 0,

                                nodes: [

                                    // Teapot primitive, implemented by plugin at
                                    // http://scenejs.org/api/latest/plugins/node/geometry/teapot.js
                                    {
                                        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);
                        });
                });

            });
        });
    </script>
</head>
<body>
<canvas id="myCanvas" width="500px" height="500px"></canvas>

</body>
</html>

官网:http://scenejs.org/
立即下载scenejs.js查看所有js插件

网友评论0

程序员在线工具箱