How to create 2D playing cards

Dear All,

I have a newbie question: How to create 2D cards, like in a card game but to have them in 3d?

Would I need to create 2D planes in blender or could I create them dynamically in JavaScript?

And to apply a texture to them would this be easy?

Please help if you can.

Thanks

There are some ways to do it :) I talked with our coder and we decided that the better way is to use canvas textures.

Here is an exapmle:

cards.zip

Wow this is awesome! Thanks!

Ответ на сообщение пользователя Pavel Kotov
There are some ways to do it :) I talked with our coder and we decided that the better way is to use canvas textures.

Here is an exapmle:

cards.zip

Is it ok to use this example as the basis for a GPLv3 project? I am making a 3d game which will be GPLv3.

Is it ok to use this example as the basis for a GPLv3 project? I am making a 3d game which will be GPLv3.

Of course! Not sure about textures though, they were simply downloaded from somewhere.

Ответ на сообщение пользователя Yuri Kovelenov
Of course! Not sure about textures though, they were simply downloaded from somewhere.

Thanks. It may seem like an odd question, but is there an easy way to texture multiple cards with different textures? I have created some duplicate cards and I want to somehow have different textures on each card. I tried changing the material/texture on each card but it did not work, they all have the same texture.

Thanks. It may seem like an odd question, but is there an easy way to texture multiple cards with different textures? I have created some duplicate cards and I want to somehow have different textures on each card. I tried changing the material/texture on each card but it did not work, they all have the same texture.

Well, I would recommend creating the whole pack of cards in Blender. That would also allow to use a single texture atlas for all the images and would greatly improve the app's loading speed and the overall performance.

Ответ на сообщение пользователя Yuri Kovelenov
Well, I would recommend creating the whole pack of cards in Blender. That would also allow to use a single texture atlas for all the images and would greatly improve the app's loading speed and the overall performance.

You are right that would make more sense. I am also interested in how to use canvas textures just generally interested anyway. I have found your canvas_texture demo and I see that there is a Blend4Web section under the 'Texture' tab in Blender - where you can set the source id of that texture. However I don't seem to be able to get this Blend4Web section to appear in another Blender file.

I apologise for such newbie questions

I have found your canvas_texture demo and I see that there is a Blend4Web section under the 'Texture' tab in Blender - where you can set the source id of that texture. However I don't seem to be able to get this Blend4Web section to appear in another Blender file.

Is there something I am missing?

Maybe a different texture type?
https://www.blend4web.com/doc/en/textures.html#index-12

Sorry, I just figured out how to do it! You select "Blend4Web" from the top menu bar. Silly me!

I am using a newly created Blender file for testing and…

For some reason there is no mention of a canvas inside the "Blend4Web" section under the 'Texture' tab.