「V-Ray for Unity Babylon」の版間の差分

                            // Optimize scene
                            arrayMaterials = scene.materials;
                            for (var i = 0; i < arrayMaterials.length; i++) {
                                arrayMaterials[i].freeze();
                            };

                            // Optimize scene
                            arrayMeshes = scene.meshes;
                            for (var i = 0; i < arrayMeshes.length; i++) {
                                /*arrayMeshes[i].freezeWorldMatrix();*/ // Clockが動かないのでコメントアウト
                                arrayMeshes[i].doNotSyncBoundingInfo = true;
                            };

                            // Optimize scene
                            /*scene.freezeActiveMeshes();*/　// メッシュが一部消える現象があるのでコメントアウト

                            // Optimize scene
                            arrayMeshes = scene.meshes;
                            for (var i = 0; i < arrayMeshes.length; i++) {
                                arrayMeshes[i].doNotSyncBoundingInfo = true;
                            };

                            scene.autoClear = false;
                            scene.autoClearDepthAndStencil = false;

            // Optimize scene
            // var engine = new BABYLON.Engine(divcvs, antialias, null, adaptive);
            var engine = new BABYLON.Engine(divcvs, antialias, null, false);

                            // Optimize scene
                            scene.blockMaterialDirtyMechanism = true;

                            // Optimize scene
                            scene.getAnimationRatio();

