Let's see how to add background in camera with Mediapipe and Construct 3 scripting

1

Stats

534 visits, 725 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 8 Jul, 2022.

Let's see how to add background image to a video in camera with Mediapipe and Construct 3 scripting

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

1. Integrate external JavaScript files into your Construct 3 project

2. Use HTMLElement plugin

3. Change the background image of your video

Chapters

00:00 Introduction to Mediapipe and Self Segmentation

00:50 Demonstration

03:02 Start: Creating the project

03:28 Introduction to Life in the Machine Game

04:17 Integrating Mediapipe and it's JS files into Construct 3

07:41 Powering up Mediapipe with Construct 3 HTMLElement

09:37 Configuring Mediapipe to change the video background

13:16 Setting up the background image to the video with HTML new Image()

15:59 Adding an option to upload image files to change the background

18:43 Making fool proof if an image is not uploaded

20:47 Conclusion

22:30 Know about Shepherd Games

We would love to develop games for you.

Stop Playing

Start Building

  • 0 Comments

Want to leave a comment? Login or Register an account!