Home Verkennen Help
Registreren Inloggen
yichael
/
yichael_web
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Bladeren bron

add 720/360.html

eraser 4 jaren geleden
bovenliggende
67d7343431
commit
1436569056
21 gewijzigde bestanden met toevoegingen van 526 en 0 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 36 0
      720/360.html
  2. BIN
      720/360.jpg
  3. 204 0
      720/application.js
  4. 1 0
      720/assets/main/config.json
  5. 1 0
      720/assets/main/import/0f/0fdf61f8e.json
  6. 1 0
      720/assets/main/import/fd/fd8ec536-a354-4a17-9c74-4f3883c378c8.json
  7. 0 0
      720/assets/main/index.js
  8. BIN
      720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@40c10.png
  9. BIN
      720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@74afd.png
  10. BIN
      720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@7d38f.png
  11. BIN
      720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@8fd34.png
  12. BIN
      720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@bb97f.png
  13. BIN
      720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@e9a6d.png
  14. 0 0
      720/cocos-js/cc.js
  15. 60 0
      720/index.html
  16. 109 0
      720/index.js
  17. 1 0
      720/src/import-map.json
  18. 0 0
      720/src/polyfills.bundle.js
  19. 0 0
      720/src/settings.json
  20. 0 0
      720/src/system.bundle.js
  21. 113 0
      720/style.css

+ 36 - 0
720/360.html
Bestand weergeven 

@@ -0,0 +1,36 @@
 
+<html>
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <title></title>
 
+    <!-- Latest compiled and minified JavaScript -->
 
+	<script src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
 
+
 
+	<!-- Latest compiled and minified CSS -->
 
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css">
 
+
 
+    <style>
 
+    #panorama {
 
+        width: 100%;
 
+        height: 100%;
 
+    }
 
+    *{
 
+      margin:0;
 
+      padding:0;
 
+    }
 
+    </style>
 
+</head>
 
+<body>
 
+
 
+<div id="panorama"></div>
 
+<!-- <canvas id="canvas" style="display:none"></canvas> -->
 
+<script>
 
+    pannellum.viewer('panorama', {
 
+        "type": "equirectangular",
 
+        "panorama": '360.jpg',
 
+        "autoLoad": true,
 
+    });
 
+</script>
 
+
 
+</body>
 
+</html>

BIN
720/360.jpg
Bestand weergeven


+ 204 - 0
720/application.js
Bestand weergeven 

@@ -0,0 +1,204 @@
 