BABYLON.Database.IDBStorageEnabled = false;

            // Memory Footprint
            //engine.enableOfflineSupport = offline;
            engine.enableOfflineSupport = false;

            // Optimize scene
            //var engine = new BABYLON.Engine(divcvs, antialias, null, adaptive);
            //var engine = new BABYLON.Engine(divcvs, antialias, null, false);
            var engine = new BABYLON.Engine(canvas, true, { doNotHandleContextLost: true }, false);

            // Memory Footprint
            engine.doNotHandleContextLost = true;

                        // Memory Footprint
                        scene.clearCachedVertexData();

                        // Memory Footprint
                        scene.cleanCachedTextureBuffer();

                        // SceneOptimizer
                        BABYLON.SceneOptimizer.OptimizeAsync(scene, BABYLON.SceneOptimizerOptions.LowDegradationAllowed());

    <!-- Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/ua-parser-js@0/dist/ua-parser.min.js"></script>

    <!--<script type="text/javascript" src="scripts/babylon.js"></script>-->
    <script type="text/javascript" src="https://preview.babylonjs.com/babylon.js"></script>

    <!--<script type="text/javascript" src="scripts/babylon.inspector.js"></script>-->
    <script type="text/javascript" src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

    <!--<title>New Unity Project</title>-->
    <title>V-Ray for Unity Babylon</title>

            <!--<div id="proj">New Unity Project</div>-->
            <div id="proj">V-Ray for Unity Babylon</div>

            /*title = "New Unity Project"*/
            title = "V-Ray for Unity Babylon";

        #proj {
            height: 20px;
        }

    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="https://dz.plala.jp/wiki_data/babylon04/apple-touch-icon.png">

    <meta name="google" content="notranslate" />

    <link href="../libs/resetCSS.css" rel="stylesheet" />

        *:focus:not(.focus-visible) {
            outline: none;
        }

        .focus-visible {
            outline-color: lightgreen;
        }

                //divcvs.style.opacity = "1";

                        // Canvas
                        scene.afterCameraRender = function () {
                            setTimeout(function () {
                                $("#cvs").animate({ opacity: 1 }, { duration: 600, easing: 'swing' });
                            }, 300);
                        };

            var parser = UAParser();

            // Loading Screen
            var loadTotal;
            if (parser.browser.name == "Firefox") {
                loadTotal = 11; // gzip圧縮容量
            } else {
                loadTotal = 31; // gzip非圧縮容量
            };

                        //updateStatus(amount + units);
                        updateStatus((amount / loadTotal * 100).toFixed() + "%");

                        // Cursor
                        scene.onPointerDown = function () {
                            scene.defaultCursor = "all-scroll";
                            if (!controlPanelIsClosed) {
                                hideCameraPanel();
                            }
                        };
                        scene.onPointerUp = function () {
                            scene.defaultCursor = "default";
                        }

                        if (parser.device.type || intelGPU) {
                            // Memory Footprint
                            scene.clearCachedVertexData();
                        }

                        // Collision
                        if (!parser.device.type && !intelGPU) {
                            scene.collisionsEnabled = true;
                            camera.checkCollisions = true;
                            camera.ellipsoid = new BABYLON.Vector3(0.1, 0.1, 0.1);
                            arrayMeshes = scene.meshes;
                            for (var i = 0; i < arrayMeshes.length; i++) {
                                arrayMeshes[i].checkCollisions = true;
                            };
                        };

    <script type="text/javascript" src="scripts/babylon.skyMaterial.min.js"></script>

                        // Skybox
                        var skybox = BABYLON.Mesh.CreateBox('SkyBox', 1000, scene, false, BABYLON.Mesh.BACKSIDE);
                        skybox.material = new BABYLON.SkyMaterial('skybox', scene);
                        skybox.turbidity = 1;
                        skybox.luminance = 2;
                        skybox.material.inclination = 0.1;

                        // 調整
                        scene.getLightByName("Directional Light").intensity = 1.0;

                        // Pipeline
                        if (!parser.device.type && !intelGPU) {
                            var pipeline = new BABYLON.DefaultRenderingPipeline("default", true, scene, [camera]);
                            //var pipeline = new BABYLON.DefaultRenderingPipeline("default", false, scene, [camera]);

                            // FXAA
                            pipeline.fxaaEnabled = true;
                            pipeline.samples = 8;

                            // DOF
                            /*pipeline.depthOfFieldEnabled = true;
                            pipeline.focalLength = 50;
                            pipeline.fStop = 11;
                            pipeline.lensSize = 82;*/

                            // Bloom
                            pipeline.bloomEnabled = true;
                            pipeline.bloomThreshold = 0.9;
                            pipeline.bloomWeight = 0.2; // 0.1～0.3程度
                            pipeline.bloomKernel = 64;
                            pipeline.bloomScale = 0.5;
                            pipeline.imageProcessingEnabled = true;
                        };

                        // Color Curve
                        if (!parser.device.type && !intelGPU) {
                            var postProcess = new BABYLON.ColorCorrectionPostProcess("color_correction", "../libs/table.png", 1.0, camera);
                        };

                        // Image Processing
                            scene.imageProcessingConfiguration.applyByPostProcess = true;

                            // Tone Mapping
                            scene.imageProcessingConfiguration.toneMappingEnabled = true;
                            /*scene.imageProcessingConfiguration.toneMappingType = BABYLON.ImageProcessingConfiguration.TONEMAPPING_STANDARD;
                            scene.imageProcessingConfiguration.contrast = 1.2;
                            scene.imageProcessingConfiguration.exposure = 1.6;*/
                            scene.imageProcessingConfiguration.toneMappingType = BABYLON.ImageProcessingConfiguration.TONEMAPPING_ACES;
                            scene.imageProcessingConfiguration.contrast = 1.1;
                            scene.imageProcessingConfiguration.exposure = 1.5;

                            // Vignette
                            scene.imageProcessingConfiguration.vignetteEnabled = true;
                            scene.imageProcessingConfiguration.vignetteBlendMode = BABYLON.ImageProcessingConfiguration.VIGNETTEMODE_MULTIPLY;
                            scene.imageProcessingConfiguration.vignetteWeight = 1.0;
                            scene.imageProcessingConfiguration.vignetteStretch = 0;
                            scene.imageProcessingConfiguration.vignetteCameraFov = 0.5;

                            // SSAO
                            var ssao = new BABYLON.SSAORenderingPipeline("ssaopipeline", scene, 1.0);
                            ssao.fallOff = 0.000001;
                            ssao.area = 1;
                            ssao.radius = 0.00001;
                            ssao.totalStrength = 0.5; // 0.5～0.8程度
                            ssao.base = 0.5;
                            scene.postProcessRenderPipelineManager.attachCamerasToRenderPipeline("ssaopipeline", camera);

                        // Motion Blur New
                        var mb = new BABYLON.MotionBlurPostProcess("mb", scene, 1.0, camera);
                        mb.motionStrength = 2;
                        mb.motionBlurSamples = 16;

                            // Motion Blur
                            if (parser.browser.name != "Edge" && parser.browser.name != "Firefox") {
                                // Motion Blur New
                                var mb = new BABYLON.MotionBlurPostProcess("mb", scene, 1.0, camera);
                                mb.motionStrength = 2;
                                mb.motionBlurSamples = 32;
                            } else {
                                // Motion Blur Old
                                var pipelineOld = new BABYLON.StandardRenderingPipeline("standard", scene, 1.0, null, [camera]);
                                pipelineOld.MotionBlurEnabled = true;
                                pipelineOld.motionStrength = 0.05;
                                pipelineOld.motionBlurSamples = 64.0;
                            }

                        if (parser.device.type) {
                            // Optimize scene
                            // Memory Footprint
                        }

                        if (!parser.device.type) {
                            // FXAA
                            // Motion Blur
                            // SSAO
                        };

    <!-- Adjust with GPU -->
    <canvas id="check" style="position: absolute; top: 0; left: 0; width: 0; height: 0;"></canvas>

        // Adjust with GPU
        var intelGPU;
        var gl = document.getElementById("check").getContext("experimental-webgl");
        var renderInfo = gl.getExtension("WEBGL_debug_renderer_info");
        if (renderInfo) {
            var renderer = gl.getParameter(renderInfo.UNMASKED_RENDERER_WEBGL);
            if (renderer.indexOf("Intel") !== -1) {
                intelGPU = true;
            } else {
                intelGPU = false;
            }
        }

                        if (parser.device.type || intelGPU) {
                            // Optimize scene
                            // Memory Footprint
                        }

                        if (!parser.device.type && !intelGPU) {
                            // FXAA
                            // Motion Blur
                            // SSAO
                        };

                        // ControlPanel
                        if (parser.device.type) {
                            $("#fullscreen, #enableDebug").remove();
                        } else {
                            $("#enableDebug").remove();
                        };
                        for (var index = 0; index < scene.cameras.length; index++) {
                            var camera = scene.cameras[index];
                            var option = new Option();
                            option.text = camera.name;
                            option.value = camera;
                            if (camera === scene.activeCamera) {
                                option.selected = true;
                            }
                            camerasList.appendChild(option);
                        };
                        setTimeout(function () {
                            $("#controlPanel").animate({ opacity: 1 }, { duration: 600, easing: 'swing' });
                        }, 300);

            <button class="buttonControlPanel" id="resetCameras">Reset Position</button>

                        // Reset Camera
                        var default_pos = scene.activeCamera.position.clone();
                        var default_rot = scene.activeCamera.rotation.clone();
                        document.getElementById("resetCameras").addEventListener("click", function () {
                            scene.activeCamera.position = default_pos;
                            scene.activeCamera.rotation = default_rot;
                            default_pos = scene.activeCamera.position.clone();
                            default_rot = scene.activeCamera.rotation.clone();
                            hideCameraPanel();
                            canvas.focus();
                        });

            <button class="buttonControlPanel" id="screenShot">Screenshot</button>

                        // Screenshot
                        if (parser.device.type != "mobile") {
                            $(".titleTip").remove();
                        }
                        document.getElementById("screenShot").addEventListener("click", function () {
                            alwaysSelectAsActiveMesh = true;
                            BABYLON.Tools.CreateScreenshotUsingRenderTarget(engine, scene.activeCamera, { width: 1200, height: 800 }, function (base64) { exportImage(base64) }, "image/jpeg", 4, true, "Screenshot.jpg");
                            alwaysSelectAsActiveMesh = false;
                            hideCameraPanel();
                            if (thumbClosed) {
                                $("#thumbPanel").css({ opacity: 1 });
                            }
                            btnThumbPanel();
                            canvas.focus();
                        });
                        function exportImage(base64) {
                            var src = $(".screenshot:last").attr('src');
                            if (src != "../libs/noimage.png") {
                                URL.revokeObjectURL(src);
                            }
                            $(".screenshot:last").remove();
                            var bin = atob(base64.replace(/^.*,/, ''));
                            var buffer = new Uint8Array(bin.length);
                            for (var i = 0; i < bin.length; i++) {
                                buffer[i] = bin.charCodeAt(i);
                            }
                            try {
                                var blob = new Blob([buffer.buffer], {
                                    type: 'image/jpg'
                                });
                            } catch (e) {
                                return false;
                            }
                            var url = URL.createObjectURL(blob);
                            if (parser.device.type) {
                                $("#thumbnail").prepend("<img class='screenshot' src='" + url + "'/>");
                            } else {
                                $("#thumbnail").prepend("<a href='" + url + "' download='Screenshot.png'><img class='screenshot' src='" + url + "'/></a>");
                            }
                        };
                        $("#deleteAll").on('click', function () {
                            hideThumbPanel();
                            setTimeout(function () {
                                for (var i = 0; i < 10; i++) {
                                    var src = $(".screenshot:last").attr('src');
                                    if (src != "../libs/noimage.png") {
                                        URL.revokeObjectURL(src);
                                    }
                                    $(".screenshot:last").remove();
                                }
                                for (var i = 0; i < 10; i++) {
                                    $("#thumbnail").append("<img class='screenshot' src='../libs/noimage.png' />");
                                }
                            }, 400);
                        });
                        var thumbPanel = document.getElementById("thumbPanel");
                        var thumbClosed = true;
                        document.getElementById("thumbClickableTag").addEventListener("click", function () {
                            if (thumbClosed) {
                                thumbClosed = false;
                                thumbPanel.style.webkitTransform = "translateX(0px)";
                                thumbPanel.style.transform = "translateX(0px)";
                            } else {
                                thumbClosed = true;
                                thumbPanel.style.webkitTransform = "translateX(240px)";
                                thumbPanel.style.transform = "translateX(240px)";
                            }
                        });
                        var hideThumbPanel = function () {
                            thumbClosed = true;
                            thumbPanel.style.webkitTransform = "translateX(279px)";
                            thumbPanel.style.transform = "translateX(279px)";
                            canvas.focus();
                        };
                        var openThumbPanel = function () {
                            thumbClosed = false;
                            thumbPanel.style.webkitTransform = "translateX(0px)";
                            thumbPanel.style.transform = "translateX(0px)";
                        };
                        var btnThumbPanel = function () {
                            thumbClosed = true;
                            thumbPanel.style.webkitTransform = "translateX(240px)";
                            thumbPanel.style.transform = "translateX(240px)";
                        };

                        // Mirror
                        var mirrorObject = [
                            { obj: "NoGI_window_glass01", alpha: 0.4, level: 1.0 },
                            { obj: "NoGI_window_glass02", alpha: 0.4, level: 0.8 },
                            { obj: "NoGI_window_glass03", alpha: 0.4, level: 0.8 },
                            { obj: "NoGI_window_glass04", alpha: 0.2, level: 0.8 }
                        ]
                        var targetObject = [
                            "armchair1",
                            "armchair2",
                            "background2",
                            "bed",
                            "bed_cloth1",
                            "bed_cloth2",
                            "carpet",
                            "ceiling",
                            "curtain",
                            "door_03",
                            "fireplace",
                            "fireplace_deck",
                            "lamp_01",
                            "lamp_02",
                            "leg",
                            "painting",
                            "pillow1",
                            "pillow2",
                            "table",
                            "walls",
                            "window_frame"
                        ];
                        var myRenderList = [];
                        for (var j = 0; j < targetObject.length; j++) {
                            myRenderList.push(scene.getMeshByName(targetObject[j]));
                        }
                        if (!parser.device.type && !intelGPU && engine.webGLVersion == 2) {
                            for (var i = 0; i < mirrorObject.length; i++) {
                                var glass = scene.getMeshByName(mirrorObject[i].obj);
                                glass.computeWorldMatrix(true);
                                var glass_worldMatrix = glass.getWorldMatrix();
                                var glass_vertexData = glass.getVerticesData("normal");
                                var glassNormal = new BABYLON.Vector3(glass_vertexData[0], glass_vertexData[1], glass_vertexData[2]);
                                glassNormal = new BABYLON.Vector3.TransformNormal(glassNormal, glass_worldMatrix)
                                var reflector = new BABYLON.Plane.FromPositionAndNormal(glass.position, glassNormal.scale(-1));
                                var mirrorMaterial = new BABYLON.StandardMaterial("mirror", scene);
                                mirrorMaterial.reflectionTexture = new BABYLON.MirrorTexture("mirror", 1024, scene, true);
                                mirrorMaterial.reflectionTexture.mirrorPlane = reflector;
                                mirrorMaterial.reflectionTexture.renderList = myRenderList;
                                mirrorMaterial.reflectionTexture.level = mirrorObject[i].level;
                                glass.material = mirrorMaterial;
                                //glass.material.alphaMode = BABYLON.Engine.ALPHA_COMBINE;
                                glass.material.alpha = mirrorObject[i].alpha;
                            };
                        }

                        // iOS
                        document.getElementById("deviceOrientationCamera").addEventListener("click", function () {
                            if (
                                DeviceMotionEvent &&
                                DeviceMotionEvent.requestPermission &&
                                typeof DeviceMotionEvent.requestPermission === 'function'
                            ) {
                                DeviceMotionEvent.requestPermission();
                            }
                            if (
                                DeviceOrientationEvent &&
                                DeviceOrientationEvent.requestPermission &&
                                typeof DeviceOrientationEvent.requestPermission === 'function'
                            ) {
                                DeviceOrientationEvent.requestPermission();
                            }
                        });

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no, user-scalable=no, viewport-fit=cover">

                        // 3D Sound
                        var music = new BABYLON.Sound("music", "fireplace.mp3",
                            scene, null, {
                            loop: true,
                            autoplay: true,
                            spatialSound: true,
                            distanceModel: "linear",
                            maxDistance: 5
                        });
                        music.setPosition(new BABYLON.Vector3(1.76, 0.47, 0));

            <button class="buttonControlPanel" id="3dSound">3D Sound</button>

                        // 3D Sound
                        if (BABYLON.Engine.audioEngine.canUseWebAudio) {
                            var music = new BABYLON.Sound("music", "fireplace.mp3", scene, null,
                                {
                                    loop: true,
                                    autoplay: false,
                                    spatialSound: true,
                                    distanceModel: "linear",
                                    maxDistance: 5
                                }
                            );
                            var nowPlaying = false;
                            document.getElementById("3dSound").addEventListener("click", function () {
                                if (!nowPlaying) {
                                    scene.audioEnabled = true;
                                    music.play();
                                    nowPlaying = true;
                                    document.getElementById("3dSound").className = "buttonControlPanel pushed";
                                } else {
                                    scene.audioEnabled = false;
                                    music.stop();
                                    nowPlaying = false;
                                    document.getElementById("3dSound").className = "buttonControlPanel";
                                }
                            });
                        } else {
                            $("#3dSound").remove();
                        };

                        // Snow
                        var particleSystem = new BABYLON.ParticleSystem("particles", 4000, scene);
                        particleSystem.particleTexture = new BABYLON.Texture("scenes/snow.png", scene);
                        particleSystem.emitter = BABYLON.Vector3.Zero();
                        particleSystem.worldOffset = new BABYLON.Vector3(2.5, 3, -4);
                        particleSystem.color1 = new BABYLON.Color4(1.0, 1.0, 1.0, 1.0);
                        particleSystem.colorDead = new BABYLON.Color4(1.0, 1.0, 1.0, 0.0);
                        particleSystem.minSize = 0.015;
                        particleSystem.maxSize = 0.025;
                        particleSystem.minLifeTime = 2.0;
                        particleSystem.maxLifeTime = 4.0;
                        particleSystem.emitRate = 4000;
                        particleSystem.createBoxEmitter(
                            new BABYLON.Vector3(0, -2, 0),
                            new BABYLON.Vector3(0, 0, -0.5),
                            new BABYLON.Vector3(0, 0, 0.5),
                            new BABYLON.Vector3(2, 2, 10)
                        );
                        particleSystem.minEmitPower = 1.2;
                        particleSystem.maxEmitPower = 1.5;
                        particleSystem.updateSpeed = 0.004;
                        particleSystem.preWarmCycles = 100;
                        particleSystem.preWarmStepOffset = 5;
                        particleSystem.start();

