Meta Spark Learn - Tutorials

Get Started

Create AR effects for Instagram and Meta.
Get Started

Scripting in Meta Spark Studio

Start scripting in Meta Spark Studio with our new video course.

Code your first effect

New here?

Get a headstart on your journey to creating amazing AR effects with these five short tutorials.

BEGINNER

7 MINUTES

Create your first AR effect

This tutorial begins with a quick tour of the Meta Spark Studio interface. Then you'll create a makeup effect!

BEGINNER

10 MINUTES

Previewing and Testing Effects

Take a look at the different ways to preview your effects.

BEGINNER

15 MINUTES

Creating a Face Tracking Effect

Build and publish a face tracking effect.

BEGINNER

15 MINUTES

Working With Textures and Materials

Try out the standard and physically-based materials with a 3D object.

BEGINNER

15 MINUTES

Creating with color LUTs

Switch between multiple Color LUTs to create four different color-graded looks in one effect.

Beginner tutorials

Learn to create effects using basic capabilities.

BEGINNER

10 MINS

Creating a Particle World Effect

Place particles in a fixed position in someone's environment.

BEGINNER

15 MINS

Adding and Positioning Lights

Position a directional light so it shines on the face like a flashlight.

BEGINNER

15 MINS

Using 2D Objects and Layers

Position rectangles on a texture to create a frame that scales with the device screen.

BEGINNER

30 MINUTES

World Effects With Target Tracking

Make an object appear when a real world target is detected.

BEGINNER

30 MINUTES

Animating 3D Objects

Play a baked animation, then add procedural animation in the Patch Editor.

BEGINNER

30 MINUTES

Hair Segmentation

Change the color of someone's hair and add interactivity.

ADVANCED

20 MINUTES

Distorting the Face and Adding Retouching

Distort the face with a blendshape and add a retouching material.

BEGINNER

15 MINUTES

Audio Basics

Use the audio playback controller to add looping and triggered sound.

Patch editor tutorials

Add interactivity and logic to your effects using visual scripting.

BEGINNER

20 MINUTES

Patch Editor: Working With 3D Objects

Add interactivity and logic to a 3D object using the Patch Editor.

INTERMEDIATE

20 MINUTES

Patch Editor: Adding Logic With the Or Patch

Animate an object in response to different head movements.

BEGINNER

20 MINUTES

Patch Editor: Adding Touch Gestures

Make an effect respond to taps on a device screen.

INTERMEDIATE

10 MINUTES

Patch Editor: Face Interactions and Logic

Make the camera zoom in on face in response to different interactions.

INTERMEDIATE

30 MINUTES

Patch Editor: Visual Shader Patches

Visual shader patches can be use to change the appearance of materials.

INTERMEDIATE

30 MINUTES

Patch Editor: Creating Patterns

Use Signed Distance Field patches to create patterns and shapes.

BEGINNER

10 MINUTES

Patch Editor: Energy Meter and Audio Analyzer

Learn how to animate objects to music.

BEGINNER

20 MINUTES

Patch Editor: Creating Color Gradients

Use the Patch Editor to make different color gradients.

INTERMEDIATE

30 MINUTES

Patch Editor: Iris Tracking

Transform the color of someone's eyes with iris tracking.

INTERMEDIATE

10 MINUTES

Patch Editor: Use Face Gestures to Make Objects Appear

Experiment with interaction patches to control the visibility of objects in your effect.

INTERMEDIATE

10 MINUTES

Patch Editor: Use Face Movements to Control Animation

Use interaction patches animate objects in your effect.

BEGINNER

10 MINUTES

Patch Editor: Using the Object Tap Patch

Make something happen in your effect when someone taps on an object.

INTERMEDIATE

10 MINUTES

Patch Editor: Using the Runtime Patch

Make something happen when your effect has been open for a set amout to time.

INTERMEDIATE

30 MINUTES

Patch Editor: Visual Shader Patches

Visual shader patches can be use to change the appearance of materials.

INTERMEDIATE

30 MINUTES

