Commit 4d0b972d authored by O'Reilly Media, Inc.'s avatar O'Reilly Media, Inc.
Browse files

Initial commit

parents
Loading
Loading
Loading
Loading
+7 −0
Changes for Learning Adobe Edge Animate CC - Working Files/Chapter 1/No Work Files.rtf: 7 added lines, 0 removed lines.
Original line number Diff line number Diff line
{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
\margl1440\margr1440\vieww9000\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural

\f0\fs24 \cf0 No work files for this lesson...}
 No newline at end of file
+103 KiB

File added.

No diff preview for this file type.

+101 −0
Changes for Learning Adobe Edge Animate CC - Working Files/Chapter 10/Multi-state button/adding_navigation/adding_navigation.an: 101 added lines, 0 removed lines.
Original line number Diff line number Diff line
{

	"button-Default Timeline_playhead_ms":"0",
	"symbol_button":{
		"element_${_active}":{
			"timelineColor2":"0x168c84",
			"timelineColor3":"0x2a605c",
			"timelineColor":"0x00a096"},
		"element_${_up}":{
			"timelineColor2":"0x1095d2",
			"timelineColor3":"0x29647e",
			"timelineColor":"0x00a9fa"},
		"element_${_down}":{
			"timelineColor2":"0x107faa",
			"timelineColor3":"0x295a6d",
			"timelineColor":"0x008dc8"},
		"element_${_over}":{
			"timelineColor2":"0x326a96",
			"timelineColor3":"0x385063",
			"timelineColor":"0x2f73ad"},
		"element_${_RoundRect}":{
			"timelineColor2":"0x81aa62",
			"timelineColor3":"0x5b6c4d",
			"timelineColor":"0x91c767",
			"locked":"true",
			"animationEnabled":"true"}},
	"ModelData":"{\
\"stage\": {\
   \"timelines\": {\
      \"Default Timeline\": {\
      }\
   }},\
\"button\": {\
   \"timelines\": {\
      \"Default Timeline\": {\
      }\
   }},\
\"Preloader\": {\
   \"timelines\": {\
\
   }},\
\"Down-level\": {\
   \"timelines\": {\
\
   }}\
}",
	"pref__general__FilterNonAnimatedElements":"false",
	"pref__general__AutoKeyframePropertiesArmed":"false",
	"symbol_stage":{
		"element_${_RoundRect}":{
			"timelineColor2":"0x1aa38f",
			"timelineColor3":"0x2a6a61",
			"animationEnabled":"false",
			"timelineColor":"0x00bda4"},
		"dummyStageParentWidth":"550px",
		"element_${_facebook}":{
			"timelineColor2":"0x4fa275",
			"timelineColor3":"0x456a55",
			"timelineColor":"0x50bd82",
			"timelineTreeOpened":"false",
			"animationEnabled":"false"},
		"element_${_Text}":{
			"timelineColor2":"0xba5b89",
			"timelineColor3":"0x734a5f",
			"timelineColor":"0xdb619d"},
		"defaultStageParentHeight":"400px",
		"element_${_button}":{
			"timelineColor2":"0xd35d6e",
			"timelineColor3":"0x7e4b52",
			"animationEnabled":"true",
			"timelineColor":"0xfb657a"},
		"element_${_pinterest}":{
			"timelineColor2":"0xb099ce",
			"timelineColor3":"0x70657c",
			"timelineColor":"0xceaef4",
			"timelineTreeOpened":"false",
			"animationEnabled":"false"},
		"defaultStageParentWidth":"550px",
		"element_${_twitter}":{
			"timelineColor2":"0x5a558a",
			"timelineColor3":"0x4a485e",
			"timelineColor":"0x63599f",
			"timelineTreeOpened":"false",
			"animationEnabled":"false"},
		"element_${_Stage}":{
			"timelineColor2":"0xcbbd71",
			"timelineColor3":"0x7b7652",
			"timelineColor":"0xeedf79"},
		"dummyStageParentHeight":"400px"},
	"TransitionIdCounter":"17",
	"CompZoomFactor":"100",
	"viewStartY":"0",
	"colorSwatches":"rgba(126,85,167,1.00)|rgba(85,159,167,1.00)|rgba(85,123,167,1.00)",
	"StageZoomFactor":"100",
	"expanded:images/":"false",
	"usedBOM":"false",
	"nextElementColorIndex":"13",
	"pref__general__GenerateSmoothTransitions":"false",
	"HTMLFileName":"adding_navigation.html",
	"pixelsPerMs":"0.2",
	"stage-Default Timeline_playhead_ms":"0"}
 No newline at end of file
