Offscreen Canvas with Textures

Mugen87 · December 23, 2019, 3:20pm

The official offscreen canvas demo does this:

mrdoob/three.js/blob/e9f31ad154d2cc314f37b5a8da4bdddd4f1bde7e/examples/js/offscreen/scene.js#L17-L21


	var loader = new THREE.ImageBitmapLoader().setPath( path );
	loader.setOptions( { imageOrientation: 'flipY' } );
	loader.load( 'textures/matcaps/matcap-porcelain-white.jpg', function ( imageBitmap ) {


		var texture = new THREE.CanvasTexture( imageBitmap );

I’m afraid you need to share your code as a live example or git repository so it’s possible to debug the issue.

Topic		Replies	Views
Offscreen Canvas compatibility? Questions canvas	4	2098	October 5, 2018
Using offScreenCanvas to pre-load textures in GPU Questions textures	1	1194	June 7, 2020
Need to drawImage on 2D canvas the image data from THREE.WebGLRenderTarget Questions textures	4	4353	October 9, 2018
Creating a CubeMap for offscreenCanvas Questions cube-map , cube-texture , offscreen-canvas	0	281	May 28, 2023
How can I copy a WebGLRenderTarget texture to a canvas Questions render-target , canvas	4	5051	February 21, 2021

Offscreen Canvas with Textures

Related Topics