Framer

이글은 지극히 개인적으로 Framer를 혼자 이해하기 위해 작성한 자료입니다. http://framerjs.com/learn/basics/ 참조 개인적으로 판단되는 Framer 작동하는 구성 요소는 크게 3가지(Layer, State, Event)+@(Animation)로 볼수 있음 레이어(Layers) 레이어란 직사각형 요소를 그리기 위한 방법이다. 레이어에 이미지, 비디오, 텍스트를 표시할 수 있다. 폭(Width), 높이(Height), 블루 배경(Background)들이 따로 설정하지 않은면 모든 레이어는 기본 세팅값을 상속받는다 ex) layerA = new Layer 한줄만 입력하여도 폭, 높이, 블루 배경값이 지정됨. # Create a layer layerA = new Layer //(New 입력 시, n을 반드시 소문자로 입력할 것) x: 0, y: 0, width: 100, height: 100 backgroundColor: ‘red’ opacity: 0.5 속성(Properties) 레이어의 위치, 외형을 정의함. 이미지, 배경, 비디오를 첨가하거나 숨길수 있음. layerB.borderRadius = 3 layerB.rotation = 45 layerB.opacity = 0.8 layerB.scale = 0.8 Posintioning(Properties) 레이어의 X, Y 위치값 설정 # Properties of layerA # x:40, y:40, width:80 layerB.x = layerA.x # 40 layerB.x = layerA.minX # 40 //마진과 같은 역할 layerB.x = layerA.maxX # 120 # The x value of the center layerB.x = layerA.midX # 80 # The y value of the center layerB.y = layerA.midY # 80 # Center 가장 흔히 사용하는 문구로 이미지를 가운데 위치하기 위한 방법 layerA.center() # Center horizontally layerA.centerX() # Center vertically layerA.centerY() 계층(Hierarchy) 레이어들의 부모/자식을 정의하는 방법 # Two ways to define hierarchy layerB.superLayer = layerA layerA.addSubLayer(layerB) 레이어 종류(Layer Types) # Layer with image layerA = new Layer image:”image.png” # Layer with video layerA = new VideoLayer video: “video.mp4″ # Layer with HTML layerA = new Layer layerA.html =”Hello” 애니메이션 레이어 속성 값(x,y, 너비, 높이, 비율, 투명도, 회전)들을 한번에 애니메이션으로 처리함 layerA.animate properties: opacity: 0.5 Timing 애미메이션 작동시간 정의의 layerA.animate properties: opacity: 0.5 curve: “ease” repeat: 1 delay: 2 time: 1 States 단계별로 레이어의 다르게 속성값을 정의하고자 이용 처음 생성한 레어어는 기본 State됨. 레어이는 여러개의 State를 가질 수 있음. Adding States # The default state layerA = new Layer opacity: 1 # A new state titled “fade” layerA.states.add fade: opacity: 0 # Switch states with animation layerA.states.switch(“fade”) # Switch states without animation layerA.states.switchInstant(“fade”) Framer 윈도우에서 Atom으로 사용하기

Using Framer on Windows with Atom

 

 

http://anime-js.com/

The Bears MLB was on the practice field yesterday, but as I wrote during training camp for the Chicago Tribune, the veteran has missed valuable time (and reps) throughout the month of August. Having spent 219m (190m) this summer it is perhaps strange that Florentino Perez did not whisk his Real Madrid stars off to Japan where he once claimed to have earned 15m for two friendlies. The biggest issue facing ESPN and Disney is that the sports cheap oakley sunglasses cable network fake oakleys has already paid huge rights fees for the next 5 years, yet the amount of subscribers paying $8 month to cover the games aren’t going to exist in a few years. Chicago Steak Company continues the long and rich tradition of delivering Mid Western Corn Fed USDA Prime, Black Angus, and Cheap Football Jerseys Premium USDA Choice steaks to homes and businesses across America.Chicago Steak Company has announced a Father’s Day special any dad would love. Live on November 18, 2012, in Los Angeles.. It was believed that one way to cure constipation was to power a four inch doughboy up your kaiser and leave it there overnight. The last step is the easiest. These were annealed and ligated downstream of the H1 promoter, and cloned into the pSUPER plasmid.22, 23 These pSUPER AHI 1 short hairpin (shRNA) oligos were digested with XhoI and EcoRI and cloned into the RPG vector. So there’s no way for sure to determine cheap oakleys if the positive was for Adderall, HGH, steroids or even that estrogen that Manny Ramirez used as a masking agent.. And unlike many others, he went back to school last year to earn a sociology degree, several years into his NFL career, to fulfill a commitment he’d previously made to his mother.. So whether you are training to win or simply running to run, it is important to know what foot problems can occur, and hopefully treat them before they become a marathon breaker.. That loss of field position and touchdowns allowed on kickoffs added up to over 2 points per game last season and while Jeff Reed still has a weak leg, the coverage teams look much better and that Wholesale Jerseys should result in a point or two per game in field position.. Sports science lets us know that a batter can’t even see the last half of a pitch’s trajectory to the plate; that hitting a professional fastball amounts to good guesswork, and that’s where the reps come in. You need Wholesale Jerseys to be able ray bans sale to sort out the wheat from the chaff to establish what works and what doesn’t. We didn’t find the explorers’ graves, and the cold mummified remains within, for over a century.. I think employers are rude, unjust, uncaring. The values from each strain were normalized with respect to SD using the CT calculation, which subtracts CT of the SD group from the CT of each strain, making the CT for SD=0.

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.