Material3D extension (textures, color and transparency)

GDevelop general Extensions
1

Here’s a small extension to manipulate color and transparency of 3D objects:

I tried adding support for “metalness” and “roughness” (found in Three js material properties), but it didn’t work in GDevelop.

Download and demo:

9 Likes
2

​A new version (v1.1) has been released. It adds the following features:

  • loading textures from resource files
  • loading textures from URLs
  • texture wrapping modes - wrapS (horizontal) and wrapT (vertical)
  • texture repeating - X (horizontal) and Y (vertical)
  • texture offset in percentage - X (horizontal) and Y (vertical)

Download and demo on the same link (1st post)

4 Likes
3

this is awesome keep up the good work

2 Likes
4

this will be really useful
now 3d can be added to my engine i was having problems with 3d textures

2 Likes
5

Thank you! I wanted to use space ships from the asset store, and there is 11 of them in 5 different colors. So instead of adding 55 models to my game, I can now add 11 space ships and just change textures to change colors.

Next, I will try to add video textures.

1 Like
6

Hi, good job!
I’m trying to capture the view of a camera to make a dynamic texture. I’m going round in circles, do you have a solution? Thanks

7

woah, hey— mind if i expand upon this extension?

8

Depending on what you intend to do with it, it might be better to send me an updated version (with a short description of what was changed) as I do intend to continue developing it (when work and life let me do it), unless you want to make something completely different out of it

9

I ended up making a expanding upon the extension that i was working on prior to Material3D. I took a look into Material3D to see exactly what I was doing wrong, a showcase of the extension can be found here

Hasn’t been uploaded yet

10

Hi!

Oh! Impressively, truly!

Well done.

Xierra

1 Like
12

Very cool, thanks for your extension!
Would be great if it will be built-in one day (especially opacity and color) and doesn’t have to be found randomly in the forum.

Unfortunately it is always applied to all instances, even if a second instance has a different animation with a different object in it with its own material.

Maybe it is possible, in addition to the Tint(color addition), to completely replace the material with the Color? Then coloring would be possible without the original material must be completely white.
Very helpful for a mouseover effect or something.

Would an action be possible to remove a previously loaded texture and see the original again?

Maybe an opacity condition would be nice.
Maybe in the 0-255 format to fit the 2D one.

For example, the player wants to place a building model in the scene. It should initially be completely blue, when it overlaps an existing one it should become red and 0.5 transparent, and when it is built, it should have its original texture.
Currently it is only possible for all buildings in the scene to become dark brown and transparent if two overlap.
But ya I understand the limitations and think I will still need 3 animations or extra objects per model for this.

1 Like
13

A new version (v1.2) has just been released which solves this problem! It will now manipulate materials only of the object instance that you’ve selected previously.

Also, I’ve added support for video textures!

Online demo and download in the first post. Release notes here:

3 Likes
14

is there a way for the tint action to affect textures instead of models?

15

The extension tints materials via material.color. In Three.js this already affects textured materials by multiplying the texture color.

Direct pixel-level texture modification is not supported (yet).

16

Hi, I’m trying to use your extension, but I’m running into an issue.

When I use “Load texture from resource”, it cannot find or load the image I set. However, if I use “Load texture from URL”, it works fine.

Do you know if this is a bug? I should also mention that my project uses cloud saving, but I’ve also tried exporting it, and it still doesn’t work.

17

Hm… :thinking: not sure, works for me in the demo project and I was just testing it as someone reported video texture loading is not working with the newer versions of GDevelop.

A new version (v1.2.1) has just been released which solves this problem. Video textures (from resource and URL) were broken due to changes in GDevelop’s rendering pipeline. I rewrote the video texture system to use a Canvas-based intermediary with TextureLoader initialization, ensuring compatibility with the latest GDevelop versions.

Online demo and download in the first post. Release notes here:

https://avram.itch.io/material3d-gdevelop-extension/devlog/1472147/version-121-released

1 Like
18

Hello again,

I have tried this new version and it still doesn’t work in my project :confused: using the URL works but anything from resource doesn’t and in the debugger it just errors saying it cant load it :confused:

Here is a video I posted in the discord server

It is almost like it cannot see cloud based scenes