<script type="text/javascript" src="scripts/babylon.fireMaterial.js"></script>

                        // Fire
                        var fire = new BABYLON.FireMaterial("fire", scene);
                        fire.diffuseTexture = new BABYLON.Texture("scenes/fire_diffuse.png", scene);
                        fire.distortionTexture = new BABYLON.Texture("scenes/fire_distortion.png", scene);
                        fire.opacityTexture = new BABYLON.Texture("scenes/fire_opacity.png", scene);
                        fire.speed = 3.0;
                        var plane = BABYLON.MeshBuilder.CreatePlane("fireplane", { width: 0.45, height: 0.45 }, scene);
                        plane.position = new BABYLON.Vector3(1.77, 0.44, 0.03);
                        plane.billboardMode = BABYLON.Mesh.BILLBOARDMODE_Y;
                        plane.material = fire;

for (var i = 0; i < scene.lights.length; i++) {
    console.log(scene.lights[i].name);
}

                        // Fire Light
                        var lightnum = 0;
                        for (var i = 0; i < scene.lights.length; i++) {
                            if (scene.lights[i].name == "Point Light") {
                                lightnum = i;
                            }
                        }
                         BABYLON.Animation.AllowMatricesInterpolation = true;
                        var lightDimmer = new BABYLON.Animation(
                            "dimmer",
                            "intensity",
                            60,
                            BABYLON.Animation.ANIMATIONTYPE_FLOAT,
                            BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE
                        );
                        var light_keys = [
                            {
                                frame: 0,
                                value: 0
                            },
                            {
                                frame: 50,
                                value: 0
                            },
                            {
                                frame: 100,
                                value: 1.2
                            },
                            {
                                frame: 150,
                                value: 0
                            },
                            {
                                frame: 200,
                                value: 0
                            }
                        ];
                        lightDimmer.setKeys(light_keys);
                        scene.lights[lightnum].animations = [];
                        scene.lights[lightnum].animations.push(lightDimmer);
                        scene.beginAnimation(scene.lights[lightnum], 0, 200, true);

                        // Fog
                        var fountain = BABYLON.Mesh.CreateBox("foutain", .01, scene);
                        fountain.visibility = 0;
                        var particleSystem2;
                        var useGPUVersion = false;
                        var fogTexture = new BABYLON.Texture("https://raw.githubusercontent.com/aWeirdo/Babylon.js/master/smoke_15.png", scene);
                        if (particleSystem2) {
                            particleSystem2.dispose();
                        }
                        if (useGPUVersion && BABYLON.GPUParticleSystem.IsSupported) {
                            particleSystem2 = new BABYLON.GPUParticleSystem("particles", { capacity: 2500 }, scene);
                            particleSystem2.activeParticleCount = 1500;
                            particleSystem2.manualEmitCount = particleSystem2.activeParticleCount;
                            particleSystem2.minEmitBox = new BABYLON.Vector3(-20, 2, -20); // Starting all from
                            particleSystem2.maxEmitBox = new BABYLON.Vector3(20, 2, 20); // To..
                        } else {
                            particleSystem2 = new BABYLON.ParticleSystem("particles", 1250, scene);
                            particleSystem2.manualEmitCount = particleSystem2.getCapacity();
                            particleSystem2.minEmitBox = new BABYLON.Vector3(-20, 2, -20); // Starting all from
                            particleSystem2.maxEmitBox = new BABYLON.Vector3(20, 2, 20); // To...
                        }
                        particleSystem2.particleTexture = fogTexture.clone();
                        particleSystem2.emitter = fountain;
                        particleSystem2.worldOffset = new BABYLON.Vector3(5, 3, 0);
                        particleSystem.color1 = new BABYLON.Color4(0.8, 0.8, 0.8, 0.01);
                        particleSystem.color2 = new BABYLON.Color4(.95, .95, .95, 0.03);
                        particleSystem.colorDead = new BABYLON.Color4(0.9, 0.9, 0.9, 0.02);
                        particleSystem2.minSize = 1;
                        particleSystem2.maxSize = 3;
                        particleSystem2.minLifeTime = Number.MAX_SAFE_INTEGER;
                        particleSystem2.emitRate = 1250;
                        particleSystem2.blendMode = BABYLON.ParticleSystem.BLENDMODE_STANDARD;
                        particleSystem2.gravity = new BABYLON.Vector3(0, 0, 0);
                        particleSystem2.direction1 = new BABYLON.Vector3(0, 0, 0);
                        particleSystem2.direction2 = new BABYLON.Vector3(0, 0, 0);
                        particleSystem2.minAngularSpeed = -2;
                        particleSystem2.maxAngularSpeed = 2;
                        particleSystem2.minEmitPower = .5;
                        particleSystem2.maxEmitPower = 1;
                        particleSystem2.updateSpeed = 0.005;
                        particleSystem2.start();

                        // Clock
                        var snum = 0, mnum = 0, hnum = 0;
                        for (var i = 0; i < scene.meshes.length; i++) {
                            if (scene.meshes[i].name == "clock_s") {
                                snum = i;
                            }
                            if (scene.meshes[i].name == "clock_m") {
                                mnum = i;
                            }
                            if (scene.meshes[i].name == "clock_h") {
                                hnum = i;
                            }
                        };
                        scene.registerBeforeRender(function () {
                            var date = new Date();
                            var hour = date.getHours() % 12;
                            var minute = date.getMinutes();
                            var second = date.getSeconds();
                            scene.meshes[snum].rotation.z = (second / 60) * 360 * Math.PI / 180;
                            scene.meshes[mnum].rotation.z = (minute / 60) * 360 * Math.PI / 180;
                            scene.meshes[hnum].rotation.z = (hour / 12) * 360 * Math.PI / 180 + ((minute / 60) * 360 * Math.PI / 180) / 10;
                        });