iOS Tips #7 画像から動画を作成する | アドカレ2013 : SP #15 ｜ DevelopersIO
かんたんですが、複数枚の画像から動画を作成するロジックを紹介します。以外と紹介されていないので、探されていた方はどうぞ！ この処理に必要なのは、以下の３つのクラスです。 AVAssetWriter AVAssetWriterInput AVAssetWriterInputPixelBufferAdaptor これらのクラスはAVFoundation.frameworkで定義されています。なので、AVFoundation.frameworkをプロジェクトにリンクしておきましょう。 サンプル それでは早速サンプルを紹介します。画像は以下の５つを使用します。 画像をプロジェクトに追加したら、ViewController.mを以下のように変更してください。 #import "ViewController.h" #import <AVFoundation/AVFoundation.h> @inter
Origami - Design prototyping with Quartz Composer
Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design. Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. Quartz Composer is a freely-available Mac OS X appl
capptivate.co is coming soon
is a totally awesome idea still being worked on. Check back later.
CALayerで3Dグラフィックス？ - terazzoの日記
ちょっと3Dグラフィックスやってみようかと思って、もしかしたら座標変換のライブラリはないかとドキュメントを見ていたら、Core Animationの関数を使ってアフィン変換・透視変換とかできる上に、そのまま描画もできるらしいということが分かった。 Core Animationプログラミングガイド: レイヤジオメトリと変換 Core Animationプログラミングガイド: Core Animationレイヤの配置 やってみた結論としては、がっつり3DやるならやっぱりOpenGLとか使った方が良いと思う。けど、簡単な図形や画像をちょっと俯瞰っぽく見せたい、ぐらいなら使えるかも。 ちなみにOSバージョンはSnow Leopard(10.6.6)です。 追記: これで立体迷路アプリ作ってみた 準備1. CocoaのクラスにCALayerを貼付ける とりあえず適当なサイズのウィンドウを表示させてC
[iOS] グラフィックス関係のおおざっぱな説明 Quarz 2D, Core Graphics, Core Animation « きんくまデザイン
こんにちは。きんくまです。 iOSのグラフィックス関係はすごく大きくて、最初はどこから手をつけていいのかわかりませんでした。 そんで、概要みたいのが合った方が、理解が早いと思い、私のおおざっぱな理解をメモしておきます。 グラフィックスには、大きく2つの要素があります。 描画の方法と、描画される入れ物です。 描画について 大きく分けて、2つです。 Quartz 2D APIとOpenGL ES。 Quartz 2D APIはCore Graphics frameworkの一部です。 メソッドの頭文字にCGとつくものがそれだったりします。 OpenGL ESはAppleとは別のところで決めているものです。 今回はQuarz 2Dについてもう少し書きます。 Quarz 2DにはGraphics Contextというのがあります。 グラフィックスの文脈なんですが、これって何なのでしょう？ これは、
[iOS]画面遷移のアニメーションをカスタムする
ベトナムで開発を始めてはや４ヶ月目、田中です。 iOS7から追加されたUIViewControllerAnimatedTransitioningとUIViewControllerTransitioningDelegateの２つのプロトコルを使用して画面遷移のアニメーションをカスタムする方法を紹介します。 このようにいつものスライドして遷移するのではなく、好きなアニメーションで画面を遷移させることができます。 ViewController.m #import "ViewController.h" #import "AnimationController.h" @interface ViewController () <UIViewControllerTransitioningDelegate, UINavigationControllerDelegate> { AnimationContro
![[iOS]画面遷移のアニメーションをカスタムする](https://cdn-ak-scissors.b.st-hatena.com/image/square/64fb667c06e43fce9b74ad44d063f7e6b3657877/height=288;version=1;width=512/https%3A%2F%2Fseesaakyoto.up.seesaa.net%2Fimage%2Ftransition1.jpg)
開発初心者の為のCALayerチュートリアル
「もし君が、iPhoneのプログラミングをやってるんなら、UIViewに詳しいよね。ボタンとか、テキストとか、スライダーとか、Webビューとか、UIviewのサブクラスなら、何でも来いなんだろ？」、、、えっ？うっ、うん。 でも、実はUIViewのテクノロジーが実はCALayerから来てたって知ってましたか？少なくとも、僕は知りませんでした、はい。結構長い間、、、orz “CALayer”について少し知っておく事は、決して無駄ではありません。だって、カッコいいビジュアル•エフェクトが簡単に作れてしまうんですから。ついでに、”Core Animation”の事を掘り下げて勉強しておくのもすごくいい事なんです。まぁ、でも”Core Animation”については、また別の機会に。 このチュートリアルでは、”CALayer”の基本を学ぶ事によって、”layer”なる物を作っていったいそれがどういう
第1回 様々なアニメーションを実現するiOSアプリ用トゥイーンライブラリ3種を比較！ | gihyo.jp
はじめに iOS SDK登場から早4年近くが経ち、使い回しの効くUIコンポーネントや、煩雑な手順を楽にするスクリプト、自作するには難易度の高い技術をライブラリ化したものなどなど、今では多くの便利なオープンソースソフトウェアが公開されています。 本連載ではそんなオープンソースソフトウェアの中で、有用かつあまり日本語での情報が少ないものを中心にご紹介していく予定です。具体的な使用方法や、ソースの内容にも踏み込んで解説していきますので、ぜひ皆様の日々の開発にお役に立ていただければ幸いです。 トゥイーンライブラリを使用するメリット UIViewのアニメーションで指定できるイージングの種類は、 UIViewAnimationOptionCurveEaseInOut UIViewAnimationOptionCurveEaseIn UIViewAnimationOptionCurveEaseOut U
UIViewで手軽にアニメーションを実行する方法 - プログラミングノート
UIViewにはアニメーション関連メソッドが用意されているので、お手軽にアニメーションを実行することができます。ボタン、ラベル、画像などは全てUIViewを継承しているので基本的に全て同じ方法で実行可能です。 まずはUIViewの初期化メソッドでUIButtonを生成してViewに追加しておきます。このボタンが押されると@selector()で指定してあるメソッドが呼ばれるので、そこでアニメーションを実行します。 - (id)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { self.backgroundColor = [UIColor whiteColor]; // button UIButton *btn= [UIButton buttonWithType:UIButtonTypeRounde
GPUアクセラレーションとposition: relativeによるレイヤー生成について
またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を調査していたところ、position: relativeの指定による、意図しないレイヤー生成＆GPUアクセラレーション巻き込みによって、何かしら合成レイヤー周りでオーバーヘッドが発生してしまっているんではないかな、という憶測に行き着いた次第。今回はその辺りを見ていきます。 GPUアクセラレーションが効いたアニメーションは、CSS Animations、CSS Transitionsのほか、特殊なプロパティ（transform3d: scale(1,1)とか）で強制的にGPUアクセラレーションを効かせたCanvasア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.objectivec-iphone.com/animation/CoreAnimation/CABasicAnimation.html
CoreAnimation CATransaction
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5