However, objects can also be text and animations. Objects have properties. Properties describe the objects. They also have methods. Methods are things they can do. The method for our code shown above is play. The commands are for the object you identified before the dot. The dot after "sym" is an operator. It allows you to access different commands. If you remember, we chose the Stage as our target. It was the symbol we wanted to script to target. The base-level symbol (or root symbol) contains everything in your composition, including animations and elements. They are still symbols, but what you must realize is that JavaScript sees your Stage as a symbol – the root symbol. In the example, the sym was the Stage.
In JavaScript code, "sym" represents symbol. Keep in mind that we are talking about symbol as it relates to JavaScript. The Stage is a base-level symbol. Other symbols that you may create are built off of the Stage, so to speak. When creating a loop, we saw the code below:
#Adobe edge animate cc 2015 dll how to
Syntax is the grammar of a programming language. With JavaScript, the syntax is comprised of punctuation and words that work together behind the scenes to create the visuals on the Stage.Īlthough you do not have to know how to write JavaScript code, being able to understand the syntax will go a long way to helping you understand the scripts and what each line of a script is telling a web browser to do or display. If you go to File>Preview in Browser, you can watch your composition loop. If we created a loop, we could make it so when the playhead reached the end of the composition, it returned back to the beginning and played again. Once the animation or composition reaches a certain point, it will return to the beginning and play again. For example, we could make an image of the earth make a complete rotation during a 3-second composition. Let's learn to create a loop using a trigger.Ī loop means that an animation or a composition continues to play. Triggers must have at least 1/1000 th of a second between them on the timeline. You can place as many triggers in the timeline as you wish. Here are some things you should know about triggers: Triggers are the easiest way to add code to your composition. We already added a trigger when we worked with symbols, so you should already have an idea as to how they work. For example, a viewer clicks on a mouse button. This is an event that will cause an action to take place. Events are things that happen. Edge Animate can respond to these events with an action. Triggers are actions placed in the timeline. The playhead will reach the trigger, and the action takes place.ģ. Actions are what Edge Animate can do, such as loading a hyperlink to changing a property of an element.Ģ. JavaScript is incorporated into your composition using actions, triggers, and events.ġ. Finally, there is JavaScript that allows you to create the interaction that you need for your composition. If you want, you never have to use more than the Edge Animate API for creating interactivity in your composition. However, if you want to get more creative and adventurous, both jQuery and JavaScript are there for you. Together with JavaScript and jQuery, the Edge Animate API gives you control over the level of interaction in your composition. Of course, the Edge Animate API will be your first method of control since it contains built-in functions. Next is jQuery. With use of the Edge Animate API, you don't have to worry about writing a line of JavaScript. The Edge Animate API, or Application Programming Interface, also provides built-in JavaScript functions that you can use. By taking some of the tasks that require lines and lines of JavaScript code and making those same tasks require only one line of code, jQuery can make the most complicated things simple to do. jQuery is a JavaScript framework, not another coding language. It helps bring structure to the code and make it so that it's organized. JQuery is a JavaScript library that makes it easier to use JavaScript.
0 kommentar(er)