+System.register([], function (_export, _context) {
 
+  "use strict";
 
+
 
+  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+
 
+  function createApplication(_ref) {
 
+    var loadJsListFile = _ref.loadJsListFile,
 
+        fetchWasm = _ref.fetchWasm;
 
+    // NOTE: before here we shall not import any module!
 
+    var promise = Promise.resolve();
 
+    return promise.then(function () {
 
+      return _defineProperty({
 
+        start: start
 
+      }, 'import', topLevelImport);
 
+    });
 
+
 
+    function start(_ref3) {
 
+      var findCanvas = _ref3.findCanvas;
 
+      var settings;
 
+      var cc;
 
+      return Promise.resolve().then(function () {
 
+        return topLevelImport('cc');
 
+      }).then(function (engine) {
 
+        cc = engine;
 
+        return loadSettingsJson(cc);
 
+      }).then(function () {
 
+        settings = window._CCSettings;
 
+        return initializeGame(cc, settings, findCanvas).then(function () {
 
+          if (settings.scriptPackages) {
 
+            return loadModulePacks(settings.scriptPackages);
 
+          }
 
+        }).then(function () {
 
+          return loadJsList(settings.jsList);
 
+        }).then(function () {
 
+          return loadAssetBundle(settings.hasResourcesBundle, settings.hasStartSceneBundle);
 
+        }).then(function () {
 
+          return cc.game.run(function () {
 
+            return onGameStarted(cc, settings);
 
+          });
 
+        });
 
+      });
 
+    }
 
+
 
+    function topLevelImport(url) {
 
+      return _context["import"]("".concat(url));
 
+    }
 
+
 
+    function loadAssetBundle(hasResourcesBundle, hasStartSceneBundle) {
 
+      var promise = Promise.resolve();
 
+      var _cc$AssetManager$Buil = cc.AssetManager.BuiltinBundleName,
 
+          MAIN = _cc$AssetManager$Buil.MAIN,
 
+          RESOURCES = _cc$AssetManager$Buil.RESOURCES,
 
+          START_SCENE = _cc$AssetManager$Buil.START_SCENE;
 
+      var bundleRoot = hasResourcesBundle ? [RESOURCES, MAIN] : [MAIN];
 
+
 
+      if (hasStartSceneBundle) {
 
+        bundleRoot.push(START_SCENE);
 
+      }
 
+
 
+      return bundleRoot.reduce(function (pre, name) {
 
+        return pre.then(function () {
 
+          return loadBundle(name);
 
+        });
 
+      }, Promise.resolve());
 
+    }
 
+
 
+    function loadBundle(name) {
 
+      return new Promise(function (resolve, reject) {
 
+        cc.assetManager.loadBundle(name, function (err, bundle) {
 
+          if (err) {
 
+            return reject(err);
 
+          }
 
+
 
+          resolve(bundle);
 
+        });
 
+      });
 
+    }
 
+
 
+    function loadModulePacks(packs) {
 
+      return Promise.all(packs.map(function (pack) {
 
+        return topLevelImport(pack);
 
+      }));
 
+    }
 
+
 
+    function loadJsList(jsList) {
 
+      var promise = Promise.resolve();
 
+      jsList.forEach(function (jsListFile) {
 
+        promise = promise.then(function () {
 
+          return loadJsListFile("src/".concat(jsListFile));
 
+        });
 
+      });
 
+      return promise;
 
+    }
 
+
 
+    function loadSettingsJson(cc) {
 
+      var server = '';
 
+      var settings = 'src/settings.json';
 
+      return new Promise(function (resolve, reject) {
 
+        if (typeof fsUtils !== 'undefined' && !settings.startsWith('http')) {
 
+          var result = fsUtils.readJsonSync(settings);
 
+
 
+          if (result instanceof Error) {
 
+            reject(result);
 
+          } else {
 
+            window._CCSettings = result;
 
+            window._CCSettings.server = server;
 
+            resolve();
 
+          }
 
+        } else {
 
+          var requestSettings = function requestSettings() {
 
+            var xhr = new XMLHttpRequest();
 
+            xhr.open('GET', settings);
 
+            xhr.responseType = 'text';
 
+
 
+            xhr.onload = function () {
 
+              window._CCSettings = JSON.parse(xhr.response);
 
+              window._CCSettings.server = server;
 
+              resolve();
 
+            };
 
+
 
+            xhr.onerror = function () {
 
+              if (retryCount-- > 0) {
 
+                setTimeout(requestSettings, retryInterval);
 
+              } else {
 
+                reject(new Error('request settings failed!'));
 
+              }
 
+            };
 
+
 
+            xhr.send(null);
 
+          };
 
+
 
+          var retryCount = 3;
 
+          var retryInterval = 2000;
 
+          requestSettings();
 
+        }
 
+      });
 
+    }
 
+  }
 
+
 
+  function initializeGame(cc, settings, findCanvas) {
 
+    if (settings.macros) {
 
+      for (var key in settings.macros) {
 
+        cc.macro[key] = settings.macros[key];
 
+      }
 
+    }
 
+
 
+    var gameOptions = getGameOptions(settings, findCanvas);
 
+    return Promise.resolve(cc.game.init(gameOptions));
 
+  }
 
+
 
+  function onGameStarted(cc, settings) {
 
+    window._CCSettings = undefined;
 
+    cc.view.enableRetina(true);
 
+    cc.view.resizeWithBrowserSize(true);
 
+
 
+    if (cc.sys.isMobile) {
 
+      if (settings.orientation === 'landscape') {
 
+        cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);
 
+      } else if (settings.orientation === 'portrait') {
 
+        cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT);
 
+      }
 
+
 
+      cc.view.enableAutoFullScreen(false);
 
+    }
 
+
 
+    var launchScene = settings.launchScene; // load scene
 
+
 
+    cc.director.loadScene(launchScene, null, function () {
 
+      cc.view.setDesignResolutionSize(960, 640, 4);
 
+      console.log("Success to load scene: ".concat(launchScene));
 
+    });
 
+  }
 
