ソースを参照

Add text description for sandbox

Saurabh Bhatia 7 年 前
コミット
4a1f3fbaac
2 ファイル変更13 行追加3 行削除
  1. 8 0
      sandbox/index.css
  2. 5 3
      sandbox/index.html

+ 8 - 0
sandbox/index.css

@@ -106,6 +106,14 @@ a {
     background-size: 50%;
 }
 
+#droptext {
+    position: absolute;;
+    text-align: center;
+    color: #fff;
+    height: 50px;
+    width: 100%;
+    bottom: 5%;    
+}
 #btnDownArrow {
     position: absolute;
     bottom: 35px;

+ 5 - 3
sandbox/index.html

@@ -1,7 +1,9 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <title>BabylonJS - Sandbox</title>
+    <title>glTF viewer - BabylonJS Sandbox</title>
+    <meta name="description" content="Viewer for glTF, glb, obj and babylon files powered by BabylonJS" />
+    <meta name="keywords" content="glTF, glb, obj, Babylon, BabylonJS, viewer, online viewer, 3D model viewer" />
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
 
     <link rel="shortcut icon" href="http://www.babylonjs.com/img/favicon/favicon.ico">
@@ -36,10 +38,10 @@
     <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
     <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>
 </head>
-
 <body>
+    <p id="droptext">Drag and drop gltf, glb, obj or babylon files to view them</p>
     <canvas id="renderCanvas" touch-action="none"></canvas>
-    <div id="logo">
+    <div id="logo">        
     </div>
     <div id="footer" class="footer">
         <div id="animationBar">