|
|
@@ -6,10 +6,25 @@
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
|
|
|
<style>
|
|
|
body {
|
|
|
+ font-family: Helvetica, Arial, sans-serif;
|
|
|
+ font-size: 12px;
|
|
|
background-color: #000;
|
|
|
margin: 0px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+ #edit {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 20px;
|
|
|
+ right: 20px;
|
|
|
+ padding: 8px;
|
|
|
+ color: #555;
|
|
|
+ background-color: #fff;
|
|
|
+ opacity: 0.7;
|
|
|
+ }
|
|
|
+ #edit:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body ontouchstart="">
|
|
|
@@ -20,13 +35,30 @@
|
|
|
var loader = new THREE.XHRLoader();
|
|
|
loader.load( 'app.json', function ( text ) {
|
|
|
|
|
|
+ var json = JSON.parse( text );
|
|
|
+
|
|
|
var player = new APP.Player();
|
|
|
- player.load( JSON.parse( text ) );
|
|
|
+ player.load( json );
|
|
|
player.setSize( window.innerWidth, window.innerHeight );
|
|
|
player.play();
|
|
|
|
|
|
document.body.appendChild( player.dom );
|
|
|
|
|
|
+ if ( json.project.editable === true ) {
|
|
|
+
|
|
|
+ var button = document.createElement( 'div' );
|
|
|
+ button.id = 'edit';
|
|
|
+ button.textContent = 'EDIT';
|
|
|
+ button.addEventListener( 'click', function ( event ) {
|
|
|
+
|
|
|
+ var url = location.href.split( '/' ).slice( 0, - 1 ).join( '/' );
|
|
|
+ location.href = 'http://threejs.org/editor/#file=https://crossorigin.me/' + url + '/app.json';
|
|
|
+
|
|
|
+ }, false );
|
|
|
+ document.body.appendChild( button );
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
window.addEventListener( 'resize', function () {
|
|
|
player.setSize( window.innerWidth, window.innerHeight );
|
|
|
} );
|
Mr.doob