Skip to content

Create a Jigsaw Puzzle Game in Unity

Jigsaw Puzzle Game

Contact me

In this tutorial, we will go in-depth and learn how to make a jigsaw puzzle game using C# in Unity. 

We will start the tutorial with the basics of the Bézier curve, followed by implementing Bézier curves in Unity. We will then move on to creating jigsaw tiles from an existing image using the Bézier curve, generate a jigsaw board from an image, and finally create the jigsaw game in Unity. 

Learning Objectives

By the end of this tutorial, you will be able to

  1. understand the theory and math behind Bézier curves;
  2. implement Bézier curves programmatically and visually within the Unity;
  3. apply Bézier curves to cut an image;
  4. implement flood fill algorithm to fill pixels within an area defined by Bézier curves;
  5. create jigsaw tiles from images using Bézier curves;
  6. apply what you learned above to create a jigsaw puzzle game in Unity;

You will also 

  1. develop problem-solving skills through troubleshooting and debugging potential issues encountered during development; and
  2. gain confidence using C# programming concepts within Unity.

Download the assets needed for this tutorial from https://faramira.com/downloads/jigsaw/assets_to_dowmload.zip.

You can find the entire source code of this project in the GitHub repo. https://github.com/shamim-akhtar/jigsaw-puzzle/tree/main

View the Tutorial on YouTube

The tutorial is divided into four broad sections, with each containing one or more subsections. 

You can read these sections as a continuous post divided into pages.

Pages: 1 2 3 4 5

7 thoughts on “Create a Jigsaw Puzzle Game in Unity”

    1. Hello Akshit. It’s good to hear that you found the tutorials helpful. I plan to complete the remaining part of the tutorial but couldn’t find the time to complete it. The remaining portions are loading and saving the game, the state machine to control the game states. The codes for this is available on my GitHub https://github.com/shamim-akhtar/jigsaw-puzzle repo.
      I intend to complete the remaining part of the tutorial by November.

  1. Hi!! Thanks for the tutorial. I would like to ask how to make to work with Render Texture?
    I would like to take the image for the puzzle from Render Texture.

  2. I am extremely impressed with your writing skills
    as well as with the format in your blog. Is that this a paid subject
    or did you modify it your self? Anyway stay up the excellent quality writing, it is uncommon to peer a great weblog like this one these days..

Leave a Reply

Your email address will not be published. Required fields are marked *