GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Aymenworks → particle-animations

Aymenworks / particle-animations

Licence: other
Animate your iOS app with particle systems

Programming Languages

swift
15916 projects

Labels

iosparticle-effectsanimationsios-animationparticle-animation

Projects that are alternatives of or similar to particle-animations

Hero
Elegant transition library for iOS & tvOS
Stars: ✭ 20,547 (+146664.29%)
Mutual labels:  animations, ios-animation
react-native-swipe-cards-interaction
React native swipe cards interaction
Stars: ✭ 142 (+914.29%)
Mutual labels:  animations, ios-animation
Awesome Ios Animation
A curated list of awesome iOS animation, including Objective-C and Swift libraries
Stars: ✭ 4,983 (+35492.86%)
Mutual labels:  animations, ios-animation
React Native Dating App
Dating app - Exponent and React Native
Stars: ✭ 352 (+2414.29%)
Mutual labels:  animations, ios-animation
Loadingshimmer
An easy way to add a shimmering effect to any view with just one line of code. It is useful as an unobtrusive loading indicator.
Stars: ✭ 1,180 (+8328.57%)
Mutual labels:  animations, ios-animation
Web Portfolio
Personal portfolio website made with the React
Stars: ✭ 207 (+1378.57%)
Mutual labels:  animations
Motion Shapeofview
Explain how to use MotionLayout with ShapeOfView
Stars: ✭ 236 (+1585.71%)
Mutual labels:  animations
Animated Timeline
🔥 Create timeline and playback based animations in React
Stars: ✭ 197 (+1307.14%)
Mutual labels:  animations
Swiftyanimate
Composable animations in Swift
Stars: ✭ 194 (+1285.71%)
Mutual labels:  animations
CameraButton
No description or website provided.
Stars: ✭ 31 (+121.43%)
Mutual labels:  animations
Flutter-animations
A collection of Animations that aims to improve the user experience for your next flutter project.
Stars: ✭ 137 (+878.57%)
Mutual labels:  animations
React Spinners Css
Amazing collection of React spinners components with pure css
Stars: ✭ 232 (+1557.14%)
Mutual labels:  animations
React Native Modalfy
🥞 Modal citizen of React Native.
Stars: ✭ 212 (+1414.29%)
Mutual labels:  animations
Editly
Slick, declarative command line video editing & API
Stars: ✭ 3,162 (+22485.71%)
Mutual labels:  animations
Xamarin Forms Page Transitions
Custom page transitions in a Xamarin.Forms App
Stars: ✭ 200 (+1328.57%)
Mutual labels:  animations
VinylShop
https://dribbble.com/shots/4996346-Vinyl-Shop-mobile-app
Stars: ✭ 30 (+114.29%)
Mutual labels:  animations
React Portfolio Template
Modern React Portfolio Template (FREE)
Stars: ✭ 188 (+1242.86%)
Mutual labels:  animations
Primer
Intro Animation like Google Primer
Stars: ✭ 230 (+1542.86%)
Mutual labels:  animations
flutter dribble login challenge
A flutter animation UI challenge.
Stars: ✭ 51 (+264.29%)
Mutual labels:  animations
Lottie React Native
Lottie wrapper for React Native.
Stars: ✭ 14,707 (+104950%)
Mutual labels:  animations
View All Similar Projects ➔

Animate your iOS app with Particle Systems

Introduction

Apple introduced with iOS 5 an entire family of specialized layers, subclasses of the CALayer class: CAGradientLayer, CAShapeLayer, CAEmitterLayer.

Each of those classes has been designed for a very specific task. Particles can be used to create real-time animations for effects like fire, rain, snow, etc.

Wait… Particle what?

Well, It’s not that unknown. You’ve probably seen it already in many iOS apps.

The Keynote mac application has also a fire animation.

Facebook use it for its Facebook Live feature

Particle animations are made up of two components: CAEmitterLayer, and CAEmitterCell.

I like to think that it’s like a bread. You have the bread, which the the CAEmitterLayer and the breadcrumb, the CAEmitterCells.

CAEmitterLayer acts as a container for a collection of CAEmitterCell. CAEmitterCell determines how it looks and moves, how fast to create, how long the particles should live.

I think this is a really cool Core Animation tool you can use in your projects.

Copyright & License

Released under the MIT License.

Copyright © Aymen Rebouh 🤡.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].