UIPixellateでモザイク描画

先日の描画(四角、丸、三角、線)の記事で最後の目の箇所をモザイクにしたかったのですが、できなかったのでこちらで検証します。

モザイク前　ー＞　

参考:005 画像のモザイク処理
※上記サイトですが、とても丁寧にシンプルに記載されているのでオススメです！

まずはローカルの上記顔画像全体画像にモザイクをかけてみます


        //CIImageと表示用のImageView作成
        let myCIImage = CIImage(image: UIImage(named: "swift-salaryman-face.png"))
        var myImageView: UIImageView!
        
        //表示準備
        let myUIImage: UIImage = UIImage(CIImage: myCIImage);
        myImageView = UIImageView(frame: CGRectMake(0, 0, myUIImage.size.width, myUIImage.size.height));
        myImageView.image = myUIImage;
        self.view.backgroundColor = UIColor.blackColor();
        self.view.addSubview(myImageView);
        
        //この状態だと普通の画像
        
        //以下を追加するとモザイク処理
        var myPixellateFilter = CIFilter(name: "CIPixellate");
        myPixellateFilter.setValue(myCIImage, forKey: kCIInputImageKey);//対象のCIImageを指定
        let myCIImage2 : CIImage = myPixellateFilter.outputImage;
        let myUIImage2: UIImage = UIImage(CIImage: myCIImage2);
        myImageView.image = myUIImage2;
        myImageView.setNeedsDisplay();

画像全体のモザイク化には成功しましたが、本来は目の部分だけをモザイクをかけたいので調査を続けます。

結果

またもや、、、時間がなくなってしまいました。。。。どうやらUIBeizerpathで描画したUIViewをUIImageに変換、そこからCIImageに変換してモザイクをかけるようです。このあたりも簡単にモザイクかけられるUtilでも作ってみようと思います。

改めて時間をもうけて別記事にて追加してみますorz

作成しました。(2014/11/19) 参考：UIViewからUIImageを作成

↓こんな記事もありますよ！

	UIActivityIndicatorView iOSでローディングをする簡単な方法は標準のインディケータを表示する方法です。画面中央でぐるぐる回ります。
	UIStepper さて今回は基本のコンポーネントの一つStepper（メモリを少しずつ+とーで上下させるコントロール）を説明します。単純なコントロールですのが、初期設定で、＋と-が表示される優れものです。ただ、単調な為に記事にするのが面白くないので、何度も申し訳ありませんが「ヒゲ」にフォーカスして、ヒゲを剃るStepper（ヒゲの量を調整する）を作成して説明してみます。
	AppleWatchでNotificationを受け取る。バイブでブルブル通知する。どうやら現状はAppleWatchのバイブレーションパターンをカスタマイズできないようなのですが、Notificationを受け取る際にブルブルする状態のようです。つきましては、NotificationをApp側で設定、AppleWatch側で受け取ってブルブルするサンプルを記載していきます。

右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい！

Swiftサラリーマン

UIPixellateでモザイク描画

まずはローカルの上記顔画像全体画像にモザイクをかけてみます

結果

↓こんな記事もありますよ！

UIActivityIndicatorView

UIStepper

AppleWatchでNotificationを受け取る。バイブでブルブル通知する。