Create a Procedural Jigsaw Puzzle Mobile Game from Scratch from Udemy

Hey Guys .

I hope you are ready, because we are going to embark on a creative odyssey into the world of mobile game development with this comprehensive course on crafting procedural jigsaw puzzle games.

Designed for aspiring developers and seasoned enthusiasts alike, this immersive journey will empower you & help you bring an amazing Jigsaw Puzzle Mobile Game to life in no time.

Dive headfirst into the intricacies of procedural puzzle generation as I guide you through each step of the process. From laying the foundation with grid-based object creation to refining the aesthetics with custom shaders and stylization, you'll master every aspect of the development pipeline.

Key Points We Will Tackle:

Grid Formation: Learn the fundamentals of creating a dynamic grid system to lay the groundwork for your puzzle framework.
Texture Slicing: The Tiling and Offset Material properties will be our best friends to seamlessly slice textures into individual puzzle pieces, fostering a cohesive gameplay experience.
Piece Refinement: Elevate your puzzle pieces from simple quads to intricate game elements using Dreamteck Splines for realistic knobs and holes, along with the Ear Clipping Algorithm for precise triangulation.
Photo Integration: Explore the exciting realm of player engagement by enabling users to transform personal photos into captivating jigsaw puzzles, leveraging the capabilities of mobile device cameras.
Stylization and Shader Magic: Unleash your creativity with advanced shader techniques, allowing you to stylize photos and puzzles with unique palettes and effects that captivate players' imaginations.
Dynamic Outlines: Enhance puzzle visibility and player interaction by implementing dynamic outlines using vertex normals and procedural mesh generation, ensuring a polished and intuitive gaming experience.

Why Choose This Course?

Uniqueness: This course is the first of its kind, a combination of originality and practical examples that will help you create a unique, fully customizable Jigsaw Puzzle Game
Hands-On Experience: Dive into practical, project-based learning exercises that empower you to apply newfound skills in real-world scenarios.
Expert Guidance: Benefit from expert instruction and personalized feedback from an industry professional with a passion for teaching and mentorship.

Whether you're a novice seeking to break into the world of game development or a seasoned veteran looking to expand your skill set, this course offers the perfect blend of theory and practice to propel you toward success.

Join us as we unlock the limitless possibilities of procedural puzzle creation and embark on an unforgettable adventure in mobile game development.

Enroll today and start crafting your masterpiece—one Puzzle Piece at a time.

What's inside

Learning objectives

Learn how to turn any image into a jigsaw puzzle
Improve your algorithmic thinking skills
Learn how to create procedural meshes

Learn how to triangulate any set of ordered vertices into an actual, usable mesh
Learn how to add a complex mobile input system to your games

Learn how to turn any image into a jigsaw puzzle
Improve your algorithmic thinking skills
Learn how to create procedural meshes
Learn how to triangulate any set of ordered vertices into an actual, usable mesh
Learn how to add a complex mobile input system to your games

Syllabus

Introduction

Making a Grid

The First Grid of Objects

Scaling the Grid

Splitting a Texture into Small Parts

Refactoring our Code

Moving the Puzzle Pieces

A Puzzle Controller

Detecting the Pieces

Moving the Pieces

Z Sorting

The Logic

Adding Z Sorting

Always Pick the Top Piece

Gameplay

Validating a Piece

Puzzle World Size ?

Camera Control

Panning

Zooming

Snapping with Neighbor Pieces

The Logic behind it

Storing the Neighbors

Detecting Neighbors

The First Piece Group

Validating Groups

Rotations

Rotating a Piece

Neighbor Snapping with Rotation

Procedural Puzzle Pieces

What's the Magic behind it ?

The First Procedural Mesh

Leveraging the Ear Clipping Algorithm

Adding the First Knob

Adding More Knobs !

Adding a Procedural Hole

Random Procedural Piece Generation

Setting Up the New Piece

The Procedural Puzzle Logic

Creating a Fully Procedural Puzzle

Adding Offsets to one Piece

Matching Offsets in the Puzzle

Adding UVs to the Procedural Pieces

Puzzle Completed Logic

Extra Features

Taking Photo & Turn it into a Puzzle

Squaring the Photo

Procedural Outline Explanation

Procedural Outline

The Gallery

Setting up the UI

Setting Up the Grid Layout

Grabbing a Saved Texture

Saving a Texture to the Gallery

Additional Resources

Source Files

Bonus Section

Bonus Lecture

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Create a Procedural Jigsaw Puzzle Mobile Game from Scratch with these activities:

Review Basic Geometry and Mesh Concepts

Show steps

Reviewing basic geometry and mesh concepts will help you better understand the procedural mesh generation techniques used in the course.

Browse courses on Mesh Generation

Show steps

