Simple water drops animation 💧

Oh Hyungjun

Last update: Nov 10, 2022

Related tags

Animation WaterDrops

Overview

WaterDrops

Simple water drops animation 💧

Example

override func viewDidLoad() {
     super.viewDidLoad()
     
         self.view.backgroundColor = UIColor.white
 
         // custom configuration
         let waterDropsView = WaterDropsView(frame: self.view.frame,
                                           direction: .up,
                                           dropNum: 10,
                                           color: UIColor.red.withAlphaComponent(0.7),
                                           minDropSize: 10,
                                           maxDropSize: 20,
                                           minLength: 50,
                                           maxLength: 100,
                                           minDuration: 4,
                                           maxDuration: 8)
         
         // add animation 
         waterDropsView.addAnimation()
         self.view.addSubview(waterDropsView)
}

Installation

Cocoapods

pod "WaterDrops"

Author

LeFal, [email protected]

License

'WaterDrops' is available under the MIT license. See the LICENSE file for more info.

Comments

빌더 패턴 및 오토레이아웃 대응

안녕하세요. 엔비냥 입니다. iOS 방에 올려주신 오픈소스 보고 수정해서 풀리퀘 보내드립니다. 일단 빌더 패턴 적용하여 init의 각 옵션 설정시 필요한 부분만 받을 수 있게 하였습니다. 그리고, frame 을 받을수도 있지만 오토레이아웃을 사용했을때에도 대응이 되도록 하였습니다. 마지막으로, 애니메이션 시작과 종료를 만들었습니다. 좋은 소스 감사 드립니다.

p.s 샘플 프로젝트도 만들어놨습니다 ^^

opened by krazie99 2
물방울들을 UIView 에서 CASharpLayer로 변경시켜봤습니다.

안녕하세요!!!! 오랜만입니다ㅜㅜ 연휴는 잘 보내셨는지요

Core Animation 공부하다가 공부한 내용을 LeFal 님 께서 만드신 WaterDrops에 적용시키면 좋을거 같아서 한번 수정해봤습니다.

기존에 물방울들이 WaterDropView의 SubView들이 었는데, 성능 측면에서 물방울들이 UIView가 아닌 CALayer 였으면 좋다고 생각해서 물방울들을 CASharpLayer로 바꿔봤습니다.

이로인해서 두 가지 변화가 있었습니다.

첫째는 물방울이 많아졌을때 메모리 사용량 입니다.

실제 이렇게 까지 물방울들을 많이 만들지는 않겠지만 물방울이 많아 지면 많이 질수록 layer 를 생성하는 것 보다 view 를 생성하는 것이 메모리를 더 많이 먹게됩니다.

두번째는 물방울의 모양입니다.

의도하신건지는 잘 모르겠지만 전에는 물방울 들의 모양이 완전 원이 아닌 코너가 둥근 직사각형의 모양이었습니다.

UIBezierPath를 이용해서 좀더 선명한 원을 만들어봤습니다.

마지막으로 좋은 오픈소스 감사합니다 :)

opened by 5minho 1
빌더 패턴 적용 및 오토레이아웃 대응

안녕하세요. 엔비냥 입니다. iOS 방에 올려주신 오픈소스 보고 수정해서 풀리퀘 보내드립니다. 일단 빌더 패턴 적용하여 init의 각 옵션 설정시 필요한 부분만 받을 수 있게 하였습니다. 그리고, frame 을 받을수도 있지만 오토레이아웃을 사용했을때에도 대응이 되도록 하였습니다. 마지막으로, 애니메이션 시작과 종료를 만들었습니다. 좋은 소스 감사 드립니다.

opened by krazie99 1
이런것들을 수정했습니다.
기존의 stopAnimation 함수에서 subView들을 삭제해서, 저도 subLayer를 삭제하는 방식으로 로직을 변경했습니다.

background에 갔다 오니까 애니메이션이 멈춰버려서 그 부분을 수정했습니다.

random 수치를 구하는 함수를 계산 프로퍼티로 변경했습니다.
opened by 5minho 0
Remove randomWaterdrop function recursive call
randomWaterdrop을 재귀호출 하도록 되어있는 것이 애니메이션의 반복을 위한 것처럼 보여집니다.

만약, waterdrop의 위치를 애니메이션마다 랜덤으로 바꿔주려고 하셨던 것이라면 이 풀리퀘를 무시하셔도 됩니다!

따라서 재귀호출 구문을 제거하고 애니메이션의 repeat 옵션을 통하여 애니메이션을 반복하도록 변경해보았습니다. (애니메이션 completion handler에 원래의 상태로 넣어주는 구문을 빼먹었네요!..)
opened by Hoontopia 0

Releases(0.2.0)

0.2.0(Aug 31, 2017)

Source code(tar.gz)
Source code(zip)
0.1.3(Aug 19, 2017)

Source code(tar.gz)
Source code(zip)
0.1.2(Aug 19, 2017)

0.1.2
Source code(tar.gz)
Source code(zip)
0.1.1(Aug 19, 2017)

Source code(tar.gz)
Source code(zip)
0.1.0(Aug 19, 2017)

initial release
Source code(tar.gz)
Source code(zip)

Owner

Oh Hyungjun

GitHub

A collection of animations for iOS. Simple, just add water animations.

DCAnimationKit A collection of animations for iOS Simply, just add water! DCAnimationKit is a category on UIView to make animations easy to perform. E