+
 
+  function getGameOptions(settings, findCanvas) {
 
+    // asset library options
 
+    var assetOptions = {
 
+      bundleVers: settings.bundleVers,
 
+      remoteBundles: settings.remoteBundles,
 
+      server: settings.server,
 
+      subpackages: settings.subpackages
 
+    };
 
+    var options = {
 
+      debugMode: settings.debug ? 1 : 3,
 
+      // cc.debug.DebugMode.INFO : cc.debug.DebugMode.ERROR,
 
+      showFPS: !false && settings.debug,
 
+      frameRate: 60,
 
+      groupList: settings.groupList,
 
+      collisionMatrix: settings.collisionMatrix,
 
+      renderPipeline: settings.renderPipeline,
 
+      adapter: findCanvas('GameCanvas'),
 
+      assetOptions: assetOptions,
 
+      customJointTextureLayouts: settings.customJointTextureLayouts || [],
 
+      physics: settings.physics
 
+    };
 
+    return options;
 
+  }
 
+
 
+  _export("createApplication", createApplication);
 
+
 
+  return {
 
+    setters: [],
 
+    execute: function () {}
 
+  };
 
+});

+ 1 - 0
720/assets/main/config.json
Bestand weergeven 

@@ -0,0 +1 @@
 
+{"importBase":"import","nativeBase":"native","name":"main","deps":[],"uuids":["0fdf61f8e","8aTV0u9OdNmJZIjKpPpUnZ","ccWvda+eJGLLWsCMI67XjO@b47c0","cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@40c10","cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@74afd","cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@7d38f","cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@8fd34","cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@bb97f","cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@e9a6d","fdjsU2o1RKF5x0TziDw3jI"],"paths":{"9":["db:/internal/default_renderpipeline/builtin-forward",0]},"scenes":{"db://assets/scene.scene":1},"packs":{"0fdf61f8e":["1","2","3","4","5","6","7","8"]},"versions":{"import":[],"native":[]},"redirect":[],"debug":false,"types":["cc.RenderPipeline"]}

+ 1 - 0
720/assets/main/import/0f/0fdf61f8e.json
Bestand weergeven 

@@ -0,0 +1 @@
 
+[1,["ccWvda+eJGLLWsCMI67XjO@b47c0"],["node","scene","_envmap"],["cc.ImageAsset",["cc.Node",["_name","_id","_parent","_components","_lrot","_euler"],1,1,9,5,5],"cc.TextureCube",["cc.SceneAsset",["_name"],2],["cc.Scene",["_children","_globals"],3,2,4],["cc.SceneGlobals",["ambient","shadows","_skybox","fog"],3,4,4,4,4],["cc.AmbientInfo",[],3],["cc.ShadowsInfo",["_shadowColor"],3,5],["cc.SkyboxInfo",["_enabled","_envmap"],2,6],["cc.FogInfo",[],3],["cc.Camera",["_clearFlags","_visibility","node"],1,1],["26f1eHzlqZGBI7Mg191nzLy",["node"],3,1],["cc.DirectionalLight",["node","_staticSettings"],3,1,4],["cc.StaticLightSettings",[],3]],[[3,0,2],[4,0,1,1],[5,0,1,2,3,1],[6,1],[7,0,1],[8,0,1,2],[9,1],[1,0,1,2,3,3],[1,0,1,2,3,4,5,3],[10,0,1,2,3],[11,0,1],[12,0,1,1],[13,1]],[[[[0,"scene"],[1,[-1,-2],[2,[3],[4,[4,4283190348]],[5,true,0],[6]]],[7,"Main Camera","c9DMICJLFO5IeO07EPon7U",1,[[9,14,1822425087,-3],[10,-4]]],[8,"Main Light","c0y6F5f+pAvI805TdmxIjx",1,[[11,-5,[12]]],[3,-0.24999999999999997,-0.24999999999999997,-0.06698729810778066,0.9330127018922194],[1,-30,-30,0]]],0,[0,-1,3,0,-2,2,0,0,2,0,0,2,0,0,3,0,1,1,5],[0],[2],[0]],[[{"base":"2,2,0,0,2,1","mipmaps":[{"front":"cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@e9a6d","back":"cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@40c10","left":"cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@8fd34","right":"cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@74afd","top":"cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@bb97f","bottom":"cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@7d38f"}]}],[2],0,[],[],[]],[[{"fmt":"0","w":0,"h":0}],[0],0,[],[],[]],[[{"fmt":"0","w":0,"h":0}],[0],0,[],[],[]],[[{"fmt":"0","w":0,"h":0}],[0],0,[],[],[]],[[{"fmt":"0","w":0,"h":0}],[0],0,[],[],[]],[[{"fmt":"0","w":0,"h":0}],[0],0,[],[],[]],[[{"fmt":"0","w":0,"h":0}],[0],0,[],[],[]]]]

