Spark-AR

Spark-AR


Tutorial #1

Setting Up

  • Way to manipulate size and device simulators
  • Intro of the projects you can create with Spark-AR
  • Canvas, Patch and Console manipulation
  • Sharing your device on Instagram, Spark-AR, and Facebook


Tutorial #2

Adding 2D Object

  • Adding Face Tracker
  • Moving and Resizing the image
  • Manipulating canvas
  • Adding Mat

Tutorial #3

Creating Frankenstein

  • Adding Face Tracker
  • Adding mesh to the face tracker
  • Use pre built face manipulation package

Tutorial #4

Adding 3D Texture, Particle System, Face Smoothing

  • Adding 3D texture and attaching it to FaceTracker
  • Adding Particle System in a shape of stars and attaching it to FaceTracker
  • Smoothen the face of the person and make it look clean.




Tutorial #5

Other Resources:

  • Spark-AR community 
  • Official Documentation
  • Inspiration
  • Interface Tutorial
  • FAQ

Tutorial #6

Adding 3D Object

  • Introduction of 3rd party 3D Objects through Sketchfab
  • Adding mat and facemesh

Tutorial #7 

What Marvel Character Are You Game?

  • Face-tracker
    • Canvas object 1 (Question)
      • Mat
        • Question Image
    • Canvas object 2 (Answer)
      • Mat
        • Image Sequence (Animated)
  • Introduction to Patch Editor
    • Screen Tap
    • Switch
      • Not -> tag it to Question Visible
      • -> tag it to Answer Visible
    • Runtime
      • Offset
      • Screen Tab should be connected to Offset , specifically to reset.
        • less that => loop animation
          • connect loop animation to Random
            • Animation Seq, Current Frame should be tagged to round.





Tutorial #8


Blobby-bird game. Final Project

This tutorial will be divided into 3 section. 

Section 1) -Layout
    • Technical: 
      • FaceTracker
        • Canvas1 - background 1
          • plane1 - attach mat and background image
          • plane1 - attach mat and background image
        • Canvas2 - character
          • plane - attach mat and character animation.
          • plane - colliders attache mat and collider animation
        • Canvas3 - GameOver
          • canvas cover full screen except text and score
            • attach mat and game over character image.
            • add rectangle and cover the full screen, this bg should be above canvas cover. 
            • add text ( tap to replay )
        • Canvas4 -  Score text and number
          • text1 - score 
          • text2 - score text



Section 2) - Functionality 

part A

  1. Screen tap => Switch => Value => Loop Animation 
    1. Transition 1) => Background position attached
    2. Transition 2) => Background position attached
  2. Loop Animation => 
    1. Transition => Colliders position Attached
    2. Random => Round => Collider Sequence current frame attached
  3. Face Finder => Face Select => faceTracker => Blink 
    1. Animation => Transition => Character position attached
    2. Delay




part B

  1. Group and smoothen jump 
  2. Collision calculation'



part C

  1. Replay functionality on tap 
  2. Counter

pard D

  1. Scripts to track the score number. 



Section 3) - Sound, effects, and other capabilities. 

Tutorial #9

Scripts.

Introduction to the scripting environment in Spark-AR


Remove Object on Mouth Openness project. 


















Comments