{"id":1891,"date":"2013-09-28T08:50:08","date_gmt":"2013-09-28T08:50:08","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=1891"},"modified":"2017-01-27T12:49:12","modified_gmt":"2017-01-27T03:49:12","slug":"flex%ec%97%90%ec%84%9c-timeline-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ec%a3%bc%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=1891","title":{"rendered":"Flex\uc5d0\uc11c Timeline \uc560\ub2c8\uba54\uc774\uc158 \uc8fc\uae30"},"content":{"rendered":"<p>greenshock\uc758 tween \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud0c0\uc784\ub77c\uc778 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc8fc\ub294 \uac83\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc694\uc998 UI \ub514\uc790\uc778\uc758 \ucd94\uc138\uac00 \uc815\uc801\uc778 \ubd80\ubd84\uc5d0\uc11c\ub294 \ucd5c\ub300\ud55c Simple\ud558\uac8c.. \ub300\uc2e0 \ub3d9\uc801\uc778 \ud6a8\uacfc\ub97c \uc8fc\ub294 \uac83\uc774\uae30\uc5d0 \ucd94\ud6c4 \uace0\uac1d\uc5d0\uac8c \uc81c\uacf5\ud560 \uc2dc\uc2a4\ud15c\uc5d0\uc11c \uc801\uc6a9\ud574\ubcfc \uc694\ub7c9\uc73c\ub85c \ud559\uc2b5\ud558\uc5ec \uc815\ub9ac\ud574\ubd05\ub2c8\ub2e4.<\/p>\n<p>\uc6d0\ud558\ub294 \ud6a8\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. \uc0ac\uac01\ud615 \ubc84\ud2bc\uc744 0.4\ucd08\uac04 \uc218\ud3c9\uc73c\ub85c \ud654\uba74\uc758 \uac00\ub85c \uac00\uc6b4\ub370\ub85c \uc774\ub3d9\ud558\uace0 \ub2e4\uc2dc 0.4\ucd08\uac04 \uc218\uc9c1\uc73c\ub85c \ud654\uba74\uc758 \uc138\ub85c \uac00\uc6b4\ub370\ub85c \uc774\ub3d9\ud55c \ub4a4.. \ub05d\uc73c\ub85c 0.3\ucd08\uac04 2\ubc30 \ud655\ub300\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc785\ub2c8\ub2e4.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1105214602.png\" class=\"aligncenter\" width=\"336\" height=\"343\" alt=\"\uc0ac\uc6a9\uc790 \uc0bd\uc785 \uc774\ubbf8\uc9c0\" \/><br \/>\uc774\uc5d0 \ub300\ud55c \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre>\r\nTweenPlugin.activate([TransformMatrixPlugin, BezierPlugin]); \/\/ 1\ubc88\ub9cc \ud638\ucd9c\ud558\uba74 \ub428\r\n\r\nvar myTimeline:TimelineLite = new TimelineLite({paused:true}); \r\nvar w:Number = btn.width;\r\nvar h:Number = btn.height;\r\n\r\n\/\/ \ud654\uba74 \uc911\uc2ec \uc774\ub3d9 \ubc0f \ud655\ub300\ub97c \uc704\ud574 \ud654\uba74 \ud06c\uae30(300, 300)\uc758 \ubc18\uc808\uac12\uc778 150 \uc0ac\uc6a9 \r\nmyTimeline.append(new TweenLite(btn, 0.4, {x:150-w\/2})); \r\nmyTimeline.append(new TweenLite(btn, 0.4, {y:150-h\/2}));\r\nmyTimeline.append(\r\n    new TweenMax(btn, 0.3, {transformMatrix:{tx:150-w,ty:150-h,scaleX:2, scaleY:2}})\r\n);\r\n\r\nmyTimeline.play();\r\n<\/pre>\n<p>\uac04\ub2e8\ud558\uac8c\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8(UX)\ub294 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4(UI)\uc640 \ub3d9\uc77c\ud558\uac8c \uc0dd\uac01\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ucd5c\uadfc Windows 8\uc774\ub098 Apple\uc758 iOS\uc758 UI\ub97c \uc0b4\ud3b4\ubcf4\uba74 \uacfc\uac70 \uc785\uccb4\uc801\uc778 UI\uc5d0\uc11c \ubc97\uc5b4\ub098 \ubcf4\ub2e4 \ud3c9\uba74\uc801\uc778 UI\ub85c \ub514\uc790\uc778\ub418\uc5b4 \uc788\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc774 \ud3c9\uba74\uc801\uc778 UI\uc5d0 \uc0ac\uc6a9\uc790\uac00 \ubc18\uc751\uc744 \ud558\uac8c \ub418\uba74 \ub9c8\uce58 \uc0dd\uba85\uccb4\ucc98\ub7fc \uc6c0\uc9c1\uc5ec \ubc18\uc751\ud558\uac8c \ub429\ub2c8\ub2e4. <\/p>\n<div><\/div>\n<div>UI \ubc0f UX\ub97c \uac00\uc7a5 \ud6a8\uacfc\uc801\uc73c\ub85c \ud559\uc2b5\ud558\ub294 \ubc29\ubc95\uc740 \uc774\ub7ec\ud55c OS\uc758 UI\ub97c \uc0b4\ud3b4\ubcf4\uace0 \uc0ac\uc6a9\ud574 \ubcf4\ub294 \uac83\uc774 \uac00\uc7a5 \uc88b\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4. \uac1c\ubc1c\uc790\ub098 \ub514\uc790\uc774\ub108\ub77c\uba74.. \uc774\ub7ec\ud55c \uc0ac\uc6a9\uc5d0\uc11c \ub05d\ub098\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \uc790\uc2e0\uc774 \ub9cc\ub4dc\ub294 \ucc3d\uc791\ubb3c\uc5d0\ub3c4 \uc774\ub7ec\ud55c \ubc30\uc6c0\uc744 \ubc18\uc601\ud574 \ubcf4\ub294 \uac83\uc774 \uc758\ubbf8\uc788\ub294 \uc77c\uc774\ub77c \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>greenshock\uc758 tween \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud0c0\uc784\ub77c\uc778 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc8fc\ub294 \uac83\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc694\uc998 UI \ub514\uc790\uc778\uc758 \ucd94\uc138\uac00 \uc815\uc801\uc778 \ubd80\ubd84\uc5d0\uc11c\ub294 \ucd5c\ub300\ud55c Simple\ud558\uac8c.. \ub300\uc2e0 \ub3d9\uc801\uc778 \ud6a8\uacfc\ub97c \uc8fc\ub294 \uac83\uc774\uae30\uc5d0 \ucd94\ud6c4 \uace0\uac1d\uc5d0\uac8c \uc81c\uacf5\ud560 \uc2dc\uc2a4\ud15c\uc5d0\uc11c \uc801\uc6a9\ud574\ubcfc \uc694\ub7c9\uc73c\ub85c \ud559\uc2b5\ud558\uc5ec \uc815\ub9ac\ud574\ubd05\ub2c8\ub2e4. \uc6d0\ud558\ub294 \ud6a8\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. \uc0ac\uac01\ud615 \ubc84\ud2bc\uc744 0.4\ucd08\uac04 \uc218\ud3c9\uc73c\ub85c \ud654\uba74\uc758 \uac00\ub85c \uac00\uc6b4\ub370\ub85c \uc774\ub3d9\ud558\uace0 \ub2e4\uc2dc 0.4\ucd08\uac04 \uc218\uc9c1\uc73c\ub85c \ud654\uba74\uc758 \uc138\ub85c \uac00\uc6b4\ub370\ub85c \uc774\ub3d9\ud55c \ub4a4.. \ub05d\uc73c\ub85c 0.3\ucd08\uac04 2\ubc30 \ud655\ub300\ud558\ub294 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=1891\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Flex\uc5d0\uc11c Timeline \uc560\ub2c8\uba54\uc774\uc158 \uc8fc\uae30&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63],"tags":[],"class_list":["post-1891","post","type-post","status-publish","format-standard","hentry","category-actionscript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1891"}],"version-history":[{"count":3,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1891\/revisions"}],"predecessor-version":[{"id":2953,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1891\/revisions\/2953"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1891"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}