UIEffectDesigner 粒子效果

关注

转载最新推荐文章于 2026-07-25 08:07:27 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

iOS粒子效果模拟器—UIEffectDesigner CAEmitterLayer是一个高性能的粒子引擎，被用来创建实时例子动画如：烟雾，火，雨等等这些效果。但CAEmitterLayer需要设置的参数特别的多，每一种参数都会产生特定的效果。为了调试节省时间，国外大神开发了一款粒子效果模拟器——UIEffectDesigner，效果如下：阅读详情

http://www.touch-code-magazine.com/uieffectdesigner/

UIEffectDesigner 0.1 beta

A lightweight Particle System Designer using QuartzCore.

Design visually particle effects and save the effects as files.

Open effects, edit them any time, show particle systems in your iPhone or OSX apps with 2 lines of code.

For a video tutorial on how to design particle effects check this article.

Usage

Fire up UIEffectDesigner and model your desired effect by adjusting the controls in the control window.

When you are happy with the effect click File/Save... and save the effect as [name_of_your_choice].ped.

Follow these 4 easy steps:

1) Add the .ped file to your Xcode project.

2) Add the QuartzCore.framework to your project.

3) Add to your project the UIEffectDesignerView class - download from here

4) Show the effect on the screen:

For iOS add in your ViewController code:

UIEffectDesignerView* effectView = [UIEffectDesignerView effectWithFile:@"[name_of_your_choice].ped"];
[self.view addSubview:effectView];

For OSX add to your AppDelegate code:

UIEffectDesignerView* effectView = [UIEffectDesignerView effectWithFile:@"[name_of_your_choice].ped"];
[self.window.contentView addSubview: effectView];

Complete example of using the UIEffectDesignerView for iOS and OSX you can find on GitHub here.
Feel free to send me feedback from this page

Sample effects