+ 1 - 0
720/assets/main/import/fd/fd8ec536-a354-4a17-9c74-4f3883c378c8.json
Bestand weergeven 

@@ -0,0 +1 @@
 
+[1,0,0,[["RenderQueueDesc",["stages","isTransparent","sortMode"],0],["ForwardPipeline",["_flows"],3,9],["ShadowFlow",["_name","_stages"],2,9],["ShadowStage",["_name"],2],["ForwardFlow",["_name","_priority","_stages"],1,9],["ForwardStage",["_name","renderQueues"],2,9]],[[1,0,1],[2,0,1,2],[3,0,2],[4,0,1,2,3],[5,0,1,2],[0,0,2],[0,1,2,0,4]],[[0,[[1,"ShadowFlow",[[2,"ShadowStage"]]],[3,"ForwardFlow",1,[[4,"ForwardStage",[[5,["default"]],[6,true,1,["default"]]]]]]]]],0,0,[],[],[]]

File diff suppressed because it is too large
+ 0 - 0
720/assets/main/index.js


BIN
720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@40c10.png
Bestand weergeven


BIN
720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@74afd.png
Bestand weergeven


BIN
720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@7d38f.png
Bestand weergeven


BIN
720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@8fd34.png
Bestand weergeven


BIN
720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@bb97f.png
Bestand weergeven


BIN
720/assets/main/native/cc/cc5af75a-f9e2-462c-b5ac-08c23aed78ce@b47c0@e9a6d.png
Bestand weergeven


File diff suppressed because it is too large
+ 0 - 0
720/cocos-js/cc.js


+ 60 - 0
720/index.html
Bestand weergeven 

@@ -0,0 +1,60 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+  <meta charset="utf-8">
 
+
 
+  <title>Cocos Creator | TestSkyBox</title>
 
+
 
+  <!--http://www.html5rocks.com/en/mobile/mobifying/-->
 
+  <meta name="viewport"
 
+        content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
 
+
 
+  <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
 
+  <meta name="apple-mobile-web-app-capable" content="yes">
 
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 
+  <meta name="format-detection" content="telephone=no">
 
+
 
+  <!-- force webkit on 360 -->
 
+  <meta name="renderer" content="webkit"/>
 
+  <meta name="force-rendering" content="webkit"/>
 
+  <!-- force edge on IE -->
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 
+  <meta name="msapplication-tap-highlight" content="no">
 
+
 
+  <!-- force full screen on some browser -->
 
+  <meta name="full-screen" content="yes"/>
 
+  <meta name="x5-fullscreen" content="true"/>
 
+  <meta name="360-fullscreen" content="true"/>
 
+  
+  <!-- force screen orientation on some browser -->
 
+  <meta name="screen-orientation" content="auto"/>
 
+  <meta name="x5-orientation" content="auto">
 
+
 
+  <!--fix fireball/issues/3568 -->
 
