Unreal Engine 4 Tutorial - Jigsaw Puzzle Part 1: Material Setup

Sdílet
Vložit
  • čas přidán 28. 08. 2024
  • In this series we are creating a jigsaw puzzle game using widgets. Learn how to use the drag and drop operation to accomplish this short mini game.
    In Part 1 we work on our puzzle piece material. Taking a full image and rendering only a small part of it by splitting it up; all within the material editor.
    Link to the images I user: 1drv.ms/u/s!Av...
    SUPPORT ME
    Patreon I / ryanlaley
    Buy Me a Coffee I buymeacoffee.com/RyanLaley
    Donations I paypal.me/ryanlaley
    PRIVATE 1-2-1 SESSIONS
    Email me at support@ryanlaley.com for more information and rates, or visit www.ryanlaley.c...
    JOIN THE COMMUNITY
    Discord I / discord
    FOLLOW ME
    Twitter I / ryanlaley
    Facebook I / ryanlaleygames
    Instagram I / ryanlaleygames

Komentáře • 17

  • @philzan3627
    @philzan3627 Před 3 lety +3

    You should show with the triangles how to show the calculations every few nodes. It helps more visually than saying "do this to do that". Like the append node will show a solo R and a solo G as a specific RG coordinate.

    • @jim-yh2fv
      @jim-yh2fv Před 6 měsíci +1

      A texture coordinate node is a 2d square. Each point in the square cooresponds to a pair of value like (0,0). It originally has (0,0) in bottom left and (1,1) in upper right. The operation applys to every pair. After division by 4, it becomes (0,0) in bottom left and (1/4,1/4) in upper right. After some addition, e.g. 1/4, it becomes (1/4,1/4) in bottom left and (2/4,2/4) in upper right. When we apply this texture coordinate to his puzzle image. The image, which is also (0,0) in bottom left and (1,1) in upper right, between this range would be fetched. He made the addition parameters that can be passed in.
      After searching a bit, I think this is how the system works. Hope it helps anyone who don't understand the calculation. .

  • @knightofbrokenglass9237

    Absolutely Brilliant Mate!

  • @AlexFord-gp7by
    @AlexFord-gp7by Před 3 lety +1

    Hello Ryan can you make a tutorial on making an in game level editor like in mario maker please?

  • @blallade
    @blallade Před 2 lety

    thank you a lot man, you saved me!

  • @Prototype97440
    @Prototype97440 Před rokem

    Hello, thank you for your tutorial
    I have a question: if we want to cut the image into another shape, in the shape of puzzle pieces, do we just have to use a texture of numbered puzzle pieces instead of the square one? Or is it more complex than that?
    Thanks

  • @momsgamingagain9158
    @momsgamingagain9158 Před 2 lety

    HI! What version are you using of UE4. I been doing tutorials and trying to learn, but it seems like i get so far and notice I don't have the same options in same places. What version of UE4 are you using? hopefully one of the several i have downloaded. lol

  • @rexin_z5966
    @rexin_z5966 Před rokem

    thank you so much! but how can i make jigsaw puzzle with irregular shape pieces?

  • @jessbest3151
    @jessbest3151 Před 3 lety

    Great tutorial !
    Is it possible to change the shape?

    • @aaronludena9915
      @aaronludena9915 Před rokem

      I know it has been a year since your question, and you probably don't need it anymore, but I will still post it, because someone might need it, you can, by making use of TexCoord U and V values, and different operations, every square works the same as the video, so for a 4 pieces puzzle 2x2 would be exactly the same, but for example, a 6 pieces puzzle, with 3x2, instead of having a single parameter with the total pieces number and making a square root, you will have two different parameters, one for vertical pieces, and other for horizontal pieces, then, before the divide with the TexCoord you will apply a multiply operation of them both, and in the Vector parameter (RGB) you will instead of making a square root, connect directly the horizontal parameter, and the vertical parameter to the other, after that you have to make sure that you set the correct values for the U and V in the TexCoord, in this case would be 2 and 3

  • @PoojaRani-vn6jg
    @PoojaRani-vn6jg Před 3 lety

    Sir, which template you use for this project?