[Question] Woscope integration about two.js HOT 3 OPEN

I'm not familiar with Woscope, but you can always get the canvas element through the domElement property of Two.js's renderers like so:

const two = new Two({ type: Two.Types.webgl }):
const canvas = two.renderer.domElement;

Since, Woscope is using a canvas, you need to set the appropriate type. Alternatively, like Woscope, you could make a <canvas /> element and pass it in to Two.js like so:

const canvas = document.getElementById('my-canvas');
const two = new Two({
  type: Two.Types.webgl,
  domElement: canvas
});

from two.js.

ok, but would I be able to add things managed by Two.js to the canvas? for example, add a frame to the osciloscope and change its size?

from two.js.

I don't know how Woscope works, so I can't give you an answer to that. If you want to keep Woscope's content and Two.js content, then you'll want to enable overdraw: https://two.js.org/docs/renderers/webgl/#overdraw

Like so:

const two = new Two({
  type: Two.Types.webgl,
  overdraw: true
});

This will disable Two.js from clearing all content on the canvas every frame before it starts its own rendering.

from two.js.