Verge3D 3.3 pre3 available!

Yuri Kovelenov wrote:

GlifTek wrote:

specific loaded image on the canvas puzzle texture replacement, not a happy face doodle?

sure you can do that! https://www.w3schools.com/tags/canvas_drawimage.asp

hey Yuri,
So i’m just now getting back to trying this out.

i’ve got

function runCode(app) {

    //from verge
var canvasTex = v3d.puzzles.canvasTextures['my_canvas'];

var canvas = canvasTex.image;

var ctx = canvas.getContext("2d");

    //from W3

      // var c = document.getElementById("my_canvas");
      // var ctx = c.getContext("2d");
       var img = document.getElementById("SVGimage");
       ctx.drawImage(img, 200, 200);
 

      canvasTex.needsUpdate = true;

};

so that’s the starting point, just from the user manual and from w3..
my dimensions and image id.
the image is in the html also.
how am i to merge the two sample code without getting the

“KHR_parallel_shader_compile extension not supported.” error?

link to w3 try it code –

my puzzle

thnx

Yuri Kovelenov wrote:

Hi,

GlifTek wrote:

“KHR_parallel_shader_compile extension not supported.” error?

this is just a warning which can be safely ignored. Otherwise does it work as intended?

no. not even with a png.
i can get the w3 example working just fine.. Even with an SVG, or png

i can also reproduce the smiley face from the user guide.

i cannot, however, get the w3 instructions on drawing images on canvas COMBINED into the example on the user guide with the puzzle to replace the texture from the blender material.

have you got it working?

I need to know if this works or not as to decide the path the dev is going to take on a major project that depends on svg in 3d.

it’s either drawn to canvas on textures in verge blender materials

or it’s drawn to css3d matched over the verge scenario.

i need to know NOW which way this is going to develop.

if we cannot draw referenced IMAGES straight to the canvas texture from the verge puzzle then i need to know NOW.

major shift going on that is TIME dependent..

i appreciate the effort.

not to be an ass, but i need to be on point.

thanks.

Yuri Kovelenov wrote:

Hi,
I really want to help but having troubles to understand what’s wrong with that code. Can you isolate the issue in a simple project and attach here?

sorry if i’m being was harsh.

this has been complicated by erroneous VSC add ons that are fussing with liveserver….grrr…

Yuri Kovelenov wrote:

glad you got it working!

Hi yuri,
Sorry bout that.
Got it working in the run your code here section as shown in the user manual.

Thing is, if I want to make img.src = myVar how would I reference myVar that FROM a var in puzzles?

Do I have to pass to parent.window etc?

I know how to do that in the Call JS method, but using the code that way won’t work.

Any way to pass a puzzles variable to the run code here section?

Thanks!

P.S.: does this have to do with using .document

Yuri Kovelenov wrote:

Hi,

GlifTek wrote:

I want to make img.src = myVar how would I reference myVar that FROM a var in puzzles?

You might create a procedure (with return value) in the Puzzles, say getMyVar, with the only purpose of retrieving the value of your variable. Then you can call this procedure from JS as follows:
var myVar = v3d.puzzles.procedures.getMyVar();

because “run here” always follows puzzles..
but wouldn’t a “return” be asking for puzzles to get a var from the js?

as opposed to what i’m intersted in which is sending a puzzles var to the js in order to be used in the “run here” canvas img.src value?

..

Trying to PUT a puzzles variable. INTO the “run your code here” area.

Yuri Kovelenov wrote:

GlifTek wrote:

sending a puzzles var to the js in order to be used in the “run here” canvas img.src value?

Yep, my suggestion should work for this case.

Ok. Will take a stab at it, thanks.