Patch Editor: Iris Tracking

Transform the color of someone's eyes with iris tracking.

Intermediate tutorials

Create interactive effects that use multiple Meta Spark capabilities.

INTERMEDIATE

25 MINS

Neck and Upper Body Tattoo Effect

Create your own realistic neck and shoulder tattoo effect.

INTERMEDIATE

25 MINS

Tracking a Texture to the Hands

Create an effect that zooms in each time a hand is found in the camera.

INTERMEDIATE

30 MINUTES

Glasses and Gradient Filter

Place glasses on the face and add a color filter with the Patch Editor.

INTERMEDIATE

1 HOUR

Immersive Floating Particles

Combine segmentation, particles and interactivity to create a world effect.

INTERMEDIATE

1 HOUR

Bunny Mask With Animated 3D Objects

Layer makeup, retouching and animated 3D objects to build a bunny mask.

INTERMEDIATE

30 MINUTES

Thumbs Up World Effect

Make an animated 3D object appear through a portal in response to interaction.

INTERMEDIATE

20 MINUTES

Move and Resize an Object in the World

Give people the ability to precisely position objects in their surroundings.

INTERMEDIATE

30 MINUTES

2D Interactive World Effect

Make a frame showing the real-life location and date, that changes color when the screen is tapped.

INTERMEDIATE

1 HOUR

Skeleton Animation

Use the Patch Editor to make an object move with the user like a puppet and add procedural animation.

INTERMEDIATE

30 MINUTES

World Object with Audio

Add audio and procedural animation in the Patch Editor.

INTERMEDIATE

30 MINUTES

Adding the Native UI Picker

Let people tap icons on the device screen to see different things in your effect.

INTERMEDIATE

30 MINUTES

Adding the Native UI Slider

Let people change something in your effect using a slider on the device screen.

INTERMEDIATE

1 HOUR

Light Filter With Visual Shaders

Combine custom textures with visual shader patches to make light shine across the face.

INTERMEDIATE

30 MINUTES

Building a Snow Effect With Blocks

Learn to use Blocks by building a particle effect.

INTERMEDIATE

30 MINUTES

Creating a Glow Effect With Render Passes

Add a glowing effect to particles using render pass patches.

INTERMEDIATE

1 HOUR

Creating an Effect With Scripting

Add interactivity to a world effect while learning the basics of scripting.

Advanced tutorials

Learn how to script in Meta Spark Studio.

ADVANCED

15 MINUTES

Setting up and understanding Reactive JavaScript

Understand the basics of writing Meta Spark Studio scripts.

ADVANCED

20 MINUTES

Your first lines of code in Meta Spark Studio

Create a simple face tracking effect in the Patch Editor and recreate it in scripting.

ADVANCED

20 MINUTES

Simulating physics movement with loops

Add realistic motion to 3D objects.

ADVANCED

20 MINUTES

Creating Your First Game Using Patch Bridging (1/2)

Learn to pass data between the Patch Editor and scripts.

ADVANCED

15 MINUTES

Creating Your First Game Using Patch Bridging (2/2)

Complete your game by adding high scores and particles.

Group effect and video calling tutorials

Learn how to create interactive group effects for video calls.

INTERMEDIATE

1 HOUR

Using the Send To Group Template

Learn how to use the Send To Group template for group effects.

ADVANCED

1 HOUR

Creating a Group Effect

Create a group effect for a video call where users can change their background, using the Multipeer API.

ADVANCED

1 HOUR

Creating Turn-Based Experiences

Create a turn-based group effect, using the Participant API.

ADVANCED

30 MINUTES

Synchronizing Data Across Participants

Synchronize data between the various participants in a group effect, using the State API.

Always be learning

Level up your skills with the Meta Spark Curriculum or hear from some of the world's most talented creators in the Unpacking AR series.

Meta Spark Curriculum

Structured online courses developed in partnership with Facebook Blueprint.

Get Started

Unpacking AR

Learn with Meta Spark experts as they demonstrate and discuss the techniques behind some of their most popular effects.

Watch Now