昨天晚上无意中发现了Noodl，可以用来制作交互动效，顺着几个新手教程做下来之后感觉非常不错，值得深入学习作为表达想法的工具。
主要有三个点吸引我：
- 全平台
之前用过类似的软件QC，也是很好用，可惜只能在mac上用，而且只能用iPhone进行预览，在黑苹果和虚拟机上都尝试过，效果不太满意，果断放弃。 - 节点式
和第一点提到的QC一样，Noodl也是采用节点式进行编辑，这种模式的可编辑性比较强。 - 有代码
这个是我为什么不用AE的原因，AE可以做得很精细，但是不能输出代码，没有参与过实际项目，所以不知道开发会不会用这些，但是代码能让我心里有底。
由于之前接触过QC，所以上手比较快，过了几个新手教程就大概掌握了，剩下的就是不断地练习和熟悉。很奇怪的是在网上没有搜到任何相关的中文教程，不知道是不是没人用这个软件，不过无所谓，我就把我学习的过程中遇到的一些问题和思考记录下来，可以给其他有需要的伙伴参考。
安装
http://www.getnoodl.com/get-started
直接在官网上下载安装就可以，我用的是谷歌浏览器，安装过程就像是在安装一个插件。等安装完之后，我在浏览器里翻找，但是不知道怎么开始运行，还差点就放弃了。最后是在开始菜单中发现了Noodl的图标，点击之后就打开了，更奇怪的是我想找出这个程序的安装位置，最后找到的却是谷歌浏览器的运行程序，百思不得其解。
总结一下，在官网上下载安装后，在开始菜单中找到icon，点击就可以启动程序了。
软件界面
新手教程
进入界面之后左边有几个新手教程，点击之后就会开始下载，下载下来的是压缩包，里面是json格式的文件。这里有一个bug，就是每次点击下载后，软件会调用迅雷，然后软件本身就不能操作了，任何地方都不能点击，只有顶端有几个点在滑动。
不能操作
解决办法就是直接关掉，然后再重新打开。打开之后在左边选择ADD...，然后选择下载好的，解压完毕的json文件，然后就进入教程了。
关于这个地方我觉得应该是下载的问题，可能是软件和迅雷之间协调有问题，软件不知道迅雷下载好了，就一直处在下载中的状态。
官方提供的教程都很好懂，按照它的要求一步步来问题不大。
基本思路
对于刚接触这类软件的小伙伴可能不是很理解这种模式，这里我稍微说一下自己的理解吧。
首先，利用各种元素搭建框架，比如文字、正方形、圆形、图片等，这些元素有先后顺序，上面的会盖住下面的，除非上面有设置透明度。然后各种元素可以设置大小、位置、颜色等属性。
接着，就是在框架上添加各种交互效果。交互效果有两个基础的元素：触发条件、触发结果。比如为一个图层设置触发条件为按压，触发结果为从状态A到状态B，那么结果就是你按压一下图层，A就会变成B。
具体的操作方式是，先准备好触发条件作用的一个层C和触发结果作用的一个层D，然后鼠标左键点击C并拉动，就会出现一个箭头，将其指向D就可以了，然后左边就会出现各种值的选择，按照自己的需求选就可以了。
交互设置
今天先这样吧，主要讲的是思路。可以上网搜一下QC的教程，有不少大神在研究，弄懂了QC的思路之后再来接触了Noodl就很容易上手。
之后再陆续把自己学习的总结发上来。
晚安。
网友评论