龙泉窑

__loading__.js

@@ -0,0 +1,112 @@
+pc.script.createLoadingScreen(function (app) {
+    var showSplash = function () {
+        // splash wrapper
+        var wrapper = document.createElement('div');
+        wrapper.id = 'application-splash-wrapper';
+        document.body.appendChild(wrapper);
+
+        // splash
+        var splash = document.createElement('div');
+        splash.id = 'application-splash';
+        wrapper.appendChild(splash);
+        splash.style.display = 'none';
+
+        var logo = document.createElement('img');
+        //logo.src = 'https://s3-eu-west-1.amazonaws.com/static.playcanvas.com/images/play_text_252_white.png';
+        logo.src = 'http://video.cgaii.com/new4dage/images/images/logo.svg';
+        splash.appendChild(logo);
+        logo.onload = function () {
+            splash.style.display = 'block';
+        };
+
+        var container = document.createElement('div');
+        container.id = 'progress-bar-container';
+        splash.appendChild(container);
+
+        var bar = document.createElement('div');
+        bar.id = 'progress-bar';
+        container.appendChild(bar);
+
+    };
+
+    var hideSplash = function () {
+        var splash = document.getElementById('application-splash-wrapper');
+        splash.parentElement.removeChild(splash);
+    };
+
+    var setProgress = function (value) {
+        var bar = document.getElementById('progress-bar');
+        if(bar) {
+            value = Math.min(1, Math.max(0, value));
+            bar.style.width = value * 100 + '%';
+        }
+    };
+
+    var createCss = function () {
+        var css = [
+            'body {',
+            '    background-color: #283538;',
+            '}',
+
+            '#application-splash-wrapper {',
+            '    position: absolute;',
+            '    top: 0;',
+            '    left: 0;',
+            '    height: 100%;',
+            '    width: 100%;',
+            '    background-color: #283538;',
+            '}',
+
+            '#application-splash {',
+            '    position: absolute;',
+            '    top: calc(50% - 28px);',
+            '    width: 264px;',
+            '    left: calc(50% - 132px);',
+            '}',
+
+            '#application-splash img {',
+            '    width: 100%;',
+            '}',
+
+            '#progress-bar-container {',
+            '    margin: 20px auto 0 auto;',
+            '    height: 2px;',
+            '    width: 100%;',
+            '    background-color: #1d292c;',
+            '}',
+
+            '#progress-bar {',
+            '    width: 0%;',
+            '    height: 100%;',
+            '    background-color: #f60;',
+            '}',
+            '@media (max-width: 480px) {',
+            '    #application-splash {',
+            '        width: 170px;',
+            '        left: calc(50% - 85px);',
+            '    }',
+            '}'
+        ].join("\n");
+
+        var style = document.createElement('style');
+        style.type = 'text/css';
+        if (style.styleSheet) {
+          style.styleSheet.cssText = css;
+        } else {
+          style.appendChild(document.createTextNode(css));
+        }
+
+        document.head.appendChild(style);
+    };
+
+
+    createCss();
+
+    showSplash();
+        
+    app.on('preload:end', function () {
+        app.off('preload:progress');
+    });
+    app.on('preload:progress', setProgress);
+    app.on('start', hideSplash);
+});

__start__.js

