HTML5 Canvas in Animate CC: JavaScript Basics

Cursusduur

02:04:51

Niveau

Gevorderd

deel deze cursus:

Share on facebook
Share on linkedin
Share on pinterest
HTML5 Canvas in Animate CC: JavaScript Basics
75

In Adobe Animate CC kun je interactieve HTML5 publicaties maken met behulp van het zogeheten Canvas-element.

Cursusprogramma

  • Introductie cursus
    • Algemene cursusinformatie
  • Opzetten HTML5 canvas productie
    • HTML5 Canvas document opstarten en bewaren
    • Illustratie voorbereiden voor import in Animate
    • Illustratie importeren 
    • Eigenschappen van Symbolen en Instances (Properties)
    • Actions laag aanmaken voor Scripting
    • Voorbereiding van het werkdocument
  • Code Snippets > Timeline Navigation
    • Stop at this Frame
    • Click to Go to Frame and Play
    • Animeren met behulp van tijdlijn labels
  • Code Snippets > Actions
    • Click to Go to Web Page
    • Click to Show/Hide an Object
    • Click to Position an Object
    • Click to Display a Textfield
    • Custom Mouse Cursor
    • Stop & Play a Movie Clip
  • Code Snippets > Event Handlers
    • Mouse Out Event
    • Mouse Click Event
    • Mouse Double Click Event
  • Code Snippets > Animation
    • Move Horizontally / Vertically
    • Animate Horizontally / Vertically
    • Fade In / Out a Movie Clip
  • Code Snippets > Load and unload
    • Click to load Image from Library
    • Add Instance from Library
  • Exporteren en Publiceren
    • Afbeelding exporteren (poster-image)
    • Publish Settings > Basic & Advanced
    • Publish Settings > Spritesheet & Webfonts
    • Publicatie gereed voor verspreiding