あのアニメのOp,edっぽいアニメーションを実装する話

•

1 like•2,800 views

Kenji Tanaka

iOSDC Japan 2016の登壇資料です

Technology

class ZOILayer: CALayer
var maskLayer: CAShapeLayer!
init(center: CGPoint, 
size: CGSize, 
color: UIColor)
func startReductionScaleAnimation( 
completionHandler: (() -> ())? = nil)
func startExpansionScaleAnimation( 
completionHandler: (() -> ())? = nil)
// マスク用のレイヤープロパティ
// 縮小アニメーション
// 拡大アニメーション
 
 
// がんばるZOI

class ViewController: UIViewController
func createZOILayer( 
center: CGPoint, 
size: CGSize, 
color: UIColor, 
isFirst: Bool)
// ZOILayerの生成。ZOILayerの管理。

Viewers also liked

東急ハンズを支える技術Tomoaki Imai

初めてのQuickで初めてのテストKenji Tanaka

Swift らしい表現を目指そう #eventdotsTomohiro Kumagai

20170311 JAWSDAYS Lunch Session「東急ハンズのiPad POS「HandsPOS」と AWSの付き合い方」Yusuke KUROIWA

CarPlayの対応方法と日本での現状Yuji Hato

AWS Cognitoを実際のアプリで導入してハマったこと洋一郎櫻井

日本語でおｋ AI スピーカーを作ってみた崇之清水

[JAWS DAYS 2017 ワークショップ] 不安で夜眠れないAWSアカウント管理者に送る処方箋という名のハンズオンKeisuke Kadoyama

AWSでアプリ開発するなら知っておくべことKeisuke Nishitani

DevOpsとか言う前にAWSエンジニアに知ってほしいアプリケーションのことTerui Masashi

Canvas tutorialoneslocus

エンジニアのためのブログ勉強会（公開用）Kenji Tanaka

知らないと損するアプリ開発におけるStateMachineの活用法（１５分版）Ken Morishita

BaaS vs. バースホームラン対決 - AWS Summit Tokyo 2014 Lightning Talk崇之清水

Try EarlGrey | 20161118 iOS Test Nightichiko_revjune

私に作る時間がないのはどう考えても仕事が悪い！？ (Gunma.web #10 2012/09/08) parrotstudio

iOS 通信のパフォーマンス改善・ iOSオールスターズ登壇資料yohei sugigami

MvaTathagat Varma

Circle ci and docker+serverspecTsuyoshi Yamada

JavascriptでもTestがしたい！洋一郎櫻井

Viewers also liked (20)

東急ハンズを支える技術

初めてのQuickで初めてのテスト

Swift らしい表現を目指そう #eventdots

20170311 JAWSDAYS Lunch Session「東急ハンズのiPad POS「HandsPOS」と AWSの付き合い方」

CarPlayの対応方法と日本での現状

AWS Cognitoを実際のアプリで導入してハマったこと

日本語でおｋ AI スピーカーを作ってみた

[JAWS DAYS 2017 ワークショップ] 不安で夜眠れないAWSアカウント管理者に送る処方箋という名のハンズオン

AWSでアプリ開発するなら知っておくべこと

DevOpsとか言う前にAWSエンジニアに知ってほしいアプリケーションのこと

Canvas tutorial

エンジニアのためのブログ勉強会（公開用）

知らないと損するアプリ開発におけるStateMachineの活用法（１５分版）

BaaS vs. バースホームラン対決 - AWS Summit Tokyo 2014 Lightning Talk

Try EarlGrey | 20161118 iOS Test Night

私に作る時間がないのはどう考えても仕事が悪い！？ (Gunma.web #10 2012/09/08)

iOS 通信のパフォーマンス改善・ iOSオールスターズ登壇資料

Mva

Circle ci and docker+serverspec

JavascriptでもTestがしたい！

Recently uploaded

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi

TSAL operation mechanism and circuit diagram.pdftaisei2219

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama

SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.

論文紹介：Semantic segmentation using Vision Transformers: A surveyToru Tamaki

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）UEHARA, Tetsutaro

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？akihisamiyanaga1

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab

論文紹介：Automated Classification of Model Errors on ImageNetToru Tamaki

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)Hiroki Ichikura

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...博三太田

Recently uploaded (14)

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer

TSAL operation mechanism and circuit diagram.pdf

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf

SOPを理解する 2024/04/19 の勉強会で発表されたものです

論文紹介：Semantic segmentation using Vision Transformers: A survey

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案

論文紹介：Automated Classification of Model Errors on ImageNet

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...

あのアニメのOp,edっぽいアニメーションを実装する話

10.      

11.  

12.    

13.    

14.

15.

16.

17.

18. class ZOILayer: CALayer var maskLayer: CAShapeLayer! init(center: CGPoint,  size: CGSize,  color: UIColor) func startReductionScaleAnimation(  completionHandler: (() -> ())? = nil) func startExpansionScaleAnimation(  completionHandler: (() -> ())? = nil) // マスク用のレイヤープロパティ // 縮小アニメーション // 拡大アニメーション     // がんばるZOI

19. class ViewController: UIViewController func createZOILayer(  center: CGPoint,  size: CGSize,  color: UIColor,  isFirst: Bool) // ZOILayerの生成。ZOILayerの管理。

20.        

21.    

22.

23.

24.

25.

26.

27.  

28. 1