coderofsalvation/xrfragment-haxe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated docs

Browse source
This commit is contained in:
Leon van Kammen 2023-05-08 14:36:13 +02:00
parent 67ca7ce066
commit 76e0b9c7b9
2 changed files with 23 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
example/threejs/sandbox/index.html
View file

@ -9,13 +9,13 @@
<link type="text/css" rel="stylesheet" href="./../../assets/style.css"/> <link type="text/css" rel="stylesheet" href="./../../assets/style.css"/>
</head> </head>
<body> <body>
<div id="overlay" x-data="{ urls: ['#pos=0,2,3'] }"> <div id="overlay" x-data="{ urls: ['#pos=-1,1.6,10','#pos=-1,1.6,2'] }">
<img src="./../../assets/logo.png" class="logo"/> <img src="./../../assets/logo.png" class="logo"/>
<input type="submit" value="load 3D asset"></input> <input type="submit" value="load 3D asset"></input>
<input type="text" id="uri" list="urls" value="#pos=0,2,3" x-on:change="XRF.eval( $('#uri').value, XRF.getLastModel() )"/> <input type="text" id="uri" list="urls" value="#pos=-1,1.6,10" x-on:change="XRF.eval( $('#uri').value, XRF.getLastModel() )"/>
<datalist id="urls" > <datalist id="urls" >
<template x-for="url in urls"> <template x-for="url in urls">
<option x-text="url"></option> <option x-bind:value="url" selected></option>
</template> </template>
</datalist> </datalist>
</div> </div>
@ -149,26 +149,26 @@
}; };
let file = 'example2.gltf#pos=0,1,2' let file = 'example2.gltf'
$('#model').setAttribute("href","./../../asset/"+file) $('#model').setAttribute("href","./../../asset/"+file)
loader.load( file, loadGLTF ); loader.load( file, loadGLTF );
// setup mouse controls // setup mouse controls
controls = new OrbitControls( camera, renderer.domElement ); //controls = new OrbitControls( camera, renderer.domElement );
controls.listenToKeyEvents( window ); // optional //controls.listenToKeyEvents( window ); // optional
controls.enableDamping = true; // an animation loop is required when either damping or auto-rotation are enabled //controls.enableDamping = true; // an animation loop is required when either damping or auto-rotation are enabled
controls.dampingFactor = 0.1; //controls.dampingFactor = 0.1;
controls.screenSpacePanning = false; //controls.screenSpacePanning = false;
controls.minDistance = 0.1; //controls.minDistance = 0.1;
controls.maxDistance = 5000; //controls.maxDistance = 5000;
controls.maxPolarAngle = Math.PI / 2; //controls.maxPolarAngle = Math.PI / 2;
controls.target = new THREE.Vector3(0,1.6,0) //controls.target = new THREE.Vector3(0,1.6,0)
camera.position.set( 0, 1.6, 10 ); camera.position.set( -1, 1.6, 10 );
controls.update() //controls.update()
const geometry = new THREE.BufferGeometry(); const geometry = new THREE.BufferGeometry();
geometry.setFromPoints( [ new THREE.Vector3( 0, 0, 0 ), new THREE.Vector3( 0, 0, - 5 ) ] ); geometry.setFromPoints( [ new THREE.Vector3( 0, 0, 0 ), new THREE.Vector3( 0, 0, - 5 ) ] );
@ -266,7 +266,7 @@
if( XRF.getLastModel() ) XRF.getLastModel().render(scene,camera) if( XRF.getLastModel() ) XRF.getLastModel().render(scene,camera)
controls.update() //controls.update()
renderer.render( scene, camera ); renderer.render( scene, camera );
stats.update(); stats.update();

14
index.html
View file

File diff suppressed because one or more lines are too long