# Customise hands and laser (raycaster) for headsets in Cloud Editor

**URL:** <https://forum.8thwall.com/t/customise-hands-and-laser-raycaster-for-headsets-in-cloud-editor/3381>\
**Category:** Technical Support\
**Created:** [October 30, 2024, 2:24pm UTC](https://forum.8thwall.com/t/customise-hands-and-laser-raycaster-for-headsets-in-cloud-editor/3381 "2024-10-30T14:24:31Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jeremy\_Immordino](https://avatars.discourse-cdn.com/v4/letter/j/e19adc/32.png) [@Jeremy\_Immordino](https://forum.8thwall.com/u/Jeremy_Immordino)\
**Post date:** [October 30, 2024, 2:24pm UTC](https://forum.8thwall.com/t/customise-hands-and-laser-raycaster-for-headsets-in-cloud-editor/3381/1 "2024-10-30T14:24:31Z")

</div>

Hey

I have trouble to find how to customise the basic hands and lasers for headsets

Just having no more laser would be great

raycaster=“showLine: false;” and/or cursor=“fuse: false; rayOrigin: mouse;”\> doesnt seems to work

I guess its possible as there is no more laser in [Wol](https://www.8thwall.com/niantic/meetwol) project

Thanks !

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [October 30, 2024, 3:16pm UTC](https://forum.8thwall.com/t/customise-hands-and-laser-raycaster-for-headsets-in-cloud-editor/3381/2 "2024-10-30T15:16:41Z")

</div>

Hi! You’re looking for the hand-controls component from A-Frame.

> **[A-Frame – Make WebVR](https://aframe.io/docs/1.6.0/components/hand-controls.html)**
>
> A web framework for building virtual reality experiences. Make WebVR with HTML and Entity-Component. Works on Vive, Rift, desktop, mobile platforms.

---

<div class="post-metadata">

**Author:** ![Jeremy\_Immordino](https://avatars.discourse-cdn.com/v4/letter/j/e19adc/32.png) [@Jeremy\_Immordino](https://forum.8thwall.com/u/Jeremy_Immordino)\
**Post date:** [October 30, 2024, 5:52pm UTC](https://forum.8thwall.com/t/customise-hands-and-laser-raycaster-for-headsets-in-cloud-editor/3381/3 "2024-10-30T17:52:21Z")

</div>

Hi George and thank you for quick reply !

I tried this already but I cant override the default one  
Even if I try to setup a new one it is just build on top of the default one

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [October 30, 2024, 6:07pm UTC](https://forum.8thwall.com/t/customise-hands-and-laser-raycaster-for-headsets-in-cloud-editor/3381/4 "2024-10-30T18:07:14Z")

</div>

Would you mind showing your code?

---

<div class="post-metadata">

**Author:** ![Jeremy\_Immordino](https://avatars.discourse-cdn.com/v4/letter/j/e19adc/32.png) [@Jeremy\_Immordino](https://forum.8thwall.com/u/Jeremy_Immordino)\
**Post date:** [October 31, 2024, 9:24am UTC](https://forum.8thwall.com/t/customise-hands-and-laser-raycaster-for-headsets-in-cloud-editor/3381/5 "2024-10-31T09:24:40Z")

</div>

Sure we can use the A-frame World template :

```auto

<!-- Copyright (c) 2022 8th Wall, Inc. -->
<!-- body.html is optional; elements will be added to your html body after app.js is loaded. -->

<a-scene
  xrextras-tap-recenter
  landing-page
  xrextras-loading
  xrextras-runtime-error
  xrextras-gesture-detector
  xrweb="allowedDevices: any; disableDefaultEnvironment: true; disableXrTablet: true;">

  <a-entity
    light="
      type: directional; 
      castShadow: true; 
      color: white; 
      intensity: 0.5"
    position="5 10 7">
  </a-entity>

  <a-light type="ambient" intensity="0.5"></a-light>

  <a-camera 
position="0 2 2" 
raycaster="showLine: false;" 
cursor="fuse: false; 
rayOrigin: mouse;">
  </a-camera>

  <a-entity
    id="leftHand"
    hand-controls="hand: left; handModelStyle: lowPoly; color: #ff0000">
  </a-entity>

  <a-box
    xrextras-one-finger-rotate
    position="0 0.5 0"
    material="
      color: #AD50FF; shader: flat; 
      src: https://cdn.8thwall.com/web/assets/cube-texture.png"
    shadow>
  </a-box>

  <a-plane
    height="2000"
    width="2000"
    rotation="-90 0 0"
    material="shader: shadow; opacity: 0.67"
    shadow>
  </a-plane>
</a-scene>

```

I tried raycaster=“showLine: false;”

I found this yesterday for custom texture on hands where @joshmao used threeJS (I didnt tried yet) but I still need some help to control the lasers display

> [@Custom Texture On Hand](https://forum.8thwall.com/t/custom-texture-on-hand/1491):
>
> How can we use custom textures on hand? I have tried with threejs. Only one color is showing instead of texture.

Thank you again !