Review the definitions of vertices, edges, and faces.
Study different types of polygons and their properties.
Research basic mesh data structures.

Brush Up on Mobile Game Development Fundamentals

Show steps

Refreshing your knowledge of mobile game development fundamentals will provide a solid foundation for understanding the course's project-based approach.

Browse courses on Mobile Game Development

Show steps

Review the basics of a game engine such as Unity or Unreal Engine.
Practice creating simple mobile game mechanics.
Familiarize yourself with mobile input methods.

Read 'Game Programming Patterns'

Show steps

Reading 'Game Programming Patterns' will help you write cleaner, more maintainable code for your jigsaw puzzle game.

View Crafting Interpreters on Amazon

Show steps

Read the book 'Game Programming Patterns'.
Identify patterns applicable to the jigsaw puzzle game project.
Implement one or two patterns in your project.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Implement Basic Puzzle Piece Dragging

Show steps

Implementing basic puzzle piece dragging will help you understand the core mechanics of the game and provide a foundation for more complex features.

Show steps

Create a simple scene with a few puzzle pieces.
Implement dragging functionality using mouse or touch input.
Ensure pieces can be moved independently.

Document Your Puzzle Generation Process

Show steps

Documenting your puzzle generation process will solidify your understanding of the algorithms and techniques used in the course.

Show steps

Create a blog post or video tutorial explaining the puzzle generation process.
Include diagrams and code snippets to illustrate key concepts.
Share your content with the course community.

Contribute to an Open-Source Puzzle Game Library

Show steps

Contributing to an open-source puzzle game library will provide valuable experience in collaborative development and expose you to different approaches to puzzle generation.

Show steps

Find an open-source puzzle game library on GitHub or GitLab.
Identify a bug or feature to work on.
Submit a pull request with your changes.

Read 'Real-Time Rendering'

Show steps

Reading 'Real-Time Rendering' will help you understand the underlying principles behind the visual effects used in the course.

View Real-Time Rendering, Fourth Edition on Amazon

Show steps

Read the book 'Real-Time Rendering'.
Focus on chapters related to shaders and procedural mesh generation.
Experiment with different rendering techniques in your project.

Career center

Learners who complete Create a Procedural Jigsaw Puzzle Mobile Game from Scratch will develop knowledge and skills that may be useful to these careers:

Mobile Game Developer

A mobile game developer brings ideas to life on mobile platforms. This course on creating a procedural jigsaw puzzle mobile game from scratch offers a hands-on approach to understanding the development pipeline, which helps in becoming a successful mobile game developer. The course content covers grid formation, texture slicing, piece refinement, photo integration, stylization, and dynamic outlines. Mastering these elements helps a mobile game developer to design and implement engaging puzzle mechanics into their games. The hands-on experience and expert guidance offered in the course helps build a strong foundation for a career as a mobile game developer.

See salaries and explore the career path for Mobile Game Developer

Procedural Content Generator

Procedural content generators create game content algorithmically, and this course is ideal for learning procedural generation techniques. The course teaches how to turn any image into a jigsaw puzzle, which is a key skill for content generation. With an emphasis on procedural mesh creation and triangulation, one learns to generate complex game elements. The focus on the Ear Clipping Algorithm helps build a foundation for generating usable meshes, which is a core skill for a procedural content generator. This course helps build the skills needed to create engaging content.

See salaries and explore the career path for Procedural Content Generator

Gameplay Programmer

Gameplay programmers are responsible for implementing game mechanics, and this course provides a focused approach to developing those very mechanics within a jigsaw puzzle game. This course covers essential topics such as grid formation, texture slicing, and piece refinement, all crucial skills for a gameplay programmer. The course also allows integration with mobile device cameras, which helps gameplay programmers create innovative and user-interactive experiences. By mastering the techniques taught in this course, a gameplay programmer gains experience in creating complex, procedural game elements, ultimately enhancing their ability to design engaging gameplay.

See salaries and explore the career path for Gameplay Programmer

Shader Developer

Shader developers create visual effects and enhance the overall look of a game. This course offers insights into stylization and shader magic, allowing shader developers to create unique palettes and effects that captivate players. The course focuses on advanced shader techniques that can be used to stylize photos and puzzles, which is directly applicable for a shader developer. The knowledge of dynamic outlines using vertex normals and procedural mesh generation can greatly benefit a shader developer in enhancing puzzle visibility and player interaction. This course may be useful for a shader developer to create visually stunning and engaging games.

See salaries and explore the career path for Shader Developer

Mobile Application Developer

Mobile application developers create applications for mobile devices. This course provides a foundation in building a fully functional jigsaw puzzle game, which helps mobile application developers learn the intricacies of mobile game development. The course content covers grid formation, texture slicing, piece refinement, and photo integration, all of which are essential skills for a mobile application developer. The focus on user interaction and dynamic outlines helps developers create intuitive gaming experiences. The hands-on experience gained helps aspiring mobile application developers create engaging and polished applications.

