load jpg/png, cut into squares

Ww7x · Feb 13, 2020

Beginner here, drowning in the vast API. Can someone please kick me into the right direction for starters?

To learn Godot, I plan to make a little 4x4 slide puzzle game with tiles made from an image: load a square PNG, then chop this up into 4x4=16 parts that can be positioned and moved in a 2D scene.

Ideally each part can be manipulated: increase brightness along the right and top edge, add shade left and bottom for a simple 3D tile effect. I assume this can be done with anything derived from CanvasItem, but how do I get the parts of one image in the first place?

cybereality · Feb 13, 2020

I believe you would use the function "draw_texture_rect_region" to draw a portion of the original texture into a new object. This page may give you some ideas. Cheers. https://docs.godotengine.org/en/3.2/tutorials/2d/custom_drawing_in_2d.html https://docs.godotengine.org/en/3.2/classes/class_canvasitem.html#class-canvasitem-method-draw-texture-rect-region

cybereality · Feb 13, 2020

Also, welcome to the forum!

TwistedTwigleg · Feb 14, 2020

You can also use a the Sprite node with the region_enabled property set to true (documentation). Then you can set the region for the sprite to use in the editor through the region_rect property, and I think the Godot editor also has an editor for setting the region.

Ww7x · Feb 14, 2020

Thank you for insightful suggestions. I will check them out but both certainly sound like what I was looking for. Brilliant.

Megalomaniak · Feb 14, 2020

If I'm not mistaken they both effectively recommend the same thing, @TwistedTwigleg was simply elaborating a bit further. That is to say the sprite node with the region_enabled property would be making use of the same underlying things mentioned by @cybereality. :)