<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.3.3" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>Vacuous Virtuoso &#187; core-image</title>
	<link>http://lipidity.com</link>
	<description>Despotic Development</description>
	<pubDate>Tue, 23 Dec 2008 06:24:04 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.3</generator>
	<language>en</language>
			<item>
		<title>Cocoa Animation Effects</title>
		<link>http://lipidity.com/apple/cocoa-transition-animation-effects-video/</link>
		<comments>http://lipidity.com/apple/cocoa-transition-animation-effects-video/#comments</comments>
		<pubDate>Mon, 16 Jul 2007 06:15:19 +0000</pubDate>
		<dc:creator>Ankur</dc:creator>
		
		<category><![CDATA[Apple]]></category>

		<category><![CDATA[Cocoa]]></category>

		<category><![CDATA[Animation]]></category>

		<category><![CDATA[core-image]]></category>

		<category><![CDATA[CoreGraphics]]></category>

		<category><![CDATA[GUI]]></category>

		<category><![CDATA[Mac]]></category>

		<category><![CDATA[Screencast]]></category>

		<category><![CDATA[Xcode]]></category>

		<guid isPermaLink="false">http://dev.lipidity.com/apple/cocoa-transition-animation-effects-video</guid>
		<description><![CDATA[I wrote this app about 8 months ago, and it&#8217;s managed to find itself on Youtube.







It uses Core Graphics and Core Image APIs for the transition effects to animate the window / view, which probably needs a minimum of Mac OS X Tiger. The full source code is available.
]]></description>
			<content:encoded><![CDATA[<p>I wrote this app about 8 months ago, and it&#8217;s managed to find itself on Youtube.</p>

<!--more-->

<div class='centre'>
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/FSUu_a_f88c&#038;rel=0"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/FSUu_a_f88c&#038;rel=0" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
</div>

<p>It uses Core Graphics and Core Image APIs for the transition effects to animate the window / view, which probably needs a minimum of Mac OS X Tiger. The <a href='http://dev.lipidity.com/apple/core-graphics-meet-core-image-demo-app' title='Core Graphics Image Transition Animation Effects'>full source code</a> is available.</p>
]]></content:encoded>
			<wfw:commentRss>http://lipidity.com/apple/cocoa-transition-animation-effects-video/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Core Graphics, meet Core Image</title>
		<link>http://lipidity.com/apple/core-graphics-meet-core-image-demo-app/</link>
		<comments>http://lipidity.com/apple/core-graphics-meet-core-image-demo-app/#comments</comments>
		<pubDate>Sun, 22 Oct 2006 05:07:09 +0000</pubDate>
		<dc:creator>Ankur</dc:creator>
		
		<category><![CDATA[Apple]]></category>

		<category><![CDATA[Cocoa]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Animation]]></category>

		<category><![CDATA[core-image]]></category>

		<category><![CDATA[CoreGraphics]]></category>

		<category><![CDATA[Mac]]></category>

		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://dev.lipidity.com/apple/core-graphics-meet-core-image-demo-app</guid>
		<description><![CDATA[Following on from the Core Graphics tutorial, this download-able demo app presents an easy way to look at the various effects available both through documented and undocumented code.



Transitions Demonstration

Demonstration of the various effects available using Core Graphics and Core Image.

Usage

As easy as

Download the package.

In Xcode, open AnimatingTabsDemo.xcodeproj, then click build and run, or press Command [...]]]></description>
			<content:encoded><![CDATA[<p>Following on from <a href="http://dev.lipidity.com/tutorial/xcode-transitions-core-graphics-image-2" title="Tutorial on Animations using Core Graphics">the Core Graphics tutorial</a>, this download-able demo app presents an easy way to look at the various effects available both through documented and undocumented code.</p>

<!--more-->

<h1>Transitions Demonstration</h1>

<p>Demonstration of the various effects available using Core Graphics and Core Image.</p>

<h3>Usage</h3>

<p>As easy as</p>

<ol><li><a href="http://pub.lipidity.com/ATD.tar.bz2" title="Download the Xcode project for the transitions demonstration. 196 kb">Download</a> the package.</li>

<li>In Xcode, open AnimatingTabsDemo.xcodeproj, then click build and run, or press Command + R. The Application will build, and the demo will run!</li>

<li>Run through the demo and play around with all the different transitions you can use!</li></ol>

<p>After you&#8217;ve built it once, you can simply run the &#8220;Transitions Demo.app&#8221; package that is created in the &#8220;build&#8221; folder by double-clicking it without going through the prior steps again.</p>

<h3>Real World Usage</h3>

<p>When using the NSTabView subclass, you can change the default transition by setting transitionsStyle to one of the following. (Hover your mouse over for a description)</p>

<ul>
  <li><dfn title="No transition. Behaves as normal NSTabView.">CGNone</dfn></li>
  <li><dfn title="Window fades to white, new window underneath.">CGFade</dfn></li>
  <li><dfn title="Window zooms in, new window underneath.">CGZoom</dfn></li>
  <li><dfn title="Old window flies off the screen, revealing new window underneath.">CGReveal</dfn></li>
  <li><dfn title="Old window flies off the screen, while the new window flies in from opposite end of the screen.">CGSlide</dfn></li>
  <li><dfn title="Old window warps out and fades to nothing. New window is revealed underneath.">CGWarpFade</dfn></li>
  <li><dfn title="Window flies out in a circlish motion while getting smaller, new one comes in in a similar way. Use it yourself to get a better understanding.">CGSwap</dfn></li>
  <li><dfn title="The famous cube. Window turns into a cube and rotates towards the new window. Very impressive transitions.">CGCube</dfn></li>
  <li><dfn title="Old window warps, the warped window becomes the new window and warps back to normal.">CGWarpSwitch</dfn></li>
  <li><dfn title="Photocopier transition. Light scans across the window twice, and the controls glow under it. Very cool.">CICopyMachine</dfn></li>
  <li><dfn title="The view disintegrates using the transitionmask image contained in the package. You can change the image to get different effects.">CIDisintegrate</dfn></li>
  <li><dfn title="Obviously a dissolve. The old view fades out leaving the new one underneath.">CIDissolve</dfn></li>
  <li><dfn title="Bang! The new view is upon us in a flash of light. This exploding transition is good for getting the user's attention.">CIFlash</dfn></li>
  <li><dfn title="The new view comes into view in circles... Hard to explain.">CIMod</dfn></li>
  <li><dfn title="Another famous one, the page curl transition renders the view as a page that curls down to the bottom left corner revealing the next view.">CIPageCurl</dfn></li>
  <li><dfn title="The same effect used on the Dashboard, the ripple effect is the effect you get when you drop a pebble in a pond.">CIRipple</dfn></li>
  <li><dfn title="Similar to dissolve, but it starts from the top left and dissolves across.">CISwipe</dfn></li>
</ul>

<p>For example, in the AnimatingTabView&#8217;s awakeFromNib: method, the following code sets the transition style to a cube effect:</p>

<pre><code>transitionStyle = CGCube;</code></pre>

<p>If you&#8217;re not in the AnimatingTabView&#8217;s implementation, you can use the - setTransitionStyle method. The following code sets the transition style to a ripple effect:</p>

<pre><code>[AnimTabView setTransitionStyle:CIRipple];</code></pre>

<p> where AnimTabView is the outlet to the AnimatingTabView</p>

<p>You can also get the current transition style by using the `-transitionStyle` method on the AnimatingTabView.</p>

<p>Transitions starting with &#8220;CG&#8221; are Core Graphics transitions and the result in the whole window being animated, while those starting with &#8220;CI&#8221; are Core Image transitions and only animate the tab view rather than the whole window.</p>

<hr />

<h3>Version History</h3>

<p><strong>Version 0.1</strong></p>

<ul>
  <li style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica">Initial pre-release demonstration</li>
</ul>

<p><strong>Version 0.1.1</strong></p>

<ul>
  <li style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica">Fixed bug with linking QuartzCore framework. (Thanks Jason Harris)</li>
</ul>

<p class="download"><a href="http://pub.lipidity.com/ATD.tar.bz2" title="Download the Xcode project for the demo app and have fun with Core Image and Core Graphics transitions.">Core Transitions Demo</a></p>

<p>All contents copyright 2006-07 Ankur Kothari</p>
]]></content:encoded>
			<wfw:commentRss>http://lipidity.com/apple/core-graphics-meet-core-image-demo-app/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
