Skip to content Skip to sidebar Skip to footer

Sprite Scaling Causes Incorrect Positioning And Rotation In Three.js

I'm trying to create a sprite with text. I'm not using TextGeometry for performance reasons. var fontsize = 18; var borderThickness = 4; var canvas = document.createElement('canvas

Solution 1:

Solved. I had to change the canvas size just after canvas creation:

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');

var size = 56;
canvas.height = size;
canvas.width = size;

https://jsfiddle.net/03h4fyka/1/

Credits to WestLangley. I have another problem, I'll post it in another question.

Post a Comment for "Sprite Scaling Causes Incorrect Positioning And Rotation In Three.js"