See salaries and explore the career path for Mobile Application Developer

Technical Artist

Technical artists bridge the gap between art and programming, optimizing assets and implementing visual effects. A course such as this can help technical artists understand procedural content generation and shader techniques. By learning grid-based object creation, mesh generation, texturing, and custom shader application, a technical artist gains the skills to streamline content creation and enhance visual quality. This course helps technical artists create visually appealing and performant game assets.

See salaries and explore the career path for Technical Artist

Indie Game Developer

Indie game developers work independently or in small teams to create and publish their own games. This course may be useful in enabling indie game developers to bring their puzzle game ideas to life. The course covers essential topics such as grid formation, procedural content generation, and user interaction, which helps indie game developers create engaging and polished games. Hands-on experience and expert guidance helps build a strong foundation of indie game development. The course's unique approach to creating procedural jigsaw puzzle games may provide indie game developers with a competitive edge.

See salaries and explore the career path for Indie Game Developer

Game Designer

Game designers conceptualize and design the elements of a game. This course may be useful by providing a practical understanding of how to implement puzzle mechanics, which is a valuable asset for a game designer. The course delves into grid formation, texture slicing, and piece refinement, which helps game designers create engaging puzzle experiences. The ability to integrate personal photos into puzzles may be useful, helping game designers create user-interactive elements. This course may enhance a game designer's ability to create innovative and captivating games.

See salaries and explore the career path for Game Designer

Software Developer

Software developers are involved in the creation and maintenance of software applications. The course offers a focused approach to developing game mechanics within a puzzle game. Software developers can use this course to broaden their understanding of game development and improve their creative output. This course's focus on grid formation, texture slicing, and piece refinement helps one build the skills necessary to develop complex applications. This course may be especially useful.

See salaries and explore the career path for Software Developer

Software Engineer

Software engineers design and develop software applications. This course gives insight into the development process of a mobile game from scratch, which helps software engineers understand the entire development pipeline. This course's focus on grid formation, texture slicing, and piece refinement helps one build the skills necessary to develop complex applications. A software engineer could use this course to broaden their understanding of game development and improve their creative output. This course may be especially useful.

See salaries and explore the career path for Software Engineer

Virtual Reality Developer

Virtual reality developers create immersive experiences for virtual reality platforms. This course's focus on procedural mesh generation and triangulation helps developers create intricate 3D environments. The course teaches how to add complex mobile input systems, which is useful for navigating virtual reality environments. The knowledge of dynamic outlines and user interaction helps virtual reality developers create engaging and immersive experiences. Virtual reality developers can use this course to create interactive puzzle elements within their virtual worlds.

See salaries and explore the career path for Virtual Reality Developer

Augmented Reality Developer

Augmented reality developers create applications that blend digital content with the real world. The course teaches photo integration and stylization, which are valuable skills for augmented reality developers. The focus on dynamic outlines and user interaction helps developers create engaging augmented reality experiences. Augmented reality developers can use this course to learn how to turn real-world images into interactive puzzles, an engaging addition to augmented reality applications. This course may be useful.

See salaries and explore the career path for Augmented Reality Developer

Simulation Developer

Simulation developers create realistic and engaging simulations. A course that teaches creating a procedural jigsaw puzzle mobile game from scratch provides a unique approach to understanding simulation mechanics. The focus on grid-based object creation and procedural mesh generation may be useful for simulation developers in creating dynamic and interactive simulations. The course covers topics like texture slicing, piece refinement, and triangulation will help simulation developers design detailed and realistic environments. This course's hands-on experience may assist them.

See salaries and explore the career path for Simulation Developer

User Interface Designer

User interface designers create intuitive and visually appealing interfaces for games. This course may be useful by teaching how to set up the UI, grid layout, and save textures to the gallery. The course's syllabus covers the use of photos and turning them into puzzles, which gives user interface designers more creative ideas for their puzzle designs. The knowledge gained helps user interface designers who want to know how to make a fun user interface.

See salaries and explore the career path for User Interface Designer

Creative Director

Creative directors oversee the artistic and design aspects of a project, ensuring a cohesive vision. This course may be useful by providing insight into the technical aspects of puzzle game development. By exploring grid formation, procedural content generation, and user interaction, a creative director gains a deeper understanding of the development process. The knowledge of dynamic outlines and shader techniques helps in making informed decisions about the game's visual style. This course may enhance a creative director's ability to guide a game development team.

See salaries and explore the career path for Creative Director

Create a Procedural Jigsaw Puzzle Mobile Game from Scratch

What's inside

Learning objectives

Syllabus

Save this course

Activities

Career center

Reading list

Share

Similar courses