797 Sep 23, 2022

Simple calculation to render cheap water effects.

Water Simple calculation to render cheap water effects. This simple project demonstrates : how to use Metal draw compute shader, or known as 'kernal f

381 Sep 20, 2022

Add smooth water waves to your views.

WXWaveView Add pretty and smooth waves to your views! The wave can be added to any type of view. 中文说明 e.g. Integration Cocoapods: pod 'WXWaveView' Or

347 Dec 28, 2022

Simple Interface Core Animation. Run type-safe animation sequencially or parallelly

Simple Interface Core Animation Sica can execute various animations sequentially or parallelly. Features Animation with duration and delay parallel /

1k Nov 10, 2022

SwiftUI Animation Library. Useful SwiftUI animations including Loading/progress, Looping, On-off, Enter, Exit, Fade, Spin and Background animations that you can directly implement in your next iOS application or project. The library also contains huge examples of spring animations such as Inertial Bounce, Shake, Twirl, Jelly, Jiggle, Rubber Band, Kitchen Sink and Wobble effects. Browse, find and download the animation that fits your needs.

swiftui-animations SwiftUI Animations Library. Useful SwiftUI animations for your next project. YouTube Tutorials: https://www.youtube.com/nimbbble An

2.4k Jan 6, 2023

An experiment for using SwiftUI's custom timing Animation to create an orbital-like animation.

Orbital-SwiftUI-Animation An experiment for using SwiftUI's custom timing curve to create an orbital-like animation. How it looks: How it works: Apply

7 Jan 2, 2023

SwiftUI-Text-Animation-Library - Text animation library for SwiftUI

⚠️ This repository is under construction. SwiftUI Text Animation Library Make yo

28 Jan 8, 2023

Swiftui-animation-observer - Track SwiftUI animation progress and completion via callbacks

SwiftUI Animation Observer Track SwiftUI animation progress and completion via c

9 Nov 5, 2022

A simple spritesheet animation system for Raylib on Swift.

About A simple spritesheet animation system for Raylib on Swift. Aeni allows you to quickly and easily animate your spritesheet in your Raylib for Swi

8 Oct 14, 2022

TTouchAnimatedButton is a simple and flexible animation component fully written in Swift

TTouchAnimatedButton is a simple and flexible animation component fully written in Swift. TTouchAnimatedButton is developed to make user feel button click becomes more vivid and realistic.

2 Aug 18, 2022

ChainPageCollectionView A custom View with two level chained collection views and fancy transition animation

ChainPageCollectionView A custom View with two level chained collection views and fancy transition animation. Demo Requirements iOS 9.0+ Xcode 8 Insta

775 Dec 7, 2022

A DSL to make animation easy on iOS with Swift.

This project is highly inspired by JHChainableAnimations, If you project is developed with Objective-C, use JHChainableAnimations instead. With DKChai

1.9k Dec 9, 2022

Ease is an event driven animation system that combines the observer pattern with custom spring animations as observers

Ease is an event driven animation system that combines the observer pattern with custom spring animations as observers. It's magic. Features Animate a

1.3k Nov 17, 2022

Elegant SVG animation kit for swift

Elephant This is SVG animation presentation kit for iOS. Example You can run example app. Please open Example-iOS/Elephant-iOS.xcworkspace! Usage You

127 Dec 14, 2022

Gemini is rich scroll based animation framework for iOS, written in Swift.

Overview What is the Gemini? Gemini is rich scroll based animation framework for iOS, written in Swift. You can easily use GeminiCollectionView, which

3k Dec 27, 2022

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable.

8.6k Jan 2, 2023

Simple water drops animation 💧

Related tags

Overview

WaterDrops

Example

Installation

Cocoapods

Author

License

Comments

빌더 패턴 및 오토레이아웃 대응

물방울들을 UIView 에서 CASharpLayer로 변경시켜봤습니다.

빌더 패턴 적용 및 오토레이아웃 대응

이런것들을 수정했습니다.

Remove randomWaterdrop function recursive call

Releases(0.2.0)

0.2.0(Aug 31, 2017)

0.1.3(Aug 19, 2017)

0.1.2(Aug 19, 2017)

0.1.1(Aug 19, 2017)

0.1.0(Aug 19, 2017)

Owner

Oh Hyungjun

A collection of animations for iOS. Simple, just add water animations.

Simple calculation to render cheap water effects.

Add smooth water waves to your views.

Simple Interface Core Animation. Run type-safe animation sequencially or parallelly

An experiment for using SwiftUI's custom timing Animation to create an orbital-like animation.

SwiftUI-Text-Animation-Library - Text animation library for SwiftUI

Swiftui-animation-observer - Track SwiftUI animation progress and completion via callbacks

A simple spritesheet animation system for Raylib on Swift.

TTouchAnimatedButton is a simple and flexible animation component fully written in Swift

ChainPageCollectionView A custom View with two level chained collection views and fancy transition animation

A DSL to make animation easy on iOS with Swift.

Ease is an event driven animation system that combines the observer pattern with custom spring animations as observers

Elegant SVG animation kit for swift

Gemini is rich scroll based animation framework for iOS, written in Swift.

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable.

A Fast Animation Engine with an Intuitive API

🎨 Gradient animation effect like Instagram

Pulse animation for iOS written with Swift.