How to add additional renderers to the main loop

[freshcutdevelopment]

I'm currently using iTowns to render point clouds. It's working great.

As a next step I'd like to add measurement using the Raycaster, something like this?

https://sbcode.net/threejs/measurements

However, I can't see an easy way of adding additional renderers to the main loop. I need to be able to do something like this:

function animate() {
    requestAnimationFrame(animate)

    controls.update()

    render()

    stats.update()
}

function render() {
    labelRenderer.render(scene, camera)
    renderer.render(scene, camera)
}

Is this achievable? If somebody could point me in the right direction that'd be very helpful.

[jailln]

Hi,
You can add a FrameRequester to the view with addFrameRequester. You can specify when this FrameRequester will be executed with one of the main loop events. For instance, to render the labels after the scene has been rendered, you can write something like:

function renderLabel() {
    labelRenderer.render(view.scene, view.camera.camera3D);
}
view.addFrameRequester(MAIN_LOOP_EVENTS.AFTER_RENDER, renderLabel);

A distance measurement tool would benefit itowns community, would you be keen to implement it as an itowns widget and push it to the main repository? :) (widgets in itowns are applicative features packaged separately from itowns that are configurable and can be used by other people building applications with itowns, an example is the minimap widget.

I openned an issue a few months ago to add two widgets: an elevation measurement tool, which I already started to implement and a distance measurement tool like you want to implement.