@@ -0,0 +1,144 @@
+(function () {
+    var CANVAS_ID = 'application-canvas';
+
+    var canvas, devices, app;
+
+    var createCanvas = function () {
+        canvas = document.createElement('canvas');
+        canvas.setAttribute('id', CANVAS_ID);
+        canvas.setAttribute('tabindex', 0);
+        // canvas.style.visibility = 'hidden';
+
+        // Disable I-bar cursor on click+drag
+        canvas.onselectstart = function () { return false; };
+
+        document.body.appendChild(canvas);
+
+        return canvas;
+    };
+
+    var createInputDevices = function (canvas) {
+        var devices = {
+            elementInput: new pc.ElementInput(canvas, {
+                useMouse: INPUT_SETTINGS.useMouse,
+                useTouch: INPUT_SETTINGS.useTouch
+            }),
+            keyboard: INPUT_SETTINGS.useKeyboard ? new pc.Keyboard(window) : null,
+            mouse: INPUT_SETTINGS.useMouse ? new pc.Mouse(canvas) : null,
+            gamepads: INPUT_SETTINGS.useGamepads ? new pc.GamePads() : null,
+            touch: INPUT_SETTINGS.useTouch && pc.platform.touch ? new pc.TouchDevice(canvas) : null
+        };
+
+        return devices;
+    };
+
+    var configureCss = function (fillMode, width, height) {
+        // Configure resolution and resize event
+        if (canvas.classList) {
+            canvas.classList.add('fill-mode-' + fillMode);
+        }
+
+        // css media query for aspect ratio changes
+        var css  = "@media screen and (min-aspect-ratio: " + width + "/" + height + ") {";
+        css += "    #application-canvas.fill-mode-KEEP_ASPECT {";
+        css += "        width: auto;";
+        css += "        height: 100%;";
+        css += "        margin: 0 auto;";
+        css += "    }";
+        css += "}";
+
+        // append css to style
+        if (document.head.querySelector) {
+            document.head.querySelector('style').innerHTML += css;
+        }
+    };
+
+    var reflow = function () {
+        app.resizeCanvas(canvas.width, canvas.height);
+        canvas.style.width = '';
+        canvas.style.height = '';
+
+        var fillMode = app._fillMode;
+
+        if (fillMode == pc.FILLMODE_NONE || fillMode == pc.FILLMODE_KEEP_ASPECT) {
+            if ((fillMode == pc.FILLMODE_NONE && canvas.clientHeight < window.innerHeight) || (canvas.clientWidth / canvas.clientHeight >= window.innerWidth / window.innerHeight)) {
+                canvas.style.marginTop = Math.floor((window.innerHeight - canvas.clientHeight) / 2) + 'px';
+            } else {
+                canvas.style.marginTop = '';
+            }
+        }
+    };
+
+    var displayError = function (html) {
+        var div = document.createElement('div');
+
+        div.innerHTML  = [
+            '<table style="background-color: #8CE; width: 100%; height: 100%;">',
+            '  <tr>',
+            '      <td align="center">',
+            '          <div style="display: table-cell; vertical-align: middle;">',
+            '              <div style="">' + html + '</div>',
+            '          </div>',
+            '      </td>',
+            '  </tr>',
+            '</table>'
+        ].join('\n');
+
+        document.body.appendChild(div);
+    };
+
+    canvas = createCanvas();
+    devices = createInputDevices(canvas);
+
+    try {
+        app = new pc.Application(canvas, {
+            elementInput: devices.elementInput,
+            keyboard: devices.keyboard,
+            mouse: devices.mouse,
+            gamepads: devices.gamepads,
+            touch: devices.touch,
+            graphicsDeviceOptions: window.CONTEXT_OPTIONS,
+            assetPrefix: window.ASSET_PREFIX || "",
+            scriptPrefix: window.SCRIPT_PREFIX || "",
+            scriptsOrder: window.SCRIPTS || []
+        });
+    } catch (e) {
+        if (e instanceof pc.UnsupportedBrowserError) {
+            displayError('This page requires a browser that supports WebGL.<br/>' +
+                    '<a href="http://get.webgl.org">Click here to find out more.</a>');
+        } else if (e instanceof pc.ContextCreationError) {
+            displayError("It doesn't appear your computer can support WebGL.<br/>" +
+                    '<a href="http://get.webgl.org/troubleshooting/">Click here for more information.</a>');
+        } else {
+            displayError('Could not initialize application. Error: ' + e);
+        }
+
+        return;
+    }
+
+    app.configure(CONFIG_FILENAME, function (err) {
+        if (err) {
+            console.error(err);
+        }
+
+        configureCss(app._fillMode, app._width, app._height);
+        reflow();
+
+        window.addEventListener('resize', reflow, false);
+        window.addEventListener('orientationchange', reflow, false);
+
+        app.preload(function (err) {
+            if (err) {
+                console.error(err);
+            }
+
+            app.loadScene(SCENE_PATH, function (err, scene) {
+                if (err) {
+                    console.error(err);
+                }
+
+                app.start();
+            });
+        });
+    });
+}());

files/assets/16507722/1/page2Css.css

@@ -0,0 +1,56 @@
+.page {
+    
+    position:fixed;
+    
+    width:100%;
+    height:92%;
+    
+}
+
+
+
+.container  {
+  
+    margin:100px auto 30px auto;
+    width:80%;
+    height:70%;
+    background:rgba(0,0,0,1);
+    overflow:scroll;
+}
+
+.footer {
+    
+    margin:0 auto;
+    width:80%;
+    
+    text-align:center;
+}
+
+
+section {
+    
+   
+    padding:15px
+    
+}
+
+section .title {
+
+    width:200px;
+    margin:0 auto;
+    background: linear-gradient(to right, rgba(0,0,0,0) 10%, rgba(255,251,229,0.8) 25%,rgba(255,251,229,255),rgba(255,251,229,0.8) 75%, rgba(0,0,0,0) 90%) ;
+    text-align: center;
+    font-size:14px;
+    font-weight:bolder;
+    
+}
+
+section .content {
+    
+    text-align:justify;
+    font-size:12px;
+    color:#eee;
+
+}
+
+

