spark-ar-officials

spark-ar-community-tutorials

Library of community tutorials for Spark AR.

[EN] Occlusion Basics How to achieve a “hole in the head” effect with a transparent PNG! - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=j7klMWrJFHs

[EN] Spark AR - How to use gifs as Sprite Sheets - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=cLQVGv8gG90

[EN] Spark AR - Effect Breakdown ("Automaton") - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=VvYa5yF38xQ

[EN] Import ANY video into Spark AR for testing! - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=WWddZJflU0g&fbclid=IwAR13EIlR9OTqOmGWLLuRvxUN0fMB6Li_OfsI0vhtvNEjn5_sBizjZiZuIdo

[EN] Spark AR - Effect Breakdown ("Wichita") - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=CvVhlCBInvI

[EN] Spark AR - Face Deformation - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=awJsJzTP4Dc

[EN] Spark AR - Animation Basics - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=mit9xcOSsUQ

[EN] Spark AR: Instagram Filter - How to convert an mp3 for use in a filter - by Luke Hurd { facebook youtube }

https://www.youtube.com/watch?v=b5rw9Ypo7dY

[EN] streamlined permissions, how to walk a client through to giving you permission to manage effects on their page - by ‎Casie Lane Millhouse-Singh‎ { facebook }

https://www.facebook.com/millhouse.madhouse/videos/799396883759205/

[EN] Learn how to create portal AR effects - by Eugene Soh { facebook }

https://www.facebook.com/VisitSingaporeIN/videos/827895747558162/

[EN] How to design AR portals with Spark AR Studio: a walkthrough - by Bram Van De Ven { facebook }

https://arfected.com/how-to-portal/?fbclid=IwAR3NyPcMy5XpWpe_Ncf8HWMWYfBDvE4zBuhuBEySZe7MOdrkPk4qux2m92A

[ES] Catrina [tutorial] - by MercaTecnia { youtube }

https://www.youtube.com/watch?v=y8clNu8MEe4&t=3s

[ES] Deal With It [Tutorial] - by MercaTecnia { youtube }

https://www.youtube.com/watch?v=Bk2It4RQjb4&t=19s

[ES] #TacosBeforeVatos Facebook AR tutorial - by MercaTecnia { youtube }

https://www.youtube.com/watch?v=St0AZSJfmls

[EN] Javascript and Augmented Reality 101 - Build AR Studio Camera Effects Tutorial - by FusedVR { youtube }

https://www.youtube.com/watch?v=Jae7vSc_NGM

[EN] AR Studio vs Lens Studio: Build a Valentine's Day Filter on AR Studio! - by FusedVR { youtube }

https://www.youtube.com/watch?v=iOSr9MHgnlY

[NONE] Facebook #ARStudio #Tutorial: How to build a #CameraEffect Marker Tracking - by Piotar Boa { youtube }

https://www.youtube.com/watch?v=kpE_VzQCb7A

[EN] Spark AR - Layers and Emitters - by Catalyst { youtube }

https://www.youtube.com/watch?v=sv2M9apHhzU

[EN] ARStudio | Face Masking Tutorial - by Catalyst { youtube }

https://www.youtube.com/watch?v=SIioAzwgS94

[NONE] Spark AR - Interactions - by Catalyst { youtube }

https://www.youtube.com/watch?v=CfRWj46sYEs

[EN] Spark AR - Plane tracking - by Catalyst { youtube }

https://www.youtube.com/watch?v=9WZryBRGbsY

[EN] Spark AR - Working with Audio (.M4A) - by Catalyst { youtube }

https://www.youtube.com/watch?v=J1oYCnyAlng

[EN] Spark AR - Working with External Textures - Video - by Catalyst { youtube }

https://www.youtube.com/watch?v=TUmjepXSna8

[EN] Spark AR - Patch Editor: Tracking, Transitions and Animation - by Catalyst { youtube }

https://www.youtube.com/watch?v=S17KmuqySyU

[NONE] Facebook Spark AR HDRI Environment / Glass Shader Tutorial - by Mate Steinforth { youtube }

https://www.youtube.com/watch?v=hImMgRb6TEk&t=1s

[EN] Video textures in AR Studio - by Josh Beckwith { github }

https://codepen.io/positlabs/post/video-textures-in-ar-studio

[EN] Editable Text (NativeUI Module) - by Jamie Poole { facebook }

https://forum.arstudio.guru/topic/14/editable-text-nativeui-module?fbclid=IwAR0r9OMsqSdRsb-vPJZzUIdot6SSMizNBqlu4Us9ul6TBjYyWgq4lH8HoCw

[EN] Photobooth - Spark AR - by Max Weisel { github }

https://github.com/maxw/Spark-AR-Photobooth?fbclid=IwAR3DaMeIqK1tFnHCF44Ippb-LgXloP6uU7vgKJ_0id2KnmSbfKAib9YvTHM

[EN] Ar Studio Neck Bending Tutorial - by nelzster01 { youtube }

https://www.youtube.com/watch?v=n6bSnctqmms

[EN] AUGMENTED REALITY WITH SPARK AR! - CS50 on Twitch, EP. 49 - by CS50 { youtube }

https://www.youtube.com/watch?v=jPIZiVvYYmY&list=WL&index=26&t=0s

[EN] ArSparkShaders - Visual shaders experiments in Spark AR Studio. v50-v58 - by Guido Corallo { github }

https://github.com/gcorallo/SparkArShaders

[EN] Pro Tips for Creating in Spark AR Studio - by Dan Moller { facebook }

https://developers.facebook.com/videos/2019/pro-tips-for-creating-in-spark-ar-studio/

spark-ar-vs

[EN] AR Studio vs Lens Studio Side By Side Feature Comparison - by FusedVR { youtube }

https://www.youtube.com/watch?v=riLAnWOAkWw&list=PLihwab7Zw-Kx3WwFnH_5YjU0oz1JEKm_-&index=41

resources

[EN] This repo contains a complete solution to each tutorial on the AR Studio website - Tutorials - by Jam3 { github }

https://github.com/Jam3/interns-ar-studio-tutorials

[EN] spark-ar-patches - Some utility patches for Spark AR - by Muhammad Syahman (fukarinka) { github }

https://github.com/fukarinka/spark-ar-patches

Shaders resources

[EN] This website go through a lot of shader examples and explanations but it's a lot oriented to code website

https://webglfundamentals.org/webgl/lessons/webgl-fundamentals.html

[EN] A must read resource to understand shaders website

https://thebookofshaders.com/

[EN] Complete list of shader examples website

https://www.shadertoy.com/

[EN] Understanding shaders - by David Rousset { linkedin }

https://www.davrous.com/2020/03/22/understanding-shaders-the-secret-sauce-of-3d-engines/

[EN] Learn opengl introduction to shaders website

https://learnopengl.com/Getting-started/Shaders