+  <!--<meta name="browsermode" content="application">-->
 
+  <meta name="x5-page-mode" content="app">
 
+
 
+  <!--<link rel="apple-touch-icon" href=".png" />-->
 
+  <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
 
+
 
+  <link rel="stylesheet" type="text/css" href="style.css"/>
 
+
 
+</head>
 
+<body>
 
+  <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
 
+  
+<!-- Polyfills bundle. -->
 
+<script src="src/polyfills.bundle.js" charset="utf-8"> </script>
 
+
 
+<!-- SystemJS support. -->
 
+<script src="src/system.bundle.js" charset="utf-8"> </script>
 
+
 
+<!-- Import map -->
 
+<script src="src/import-map.json" type="systemjs-importmap" charset="utf-8"> </script>
 
+
 
+<script>
 
+    System.import('./index.js').catch(function(err) { console.error(err); })
 
+</script>
 
+
 
+</body>
 
+</html>

+ 109 - 0
720/index.js
Bestand weergeven 

@@ -0,0 +1,109 @@
 
+System.register(["./application.js"], function (_export, _context) {
 
+  "use strict";
 
+
 
+  var createApplication, canvas, $p, bcr;
 
+
 
+  function loadJsListFile(url) {
 
+    return new Promise(function (resolve, reject) {
 
+      var err;
 
+
 
+      function windowErrorListener(evt) {
 
+        if (evt.filename === url) {
 
+          err = evt.error;
 
+        }
 
+      }
 
+
 
+      window.addEventListener('error', windowErrorListener);
 
+      var script = document.createElement('script');
 
+      script.charset = 'utf-8';
 
+      script.async = true;
 
+      script.crossOrigin = 'anonymous';
 
+      script.addEventListener('error', function () {
 
+        window.removeEventListener('error', windowErrorListener);
 
+        reject(Error('Error loading ' + url));
 
+      });
 
+      script.addEventListener('load', function () {
 
+        window.removeEventListener('error', windowErrorListener);
 
+        document.head.removeChild(script); // Note that if an error occurs that isn't caught by this if statement,
 
+        // that getRegister will return null and a "did not instantiate" error will be thrown.
 
+
 
+        if (err) {
 
+          reject(err);
 
+        } else {
 
+          resolve();
 
+        }
 
+      });
 
+      script.src = url;
 
+      document.head.appendChild(script);
 
+    });
 
+  }
 
+
 
+  function fetchWasm(url) {
 
+    return fetch(url).then(function (response) {
 
+      return response.arrayBuffer();
 
+    });
 
+  }
 
+
 
+  function findCanvas() {
 
+    // Use canvas in outer context
 
+    if (!canvas || canvas.tagName !== 'CANVAS') {
 
+      console.error("unknown canvas id:", el);
 
+    }
 
+
 
+    var width = canvas.width;
 
+    var height = canvas.height;
 
+    var container = document.createElement('div');
 
+
 
+    if (canvas && canvas.parentNode) {
 
+      canvas.parentNode.insertBefore(container, canvas);
 
+    }
 
+
 
+    container.setAttribute('id', 'Cocos3dGameContainer');
 
+    container.appendChild(canvas);
 
+    var frame = container.parentNode === document.body ? document.documentElement : container.parentNode;
 
+    addClass(canvas, 'gameCanvas');
 
+    canvas.setAttribute('width', width || '480');
 
+    canvas.setAttribute('height', height || '320');
 
+    canvas.setAttribute('tabindex', '99');
 
+    return {
 
+      frame: frame,
 
+      canvas: canvas,
 
+      container: container
 
+    };
 
+  }
 
+
 
+  function addClass(element, name) {
 
+    var hasClass = (' ' + element.className + ' ').indexOf(' ' + name + ' ') > -1;
 
+
 
+    if (!hasClass) {
 
+      if (element.className) {
 
+        element.className += ' ';
 
+      }
 
+
 
+      element.className += name;
 
+    }
 
+  }
 
+
 
+  return {
 
+    setters: [function (_applicationJs) {
 
+      createApplication = _applicationJs.createApplication;
 
+    }],
 
+    execute: function () {
 
+      canvas = document.getElementById('GameCanvas');
 
+      $p = canvas.parentElement;
 
+      bcr = $p.getBoundingClientRect();
 
+      canvas.width = bcr.width;
 
+      canvas.height = bcr.height;
 
+      createApplication({
 
+        loadJsListFile: loadJsListFile,
 
+        fetchWasm: fetchWasm
 
+      }).then(function (application) {
 
+        return application.start({
 
+          findCanvas: findCanvas
 
+        });
 
+      })["catch"](function (err) {
 
+        console.error(err);
 
+      });
 
+    }
 
+  };
 
+});

