FramerJS 笔记

Sketch导入

  1.从Sketch导入时,只能取到编组,需要先对编组命名,组的命名为英文字母

  2.只能导入一个画板

  3.画板位置(X,Y)必须为0,0

  4.导入前必须保存SK文件,否则无法导入

  5.导入的文件可以取到二级编组的组(理论上可以取到任何一个组)

  6.导入的图层大小和sketch中图层大小一样,可以调整framer中显示画面的大小

  7.没有编组的元素无法导入

语法

  1.严格遵循缩进,缩紧即为子项


循环

 for i in [0..10]

注意这里是从0开始,到10,一共11个

一般用于批量生成相似图层,使用i来调整属性的数值


Layers下的xx1到xx8的透明度为0这样写

for i in [1..8]

  Layers["xx#{i}"].opacity = 0

例子:

framerLayers = Framer.Importer.load "imported/Untitled"

for i in [1..8]

framerLayers["tu#{i}"].opacity = 0

framerLayers["tu#{i}"].scale = 0

framerLayers["tu#{i}"].rotation = 20


tuAnimate = (layer, time) ->

layer.animate

properties:

opacity: 1

scale: 1

rotation: 0

delay: time

curve: "spring(400, 40, 0)"


framerLayers.dianji.on Events.Click, ->

framerLayers.dianji.opacity = 0

for i in [1..8]

tuAnimate(framerLayers["tu#{i}"], i * 0.07)



数组

使用数组首先要声明数组 xx = []

把对象推入数组使用这句话 xx.push(被推入的对象)

数组经常和循环一起使用

取得数组第一个对象 xx[0],数组的顺序和推入的顺序一样

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容