Forum

Canvas texture

31 October 2016 11:06 #13199
This is what I'm getting but I don't know what's wrong this is my code
The code looks correct. Can you show us a blend-file?

Example from Ivan not started for me (error with navmesh. Suddenly…)
Ahh, this is because it was made for the 16.09 version before the latest release, which introduced the new navmesh module. This kind of errors can be easily fixed through the Project Manager's "check modules"->"update modules" operation:




Anyway, this is the fixed demo for the 16.10: fixed_v16_10.zip
Blend4Web Team
01 November 2016 07:59 #13226
Here is my blend file

And the example that you send I cannot see it in my browser because of this

NS_ERROR_UNKNOWN_PROTOCOL

the preloader show up but it keeps in 1%.

And for the record I have already downloaded the latest release

Thanks
01 November 2016 12:18 #13230
Here is my blend file
you've made a little mistake: you should use the Converter->Vector Math->Subtract node instead of the Converter->Math->Subtract here:



and make the corresponding links from the "vector" output not from the "value"

And the example that you send I cannot see it in my browser because of this
NS_ERROR_UNKNOWN_PROTOCOL
Hmm, it seems like something is wrong with the address of one of the loaded resources. Can you provide us please with an additional info? What the page address looks like when you launch the example? Also, could you show the full console output for this error?
Blend4Web Team
01 November 2016 22:22 #13252
Oh it works… I'm sorry both nodes are a little bit similar so… my fault….

Here it is
LINK

The only thing left it's change the size of the image, rotate the image and if the image have transparent background it doesn't have to show that white rectangle.

If I'm not mistaken I have to add more sliders and nodes but like I said at the beggining of this topic I'm new with nodes :/ where can I find info to achieve this?
02 November 2016 12:12 #13259
The only thing left it's change the size of the image, rotate the image and if the image have transparent background it doesn't have to show that white rectangle.

Here's the example: test.blend.
Rotation and scale can be done through the corresponding mathematical transformations. Math and Vector Math nodes are very suitable to do it. Also, it should be noticed, that rotation goes around the canvas center, so drawing the image centered should yield the best result. I've added the "Value" nodes to control every transform independently.

FYI, there are some transformation methods for the canvas context, that allows you to draw the image scaled and rotated: link, but it's also tricky to control the proper position of the drawn image.

You have an opaque background, because you are using a JPEG image, which cannot contain an alpha channel. You should use PNG and the image should be transparent itself.

If I'm not mistaken I have to add more sliders and nodes but like I said at the beggining of this topic I'm new with nodes :/ where can I find info to achieve this?
Yes, you can more sliders or some other input fields to change the "Value" nodes in the node material.
If you want to know more about the node materials you can read about them in the Blender Manual, or search for more concrete blender tutorials. You can also read the corresponding chapter in the blend4web manual, but the information there mostly describes our special nodes, which are very specific.
Blend4Web Team
 
Please register or log in to leave a reply.