图形化的编程工具 Quartz Composer

商业软件
OS X
2013-12-21
红薯

Quartz Composer 是一款图形化的编程工具,专门用来生成各种动态视觉效果,包括可交互的界面原型。

Quartz Composer 的优势一来在于它生成的交互原型是可操作的,二来它能生成的动态效果灵活丰富,自由度相当高(它可以自定义曲线控制运动速度与轨迹),另外它虽然是编程工 具,但基本不用写代码就可以实现生成动态效果与交互所需要的逻辑。(对于复杂的逻辑则可以通过 JavaScript 实现)

在 Quartz Composer 中可以通过 Timeline Patch 来自定义动态变化的轨迹。

与 Quartz Composer 对比起来,After Effects 等工具制作的交互演示动画是不可操作的,开发者仅看一段设定好的动画理解起来可能会有障碍。HTML/CSS/JS 实现的交互原型可操作,但动画效果不如 QC 丰富灵活,另外写代码经常需要除 bug,也增加了时间成本。(因此不需交互的动画就别用 QC 来做了,用 QC 来实现动画效果某种程度上相当于用代码把动画效果写出来,效率自然不如 AE 高。同理,如果熟悉 HTML/CSS 的话,用于网页的 CSS 动画也没必要用 QC 来设计)

简单来说可以把 Quartz Composer 想象成图形化的 jQuery,我们只需把封装好的代码模块(patch)组装起来,设好参数,便能生成各种动态效果。由于是个编程工具,入门 Quartz Composer 需要点编程基础,最好会写 JavaScript 方便实现复杂的逻辑(初期对各种 patch 不熟悉更常会用到)。

Quartz Composer 的基本原理就是把各种封装好的代码模块拼接起来。

文档介绍:

https://developer.apple.com/library/mac/documentation/GraphicsImaging/Conceptual/QuartzComposerUserGuide/QuartzComposerUserGuide.pdf

加载中

评论(1)

cindy21
cindy21
做交互还是用国产Mockplus吧,里面封装了200多个常用组件和3000多个素材图标,开箱即用,很便捷。

暂无资讯

暂无问答

iOS动画:Core Animation概述

Core Animation 基于合成独立图层的简单编程模型,您可以使用 Core Animation 来建立具有动画效果的用户体验。动画是按定义好的关键步骤创建的,步骤描述了文字层、图像层和 OpenGL ES 图形是...

2012/07/27 12:27
510
0
UI交互设计的网站

1、http://www.xueui.cn/other-tutorials/ui-interaction-design.html 2、 http://www.3lian.com/edu/2015/12-07/262592.html 3、 http://www.uisdc.com/gif-animaticons-icon-download 4、 ...

2016/03/11 17:24
5
1
UI交互设计的网站

1、http://www.xueui.cn/other-tutorials/ui-interaction-design.html 2、 http://www.3lian.com/edu/2015/12-07/262592.html 3、 http://www.uisdc.com/gif-animaticons-icon-download 4、 ...

2016/03/11 16:49
1
1
Xcode3.2.5中找不到Mac OS X - Command Line Utility -...

在《Objective-C基础教程》中例程要求选择Xcode中Mac OS X - Command Line Utility - Foundation Tool 但在Xcode3.2.5中Mac OS X中没有Command Line Utility, 左侧只有Application/Framewo...

2013/01/15 08:34
397
0
composer 安装

composer 安装

2016/10/19 15:13
15
0
windows下 composer常见问题及处理

windows下 composer常见问题及处理

2015/12/07 11:14
9.6K
3
Composer安装(Xampp和lnmp环境)及常用命令

**1.下载安装Xampp** https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/5.6.23/xampp-win32-5.6.23-0-VC11.7z/download **2.安装composer** Xampp安装目录为D:\xampp,将D:\xa...

2016/08/11 19:14
40
0
Codeigniter composer 和 __autoload魔术方法冲突解决

在CI2中,为了拓展更多的类库,比如(MY_A_Controller,MY_B_Controller),我们使用了__autoload($class)的魔术方法进行解决,在CI3依旧可以使用,但是新的问题来了,CI3支持了composer貌似与这...

2015/11/02 16:19
1K
0
Composer - PHP依赖管理

>Composer是 PHP 用来管理依赖的工具,提供了科学的第三方包的模块化及更新方案。 ## 运行原理 1. `composer.json`声明项目依赖 2. `composer`工具前往`packagist.org`仓库获取包的元数据信息...

2015/10/04 22:52
485
0
Composer 安装(一)

## 一、简介 Composer 是 PHP 用来管理依赖(dependency)关系的工具。你可以在自己的项目中声明所依赖的外部工具库(libraries),Composer 会帮你安装这些依赖的库文件。 ## 二、为什么要使...

2016/08/06 08:34
43
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部