在dribble上看到過(guò)許多精彩的交互動(dòng)效，一直在尋找一款比較好的動(dòng)效制作軟件。試過(guò)pixate，但是很快就放棄了，覺(jué)得這個(gè)軟件支持的有限，而且邏輯上就是把握不好。
找到Framer，正好我有一定的前端知識(shí)，想想設(shè)計(jì)師在啪啪啪的敲代碼，就覺(jué)得好帥氣，所以就決定來(lái)學(xué)習(xí)這款軟件。其實(shí)，用到的前段知識(shí)真的不多，看的懂代碼就好啦。
這個(gè)系列我會(huì)持續(xù)更新下去，希望早日可以做出帥氣的動(dòng)效 :)
貼出代碼
Screen.backgroundColor="#877dd4"
layerA=new Layer
? ? ? ? ?width: 150
? ? ? ? ?height: 150
? ? ? ? ?x:Align.center(-98)
? ? ? ? ?y:Align.center()
? ? ? ? ?backgroundColor: "#fff"
? ? ? ? ?borderRadius: 6
layerB=new Layer
? ? ? ? ?width: 150
? ? ? ? ?height: 150
? ? ? ? ?x:Align.center(90)
? ? ? ? ?y:Align.center
? ? ? ? ?backgroundColor: "#fff"
? ? ? ? ?borderRadius: 75?
? ? ? ? ?layerA.states.add
? ? ? ? ?rotated:
? ? ? ? ?rotationX:180
layerA.states.add
? ? ? ? ?rotated:
? ? ? ? ? ? ? ?rotationX:180
layerB.states.add
? ? ? ? ? rotated:
? ? ? ? ? ? ? borderRadius:6
? ? ? ? ? ? ? rotation: 90
Utils.interval 2,->
layerA.states.next()
Utils.interval 3,->
layerB.states.next()
