19 lines
502 B
JavaScript
19 lines
502 B
JavaScript
|
export const textureGradient = (width, height, color1, color2) => {
|
||
|
|
const cnv = document.createElement("canvas");
|
||
|
|
|
||
|
|
const ctx = cnv.getContext("2d");
|
||
|
|
ctx.rect(0, 0, cnv.width, cnv.height);
|
||
|
|
|
||
|
|
const gradient = ctx.createLinearGradient(0, 0, width / 4, 15 * height);
|
||
|
|
gradient.addColorStop(0, color1);
|
||
|
|
gradient.addColorStop(1, color2);
|
||
|
|
|
||
|
|
ctx.fillStyle = gradient;
|
||
|
|
ctx.fill();
|
||
|
|
|
||
|
|
const texture = new THREE.Texture(cnv);
|
||
|
|
texture.needsUpdate = true;
|
||
|
|
|
||
|
|
return texture;
|
||
|
|
};
|