# How to show the floorplan and walk with avatar?

**URL:** <https://forum.techsoft3d.com/t/how-to-show-the-floorplan-and-walk-with-avatar/1709>\
**Category:** HOOPS Visualize Web\
**Created:** [March 10, 2023, 7:25am UTC](https://forum.techsoft3d.com/t/how-to-show-the-floorplan-and-walk-with-avatar/1709 "2023-03-10T07:25:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![619944680](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/619944680/32/516_2.png) [@619944680](https://forum.techsoft3d.com/u/619944680)\
**Post date:** [March 10, 2023, 7:25am UTC](https://forum.techsoft3d.com/t/how-to-show-the-floorplan-and-walk-with-avatar/1709/1 "2023-03-10T07:25:09Z")

</div>

I have tried following code to enable the floorplan view:

```auto
        let op = tk.hwv.operatorManager.getOperator(Communicator.OperatorId.Walk);
        op.resetDefaultWalkSpeeds();

        tk.hwv.floorplanManager.setOverlayAnchor(Communicator.OverlayAnchor.UpperRightCorner);
        tk.hwv.floorplanManager.setAutoActivate(Communicator.FloorplanAutoActivation.Bim);
        tk.hwv.floorplanManager.setZoomLevel(1);
        tk.hwv.floorplanManager.setTrackCameraEnabled(true);
        tk.hwv.floorplanManager.setOverlaySize(new Communicator.Point2(0.5, 0.5), Communicator.OverlayUnit.ProportionOfCanvas, Communicator.OverlayUnit.ProportionOfCanvas);
        tk.hwv.floorplanManager.activate();

```

But I want to use the mouse or keyboard to control the avatar walkthrough,I have seen videos with this effect on YouTube  
What configuration should I do to achieve the effect in the video?

[![](https://us1.discourse-cdn.com/flex020/uploads/techsoft3d/original/1X/991de6b678165a37ebf75610d0812646e3388741.jpeg "HOOPS Communicator 2021 - Floorplan Generation") ](https://www.youtube.com/watch?v=_sSyGnFUyfA)

---

<div class="post-metadata">

**Author:** ![guido](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/guido/32/115_2.png) [@guido](https://forum.techsoft3d.com/u/guido)\
**Post date:** [March 10, 2023, 12:35pm UTC](https://forum.techsoft3d.com/t/how-to-show-the-floorplan-and-walk-with-avatar/1709/2 "2023-03-10T12:35:58Z")

</div>

Not sure I understand the question correctly, but you just need to set the walk operator via the operatorManager.

See below for an example:  
[https://3dsandbox.techsoft3d.com/?snippet=5S3JxomNtmWioW01VMCFJZ](https://3dsandbox.techsoft3d.com/?snippet=5S3JxomNtmWioW01VMCFJZ)