In Studio, you can create cards or edit cards.
  • Card Header
    • Every card has it's header data : card's icon, title, and password.
    Icon and title will be shown as the information of the card.
    Password can be used to enable protection form people to edit your card.
  • Card Resources
    • Resources is the first thing you need to define to begin creating animation.
    ClapCard supports text, image, sound, and video resources.
    Simply click the Text, Image, Audio, or Video button will create the resource. Click on the list item will open edit menu.
    • Source
      • Source is to define the content of the resource. The source name is just to rename the resource name, not the resource content.
      For image, audio, and video, you need to define the file to load.
      Wrap content in image is to make the image fit in the screen (with max size when image rotation too). Proportional option will try to resize the image with proportional size, for example when you set width 100 and height 200, it may result width 100 and height 50.
    • Animation
      • Animation in resource is different with animation in scene. Resource has it's own inner animation, playing together with frames in scene.
      When first created, image and text will have 1 act in the animation (audio and video has no animation). New Act button will create another animation.
      The thing you need to know is that each act has frames and animation is continued from the prevoius act.
      For example theres 2 act :
      1. Act 1 : 50 frames with opacity 255
      2. Act 2 : 100 frames with opacity 0
      When animated, the first 50 frames will have the resource to have opacity 255, and after that opacity will gradually reduced to 0 within 100 frames.

      Trigger Act button will create OnPressed, OnReleased, and OnShaked state. This will be displayed when triggered by action.
  • Card Scenes
    • After creating resources, you will need to create scenes.
    The "Set As Starter Scene" is to set the scene as the beginning of scene that will be played. Position in scenes is not a mean that it will be played in that order.

    Press on the scene item, and choose edit scene to start editing.
    You will se blank view with timelines. Press phone's Menu button to put resources.
    After put resources, in the screen will have a resource box drawn to it. Resources z order is like layer order, but in reverse order. the lower z order will be on the front of the higher z order.
    In version 1.0 i got screwed with the z order.
    It's supposed to be like other app z order, which drawn lower order first than higher order
    After ADC 2 ends, i will change the z order for release version 2.0.


    Click the resource button to edit it. Change resource is simply do what it said, to change the resource with another resource.

    Now we enter the Edit Action option, will go to the Clap Scene Item screen.
    Press New Action button to add scene. Each item will have information as example :
    • Start : Frame 1 x=100 y=100 rotate=0.0 scale=1.0
      • This means the action item will be start in frame 1 with position 100,100 and rotation 0 and scale 1
    • End : Frame 11 x=200 y=200 rotate=0.0 scale=1.0
      • This means the action item will be end in frame 11 with position 200,200 and rotation 0 and scale 1

      The animation will be played at frame 1 with it's start state and will gradually animated to the end state.
    • Looping 0 times
      • Looping means the loop in resource's inner animation. Remember that when executing scene animation, resource also execute it's own animation.
    • Trigger Sensor : OnClick
      • This means while animating the action, it's prepared to be trigger by clicking the item.
    • Trigger Dial 1234
      • When triggered will dial number 1234.
    One trick you need to know is when you need the resource's inner animation to be continued playing in another action, then you need to make the Start Frame has the same as the End Frame of the previous act.

    Settings in the scene has a Next Play Scene option. Hold scene means the scene will be hold altough no more frame to be played.
    Remember that even its holding, the resource's inner animation will still be playing (if any).
    Finish means after playing all frames, it will exit the card player.
    To go to another scene, first you need to have another scene, and the scene will be availble in Next Play Scene option