+ 1 - 0
720/src/import-map.json
Bestand weergeven 

@@ -0,0 +1 @@
 
+{"imports":{"cc":"./../cocos-js/cc.js"}}

File diff suppressed because it is too large
+ 0 - 0
720/src/polyfills.bundle.js


File diff suppressed because it is too large
+ 0 - 0
720/src/settings.json


File diff suppressed because it is too large
+ 0 - 0
720/src/system.bundle.js


+ 113 - 0
720/style.css
Bestand weergeven 

@@ -0,0 +1,113 @@
 
+html {
 
+  -ms-touch-action: none;
 
+}
 
+
 
+body, canvas, div {
 
+  display: block;
 
+  outline: none;
 
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
+
 
+  user-select: none;
 
+  -moz-user-select: none;
 
+  -webkit-user-select: none;
 
+  -ms-user-select: none;
 
+  -khtml-user-select: none;
 
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
+}
 
+
 
+/* Remove spin of input type number */
 
+input::-webkit-outer-spin-button,
 
+input::-webkit-inner-spin-button {
 
+    /* display: none; <- Crashes Chrome on hover */
 
+    -webkit-appearance: none;
 
+    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
 
+}
 
+
 
+body {
 
+  position: absolute;
 
+  top: 0;
 
+  left: 0;
 
+  width: 100%;
 
+  height: 100%;
 
+  padding: 0;
 
+  border: 0;
 
+  margin: 0;
 
+
 
+  cursor: default;
 
+  color: #888;
 
+  background-color: #333;
 
+
 
+  text-align: center;
 
+  font-family: Helvetica, Verdana, Arial, sans-serif;
 
+
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+#Cocos2dGameContainer {
 
+  position: absolute;
 
+  margin: 0;
 
+  overflow: hidden;
 
+  left: 0px;
 
+  top: 0px;
 
+
 
+  display: -webkit-box;
 
+  -webkit-box-orient: horizontal;
 
+  -webkit-box-align: center;
 
+  -webkit-box-pack: center;
 
+}
 
+
 
+canvas {
 
+  background-color: rgba(0, 0, 0, 0);
 
+}
 
+
 
+a:link, a:visited {
 
+  color: #666;
 
+}
 
+
 
+a:active, a:hover {
 
+  color: #666;
 
+}
 
+
 
+p.header {
 
+  font-size: small;
 
+}
 
+
 
+p.footer {
 
+  font-size: x-small;
 
+}
 
+
 
+.progress-bar {
 
+    background-color: #1a1a1a;
 
+    position: absolute;
 
+    left: 25%;
 
+    top: 80%;
 
+    height: 14px;
 
+    padding: 5px;
 
+    width: 50%;
 
+    /*margin: 0 -175px;         */
 
+    border-radius: 5px;
 
+    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
+}
 
+
 
+.progress-bar span {
 
+    display: block;
 
+    height: 100%;
 
+    border-radius: 3px;
 
+    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
 
+    transition: width .4s ease-in-out; 
+    background-color: #34c2e3;    
+}
 
+
 
+.stripes span {
 
+    background-size: 30px 30px;
 
+    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
 
+                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
 
+                        transparent 75%, transparent);            
+    
+    animation: animate-stripes 1s linear infinite;             
+}
 
+
 
+@keyframes animate-stripes {
 
+    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
 
+}

Some files were not shown because too many files changed in this diff