files/assets/16731421/1/lineVs.glsl

@@ -0,0 +1,7 @@
+
+attribute vec3 aPosition;
+
+void main(void) 
+{
+    gl_Position = vec4(aPosition, 1.0);    
+}

files/assets/16731940/1/lineFs.glsl

@@ -0,0 +1,6 @@
+uniform float time;
+    
+void main(void) 
+{    
+    gl_FragColor = vec4(1.,0.,sin(time),1.);
+}

files/assets/16733429/1/plasama.glsl

@@ -0,0 +1,17 @@
+
+uniform float iGlobalTime;
+
+vec3 getEmission() {
+vec2 p = -1.0 + 2.0 * vUv0;
+
+    // main code, *original shader by: 'Plasma' by Viktor Korsun (2011)
+    float x = p.x;
+    float y = p.y;
+    float mov0 = x+y+cos(sin(iGlobalTime)*2.0)*100.+sin(x/100.)*1000.;
+    float mov1 = y / 0.9 +  iGlobalTime;
+    float mov2 = x / 0.2;
+    float c1 = abs(sin(mov1+iGlobalTime)/2.+mov2/2.-mov1-mov2+iGlobalTime);
+    float c2 = abs(sin(c1+sin(mov0/1000.+iGlobalTime)+sin(y/40.+iGlobalTime)+sin((x+y)/100.)*3.));
+    float c3 = abs(sin(c2+cos(mov1+mov2+c2)+cos(mov2)+sin(x/1000.)));
+    return vec3(c1, c2, c3);
+}

index.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html>
+<head>
+    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no' />
+    <meta charset='utf-8'>
+    <link rel="stylesheet" type="text/css" href="styles.css">
+    <link rel="manifest" href="manifest.json">
+    <style></style>
+    <title>demo（龙泉窑）</title>
+    <script src="playcanvas-stable.min.js"></script>
+    <script>
+        ASSET_PREFIX = "";
+        SCRIPT_PREFIX = "";
+        SCENE_PATH = "684549.json";
+        CONTEXT_OPTIONS = {
+            'antialias': true,
+            'alpha': false,
+            'preserveDrawingBuffer': false,
+            'preferWebGl2': true
+        };
+        SCRIPTS = [ 16496394, 16496399, 16496395, 16496400, 16499160, 16507721, 16509019, 16728271, 16731459, 16733465, 16751415, 16888322, 16915746, 16915747, 16917355, 16928893, 16933366, 16933484, 16943631, 16943661 ];
+        CONFIG_FILENAME = "config.json";
+        INPUT_SETTINGS = {
+            useKeyboard: true,
+            useMouse: true,
+            useGamepads: false,
+            useTouch: true
+        };
+        pc.script.legacy = false;
+    </script>
+</head>
+<body>
+    <script src="__start__.js"></script>
+    <script src="__loading__.js"></script>
+</body>
+</html>

manifest.json

@@ -0,0 +1 @@
+{"short_name":"demo（龙泉窑）","name":"demo（龙泉窑）","start_url":"","display":"fullscreen","icons":[{"src":"thumbs/180.jpg","sizes":"180x180","type":"image/jpeg"},{"src":"thumbs/360.jpg","sizes":"360x360","type":"image/jpeg"},{"src":"thumbs/540.jpg","sizes":"540x540","type":"image/jpeg"},{"src":"thumbs/720.jpg","sizes":"720x720","type":"image/jpeg"}]}

styles.css

@@ -0,0 +1,42 @@
+html {
+    height: 100%;
+    background-color: #1d292c;
+}
+body {
+    margin: 0;
+    max-height: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: #1d292c;
+    font-family: Helvetica, arial, sans-serif;
+    position: relative;
+    width: 100%;
+
+    -webkit-tap-highlight-color: transparent;
+}
+
+#application-canvas {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+#application-canvas.fill-mode-NONE {
+    margin: auto;
+}
+#application-canvas.fill-mode-KEEP_ASPECT {
+    width: 100%;
+    height: auto;
+    margin: 0;
+}
+#application-canvas.fill-mode-FILL_WINDOW {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+}
+
+canvas:focus {
+    outline: none;
+}

web.config

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+    <system.webServer>
+        <staticContent>
+            <mimeMap fileExtension=".glsl" mimeType="application/glsl" />
+        </staticContent>
+    </system.webServer>
+</configuration>