In the canvas example, when I passed canvas to a canvas method for drawing animations that I had encapsulated, it didn't show up

In the canvas example, passing canvas to a canvas method for drawing animations that I have encapsulated won't show up. However, I can use the canvas in the web page to pass it to the encapsulated method, and it will work

Hi all who can tell me why？

<hotspot url="canvas.js" distorted="true" ath="10" atv="10" scale="0.7" ondown="drawing();" />

local.registerplugin = function(krpanointerface, pluginpath, pluginobject)
{
    krpano = krpanointerface;
    plugin = pluginobject;

    // create the HTML5 canvas object
    canvas = document.createElement("canvas");

    // set the canvas size
    canvas.width = canvas_width;
    canvas.height = canvas_height;
    plugin.registercontentsize(canvas_width, canvas_height);

    // add the canvas as 'videoDOM' element to krpano,
    // krpano then thinks this is a video-element and updates
    // its texture everytime when its currentTime value changes
    plugin.videoDOM = canvas;

    // fake some video-related properties
    plugin.videowidth = canvas_width;
    plugin.videoheight = canvas_height;
    canvas.readyState = 4;
    canvas.videoWidth = canvas_width;
    canvas.videoHeight = canvas_height;
    canvas.currentTime = 1;
    if (plugin.onvideoreadyCB)
       plugin.onvideoreadyCB();

    // draw something
    initCanvasAnimate(canvas);  //init canvas methods

    // add plugin API actions for doing something
    plugin.setsize = action_setsize;
    plugin.drawline = action_drawline;
}

function initCanvasAnimate(canvas: HTMLCanvasElement) {
		const animate  = YuCanvasAnimte.createSDK({
			canvas: canvas,
		})
		throw new Error('not support')
	} catch (error) {
		console.error(error)
	}
}

Quote from klaus.krpano

Hi,

everytime the canvas content changes, also the canvas.currentTime variable should be increased.
With that krpano will know that the related WebGL texture needs to be updated with the canvas in the next frame.

See this line in the original example:

Code

// increase the 'video-time' to force a redraw
canvas.currentTime++;

Best regards,
Klaus

Hi Klaus

My current problem is not that the canvas is not updated, but that I need to create a Creating WebGL 2.0 context in my YuCanvasAnimte.createSDK.

Looking forward to your answer

who can help me ? please answer this question thank you

Quote from klaus.krpano

Any information about that 'YuCanvasAnimte.createSDK' - what is it, how does it work?

YuCanvasAnimte. It will use the model and animation created with unity, then create a webgl2 content, and finally mount it onto the canvas

Oh oh, let me put it another way. If a model animation is loaded in the form of a hotspot in the space, and this animation is ultimately a character model rendered using canvas webgl, can a plugin like krpano no longer use the canvas inside krpano in the example for continuation？

Quote from klaus.krpano

And how to use it?
Is there an API?
And what exactly do you want to do?

Use this npm package botasdk to load a digital human in space, not in the form of a video