draw text to canvas

Hi Guys,

@Gliftek, many thanks for your solution earlier. You helped me a lot.
By the time I figured this out myself, I would be grey.
Thanks.

So I managed to draw text on a canvas. Struggled a bit with the custom font part. And then I noticed there was a piece of puzzle for that.

Now I have some strange behaviour.
If I preview the app local, it works like a charm. But, when i upload it to the Verge CDN, it doesn’t load the font.

The link to the app on CDN

Does anyone have a clue ?

It must be some cache issue. Thanks a lot!

Hi Guys,
Looks like every milestone has some issues
Now, i have my font in place, but for some odd reason it doesnt update after changing the text….

First i tought, I need to update in the script. like on How-to-update-things.html but that doesn’t change anything. The string is passed to the script correct.
Does anyone have a clue what i miss ? It must be something simple.

function prepareExternalInterface(app) {
    app.ExternalInterface.myJSFunction = function(myText) {
        //window.addEventListener("load", function(){
            var canvasTxt = window.canvasTxt.default;
            var canvasTex = v3d.puzzles.canvasTextures['my_canvas'];
            var canvas = canvasTex.image;
            var ctx = canvas.getContext("2d");
            var txt = myText;
            console.log(txt);
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.restore();
            canvasTxt.fontSize = 80;
            ctx.fillStyle = '#0234d6'
            canvasTxt.font = 'BacktoBlack'
            canvasTxt.drawText(ctx,txt,100,100,800,800);
            ctx.save();
            ctx.needsUpdate = true;
            //canvasTxt.drawText(ctx,txt,x,y,width,height);
        //});
    };
};

Hi Yuri,
Its just a placholder with the parameters as a comments. 2 Lines up we have the one that executes.

Hi Yuri,
Thanks a lot pal, sometimes the answer is so plain simple that I can’t see it anymore. I use the Canvas TXT library to center and multiline texts.
I keep this tread updated for later reference.

Thanks again. You guys are awesome.

did you include a “load font” puzzle in your initialization tab in your puzzles editor for your specific font?

Jeah, i did. I am Beginning to understand how the whole canvas stuff works.
Got a nice big project for it in the near future