Spark AR Scripting - Ep 1 - Basics // Getting started with JavaScript to make Instagram filters!

Tutorial Series on how to create your own Instagram Filters and Effects in Spark AR Studio using Scripting in JavaScript.

This episode covers the basics of JavaScript in Spark AR Studio and ends with a simple screen effect using the Shaders Module.

Note: The latest versions of Spark AR Studio (v85+) require using JavaScript Promises for the scripts to compile. The syntax for this is covered in    • Spark AR Scripting - EP 5 - Promises ...  .

❤️This series? - Buy me a ☕😇! - https://www.buymeacoffee.com/sohailmehra

Series Intro - 00:00
How scripting works In Spark - 00:38
Visual Studio Code (Text Editor) - 01:37
Screen Effect Setup - 02:30
Texture Sample Patch - 03:44
What is a Flat Shader - 04:57
Creating your First Script - 05:20
Scripting Documentation - 06:00
What are Comments - 06:55
What are Modules - 07:24
Variables in JavaScript - 08:13
Diagnostics Module and Logging - 09:15
What is a function and how to create one - 10:45
How spark parses your script - 13:00
Shaders Module Script Reference - 14:45
Accessing scene objects in Script - 15:50
Vertex Attribute in Script - 17:35
Texture Sampler in Script - 19:16
Output sampled color to the material - 21:04
Functions vs Methods - 24:40
Reactive Module brief intro - 25:35
Color Modulation - 26:00
Time based animations - 26:45
Sine Wave Color Animation - 27:20
End Notes - 28:55

Links:

Instagram:   / sohailmehra  
Visual Studio Code: https://code.visualstudio.com/
Spark AR Studio:   / ar-studio  
Spark AR Scripting Reference:   / summary  
Spark AR Community:   / sparkarcommunity  

More episodes coming soon, don't forget to subscribe :)

#SparkARStudio #InstagramFilters #JavaScript