<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <title>xeoEngine Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

    <script src="../build/xeoengine.min.js"></script>
    <link href="css/styles.css" rel="stylesheet"/>

<body>

<div id="infoLight">
    <a href="http://xeoengine.org" target="_home">xeoEngine</a><br><br>multiple <a
        href="../docs/classes/Scene.html"
        target="_docs">Scenes</a> in a page
</div>

<canvas id="myCanvas1" width="500px" height="500px"></canvas>
<canvas id="myCanvas2" width="500px" height="500px"></canvas>
<canvas id="myCanvas3" width="500px" height="500px"></canvas>

<script>

    //-----------------------------
    // Scene 1
    //-----------------------------

    var scene1 = new XEO.Scene({
        canvas: "myCanvas1"
    });

    new XEO.Entity(scene1, {
        geometry: new XEO.SphereGeometry(scene1),
        material: new XEO.PhongMaterial(scene1, {
            diffuseMap: new XEO.Texture(scene1, {
                src: "textures/diffuse/uvGrid2.jpg"
            })
        })
    });

    scene1.camera.view.eye = [0, 0, -5];

    scene1.on("tick",
            function () {
                this.camera.view.rotateEyeY(0.5);
                this.camera.view.rotateEyeX(0.3);
            });

    //-----------------------------
    // Scene 2
    //-----------------------------

    var scene2 = new XEO.Scene({
        canvas: "myCanvas2"
    });

    new XEO.Entity(scene2, {
        geometry: new XEO.BoxGeometry(scene2),
        material: new XEO.PhongMaterial(scene2, {
            diffuseMap: new XEO.Texture(scene2, {
                src: "textures/diffuse/uvgrid.jpg"
            })
        })
    });

    scene2.camera.view.eye = [0, 0, -5];

    scene2.on("tick",
            function () {
                this.camera.view.rotateEyeY(0.5);
                this.camera.view.rotateEyeX(-0.3);
            });

    //-----------------------------
    // Scene 3
    //-----------------------------

    var scene3 = new XEO.Scene({
        canvas: "myCanvas3"
    });

    new XEO.Entity(scene3, {
        geometry: new XEO.TorusGeometry(scene3),
        material: new XEO.PhongMaterial(scene3, {
            diffuseMap: new XEO.Texture(scene3, {
                src: "textures/diffuse/UVCheckerMap11-1024.png"
            })
        })
    });

    scene3.camera.view.eye = [0, 0, -5];

    scene3.on("tick",
            function () {
                this.camera.view.rotateEyeY(-0.5);
                this.camera.view.rotateEyeX(0.3);
            });


</script>
</body>
</html><commit_msg>Add glTF example to multiple scenes demo<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <title>xeoEngine Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

    <script src="../build/xeoengine.js"></script>
    <link href="css/styles.css" rel="stylesheet"/>

<body>

<div id="infoLight">
    <a href="http://xeoengine.org" target="_home">xeoEngine</a><br><br>multiple <a
        href="../docs/classes/Scene.html"
        target="_docs">Scenes</a> in a page
</div>

<canvas id="myCanvas1" width="500px" height="500px"></canvas>
<canvas id="myCanvas2" width="500px" height="500px"></canvas>
<canvas id="myCanvas3" width="500px" height="500px"></canvas>

<script>

    //-----------------------------
    // Scene 1
    //-----------------------------

    var scene1 = new XEO.Scene({
        canvas: "myCanvas1"
    });

    new XEO.Entity(scene1, {
        geometry: new XEO.SphereGeometry(scene1),
        material: new XEO.PhongMaterial(scene1, {
            diffuseMap: new XEO.Texture(scene1, {
                src: "textures/diffuse/uvGrid2.jpg"
            })
        })
    });

    scene1.camera.view.eye = [0, 0, -5];

    scene1.on("tick",
            function () {
                this.camera.view.rotateEyeY(0.5);
                this.camera.view.rotateEyeX(0.3);
            });

    new XEO.CameraControl(scene1);

    //-----------------------------
    // Scene 2
    //-----------------------------

    var scene2 = new XEO.Scene({
        canvas: "myCanvas2"
    });

    new XEO.Entity(scene2, {
        geometry: new XEO.BoxGeometry(scene2),
        material: new XEO.PhongMaterial(scene2, {
            diffuseMap: new XEO.Texture(scene2, {
                src: "textures/diffuse/uvgrid.jpg"
            })
        })
    });

    scene2.camera.view.eye = [0, 0, -5];

    scene2.on("tick",
            function () {
                this.camera.view.rotateEyeY(0.5);
                this.camera.view.rotateEyeX(-0.3);
            });

    new XEO.CameraControl(scene2);

    //-----------------------------
    // Scene 3
    //-----------------------------

    var scene3 = new XEO.Scene({
        canvas: "myCanvas3"
    });

    // Set initial camera position
    scene3.camera.view.eye = [184.21, 10.54, -7.03];
    scene3.camera.view.look = [159.20, 17.02, 3.21];
    scene3.camera.view.up = [-0.15, 0.97, 0.13];

    var gearbox = new XEO.Model(scene3, {
        src: "models/gltf/gearbox/gearbox_assy.gltf"
    });

    scene3.on("tick",
            function () {
                this.camera.view.rotateEyeY(-0.5);
                this.camera.view.rotateEyeX(0.3);
            });

    new XEO.CameraControl(scene3);


</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.22179557505942585, 'fraction_numerical': 0.03437557140245017, 'mean_word_length': 1.652764306498545, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 61, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3726799', 'n_tokens_mistral': 1893, 'n_tokens_neox': 1780, 'n_words': 288}