xrsh
/
xrsh
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

handmenu wip

This commit is contained in:
Leon van Kammen 2025-02-28 16:58:10 +01:00
parent 435ac2fc51
commit 266fee20ef
1 changed files with 20 additions and 9 deletions

29
src/index.html
View File

@ -9,6 +9,7 @@
<script src="com/require.js"></script>
<script src="com/isoterminal.js"></script>
<script src="com/wearable.js"></script>
</head>
<body style="background:linear-gradient( 45deg, #324, #8c74ff)">
@ -18,25 +19,35 @@
renderer="colorManagement: false; stencil: true; antialias:true; highRefreshRate:true; foveationLevel: 0.5;"
xr-mode-ui="XRMode: xr"
obb-collider="showColliders:false"
raycaster="objects: [html]; interval:100;">
raycaster="objects: [html]; interval:100;"
>
<a-assets>
<a-mixin id="menuitem" geometry="primitive: box; width: 0.05; height: 0.05; depth: 0.01" obb-collider="size: 0.03 0.03 0.03" ></a-mixin>
<a-mixin id="menubutton" geometry="primitive: circle; radius: 0.025" material="side: double; color:#4C73FE"
obb-collider="size: 0.03 0.03 0.03" position="0.1 0.1 0.1" rotation="94.53 -6.35 -59.0"></a-mixin>
</a-assets>
<a-entity isoterminal="iso: ./../xrsh.iso; overlayfs: /package.overlayfs.zip; bootMenuURL: 1" position="0 1.6 -0.3"></a-entity>
<a-entity id="player" >
<a-entity camera="fov:90" position="0 1.6 0" id="camera" wasd-controls com="uri: com/control/gaze-touch-to-click.js"></a-entity>
<a-entity id="left-hand" hand-tracking-grab-controls="hand: left; modelColor: #cccccc; hoverEnabled:true" laser-controls="hand: left" raycaster="objects:.ray,[html]" blink-controls="cameraRig:#player; teleportOrigin: #camera; collisionEntities: #floor">
<a-entity rotation="-35 0 0" position="0 0.1 0" id="navigator">
<a-entity id="back" xrf-button="label: <; width:0.05; action: history.back()" position="-0.025 0 0" class="ray"></a-entity>
<a-entity id="next" xrf-button="label: >; width:0.05; action: history.forward()" position=" 0.025 0 0" class="ray"></a-entity>
</a-entity>
<a-entity id="player">
<a-entity camera="fov:90" position="0 1.6 0" id="camera" wasd-controls gaze-touch-to-click></a-entity>
<a-entity id="left-hand" hand-tracking-grab-controls="hand: left; modelColor: #EEEEEE; hoverEnabled:true"
laser-controls="hand: left"
raycaster="objects:.ray,[html]"
blink-controls="cameraRig:#player; teleportOrigin: #camera; collisionEntities: #floor"
>
</a-entity>
<a-entity id="right-hand" hand-tracking-grab-controls="hand: right; modelColor: #EEEEEE; hoverEnabled:true"
laser-controls="hand: right"
raycaster="objects:.ray,[html]"
blink-controls="cameraRig:#player; teleportOrigin: #camera; collisionEntities: #floor"
com="uri: com/control/pinch-to-teleport.js; rig: #player"></a-entity>
pinch-to-teleport="rig: #player"></a-entity>
</a-entity>
<!--a-entity launcher wearable="el: #left-hand"></a-entity> -->
<a-entity launcher wearable="el: #left-hand; position: 0 0 0" position="0 1 0"></a-entity>
</a-scene>
</body>