# Handles for the translation and rotation

**URL:** <https://forum.techsoft3d.com/t/handles-for-the-translation-and-rotation/4657>\
**Category:** HOOPS Visualize Web\
**Tags:** webviewer\
**Created:** [May 15, 2025, 4:32pm UTC](https://forum.techsoft3d.com/t/handles-for-the-translation-and-rotation/4657 "2025-05-15T16:32:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nivedita.srivastava](https://avatars.discourse-cdn.com/v4/letter/n/90ced4/32.png) [@nivedita.srivastava](https://forum.techsoft3d.com/u/nivedita.srivastava)\
**Post date:** [May 15, 2025, 4:32pm UTC](https://forum.techsoft3d.com/t/handles-for-the-translation-and-rotation/4657/1 "2025-05-15T16:32:02Z")

</div>

why addAxisTranslationHandle( new Point3(0,0,0), new Point3(1, 0, 0), Color.red()); is not working , handles are visible on canvas but after clicking it, does not translate the model, and it behaves same for the other methods except addHandles() only it is working.

---

<div class="post-metadata">

**Author:** ![tino](https://avatars.discourse-cdn.com/v4/letter/t/9dc877/32.png) [@tino](https://forum.techsoft3d.com/u/tino)\
**Post date:** [May 15, 2025, 5:54pm UTC](https://forum.techsoft3d.com/t/handles-for-the-translation-and-rotation/4657/2 "2025-05-15T17:54:58Z")

</div>

There is an example on setting transformation handles as part of the [quickstart](https://docs.techsoft3d.com/communicator/latest/overview/quickstart.html#quickstart) module of the Communicator package. To view this example, please do the following:

- Launch the server by double-clicking start\_server.bat found in the directory _HOOPS\_Communicator\_2025.3.0\quick\_start_
- Load the handle example in the Web Viewer by clicking this URL:  
[http://localhost:11180/handles.html?viewer=csr](http://localhost:11180/handles.html?viewer=csr)

---

<div class="post-metadata">

**Author:** ![nivedita.srivastava](https://avatars.discourse-cdn.com/v4/letter/n/90ced4/32.png) [@nivedita.srivastava](https://forum.techsoft3d.com/u/nivedita.srivastava)\
**Post date:** [May 22, 2025, 7:02am UTC](https://forum.techsoft3d.com/t/handles-for-the-translation-and-rotation/4657/3 "2025-05-22T07:02:16Z")

</div>

it’s not working, is there any issue with this method??

---

<div class="post-metadata">

**Author:** ![tino](https://avatars.discourse-cdn.com/v4/letter/t/9dc877/32.png) [@tino](https://forum.techsoft3d.com/u/tino)\
**Post date:** [May 22, 2025, 11:00am UTC](https://forum.techsoft3d.com/t/handles-for-the-translation-and-rotation/4657/4 "2025-05-22T11:00:25Z")

</div>

Let’s try this:

```auto
let handleOperator = hwv.operatorManager.getOperator(Communicator.OperatorId.Handle);

handleOperator.setNodeIds([64]); //pick a node to move

let position = new Communicator.Point3(0, 0, 0);
let axis = new Communicator.Point3(1, 0, 0);
let color = new Communicator.Color(255, 0, 0);

await handleOperator.addAxisTranslationHandle(position, axis, color);
	
handleOperator.showHandles();

```

![handle_operator](https://us1.discourse-cdn.com/flex020/uploads/techsoft3d/original/2X/7/7115bc6911f234a983b707cb3f52da1524fa79f1.gif)

---

<div class="post-metadata">

**Author:** ![nivedita.srivastava](https://avatars.discourse-cdn.com/v4/letter/n/90ced4/32.png) [@nivedita.srivastava](https://forum.techsoft3d.com/u/nivedita.srivastava)\
**Post date:** [May 22, 2025, 11:26am UTC](https://forum.techsoft3d.com/t/handles-for-the-translation-and-rotation/4657/5 "2025-05-22T11:26:17Z")

</div>

thanks,its working now