HOME > モザイク描画
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を作成
↓こんな記事もありますよ!
![]() 2021-04-22 14:54:53 | かっこいいカルーセル厳選3点!WebGLを使った渋い画像スライダー。
昨日カッコいいスライダーを探す旅にでていました。
よく使われるswiper など、シンプルで使いやすくデザインも良いのですが、何かもの足りない、、、。
そこで調べていくと、webglを使... |
![]() 2021-04-20 14:46:43 | Twillioとは何??skywayとは何が違うのか。webrtcを使う際に判断する情報。
先日webrtc開発で「twillio」といった名前を聞きました。
以前自分でskywayを使ってwebrtcを試していた際に調べた時には、無かったような気もするんだけと、KDDIが絡んでいる... |
![]() 2021-04-19 13:58:21 | 先日久々にアップデートした妊娠週刊パパのAndroid版も。アカウント移管したいんだけど、注文ID見当たらないよ。
先日の妊娠、出産、育児関連のアプリ「妊娠週刊パパ」をAndroid studioで再リリースしようと思ってるんだけど、コンパイル失敗してエミュレータで動かせない。
多分sdkとかapiのバージ... |
Tweet
![]() |
|||
|