+19 −0
Changes for Learning Adobe Edge Animate CC - Working Files/Chapter 10/Multi-state button/adding_navigation/adding_navigation.html: 19 added lines, 0 removed lines.
Original line number Diff line number Diff line
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
	<title>Untitled</title>
<!--Adobe Edge Runtime-->
    <script type="text/javascript" charset="utf-8" src="adding_navigation_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-689903244 { visibility:hidden; }
    </style>
<!--Adobe Edge Runtime End-->

</head>
<body style="margin:0;padding:0;">
	<div id="Stage" class="EDGE-689903244">
	</div>
</body>
</html>
 No newline at end of file
+150 −0
Changes for Learning Adobe Edge Animate CC - Working Files/Chapter 10/Multi-state button/adding_navigation/adding_navigation_edge.js: 150 added lines, 0 removed lines.
Original line number Diff line number Diff line
/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
//images folder
var im='images/';

var fonts = {};


var resources = [
];
var symbols = {
"stage": {
   version: "2.0.1",
   minimumCompatibleVersion: "2.0.0",
   build: "2.0.1.268",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
         dom: [
         {
            id:'Text',
            type:'text',
            rect:['57px','32px','auto','auto','auto','auto'],
            text:"facebook",
            font:['Arial, Helvetica, sans-serif',[24,""],"rgba(0,0,0,1)","normal","none",""]
         },
         {
            id:'button',
            type:'rect',
            rect:['44','29','auto','auto','auto','auto']
         }],
         symbolInstances: [
         {
            id:'button',
            symbolName:'button'
         }
         ]
      },
   states: {
      "Base State": {
         "${_Stage}": [
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "width", '550px'],
            ["style", "height", '400px'],
            ["style", "overflow", 'hidden']
         ],
         "${_Text}": [
            ["style", "left", '57px'],
            ["style", "top", '32px']
         ],
         "${_button}": [
            ["style", "opacity", '0.80382300204918']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 0,
         autoPlay: true,
         timeline: [
            { id: "eid16", tween: [ "style", "${_button}", "opacity", '0.80382300204918', { fromValue: '0.80382300204918'}], position: 0, duration: 0 }         ]
      }
   }
},
"button": {
   version: "2.0.1",
   minimumCompatibleVersion: "2.0.0",
   build: "2.0.1.268",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      rect: ['0px','0px','122px','34px','auto','auto'],
      borderRadius: ['10px','10px','10px','10px'],
      id: 'RoundRect',
      stroke: [0,'rgba(0,0,0,1)','none'],
      type: 'rect',
      fill: ['rgba(85,159,167,1)']
   },
   {
      type: 'rect',
      borderRadius: ['10px','10px','10px','10px'],
      rect: ['0px','0px','122px','34px','auto','auto'],
      id: 'active',
      stroke: [0,'rgb(0, 0, 0)','none'],
      cursor: ['pointer'],
      fill: ['rgba(247,9,9,1.00)']
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${_RoundRect}": [
            ["color", "background-color", 'rgba(85,159,167,1.00)'],
            ["style", "left", '0px'],
            ["style", "top", '0px']
         ],
         "${_active}": [
            ["color", "background-color", 'rgba(247,9,9,1.00)'],
            ["style", "opacity", '0'],
            ["style", "cursor", 'pointer']
         ],
         "${symbolSelector}": [
            ["style", "height", '34px'],
            ["style", "width", '122px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 1000,
         autoPlay: false,
         labels: {
            "up": 0,
            "over": 500,
            "down": 1000
         },
         timeline: [
            { id: "eid2", tween: [ "color", "${_RoundRect}", "background-color", 'rgba(126,85,167,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(85,159,167,1)'}], position: 0, duration: 500 },
            { id: "eid3", tween: [ "color", "${_RoundRect}", "background-color", 'rgba(114,77,151,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(126,85,167,1)'}], position: 500, duration: 500 },
            { id: "eid7", tween: [ "style", "${_RoundRect}", "top", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
            { id: "eid8", tween: [ "style", "${_RoundRect}", "top", '0px', { fromValue: '0px'}], position: 500, duration: 0 },
            { id: "eid9", tween: [ "style", "${_RoundRect}", "top", '2px', { fromValue: '0px'}], position: 1000, duration: 0 }         ]
      }
   }
}
};


Edge.registerCompositionDefn(compId, symbols, fonts, resources);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-689903244");
Loading