Were excited to release Origami 1.3 today with some big new features and fixes. The most significant new feature is called Inline Values. This feature has changed the way we design in Quartz Composer, and were excited to get this out to the community. Previously, to understand what was going on in your composition, you would inspect values by hovering over ports and seeing one individually, or by selecting a patch and inspecting it to see the values for that particular patch. But to truly understand how your composition is functioning, you need to see how each patch interacts with each other to form a complete whole. With Inline Values, we display live updating values for every input port in the editor. As values flow through the patches, you can now see how theyre transformed at each patch. You can modify these values as well. Double click a value to change it, or press and drag sideways on it to scrub. Single click a boolean to check or uncheck it. No more having to switch between the inspector and the canvas – you can now do most of your work inline. Weve added a new patch called Pop Animation which is a new way to perform spring animations. You define your spring by adjusting its speed and bounciness, which we find to be more intuitive than tension and friction. You usually think of spring animations in terms of how fast and bouncy they are – and now these values are directly controllable. This patch is based on the exact same code as our free Pop animation framework for iOS and OS X, so you can design your animation in Origami and get the exact same animation in your real app by using the same speed and bounciness values you specify in your composition. Weve added the ability to link to an image and have it update in Origami whenever the image is saved. With the Live Image patch, you can link an Origami Layer to a Photoshop / Sketch document and have the Layer automatically update as you make changes to the document. This is useful for iterating on visuals in an interactive context and reducing the iteration cycle between your visual design tool and Quartz Composer. To link it to an image file you can type a path to your image, use the file picker in the settings inspector, or hold down Option + Command while dragging an image on to the canvas to create a Live Image patch automatically linked to the image. By default this patch will embed the newest version of the image in your qtz file so the file will continue to work as expected if you send it to someone who doesnt have the image in the same location. You can turn this off in the settings inspector if youd like. The new Delay patch lets you delay any value by a given time in seconds. You can specify whether you want the increasing / decreasing change, or any change in the value to be delayed. This is useful for delaying an animation in one direction and not in the other (say, only when the switch turns on). Unlike other Delay patches available elsewhere, this patch has full iterator support - letting you have different delays for each iteration. This enables you to build staggered animations, where each item transitions slightly after the one before it – similar to the navigation transitions in the Paper Settings view. Theres a new patch for prototyping drag & drop interactions in desktop UIs. You can drag a file from the Finder on to the Quartz Composer viewer window, and the Drag & Drop patch will give you the path to the file being dragged, its position, and itll let you know when the user drops the file. The Repeating Pulse patch lets you perform an action repeatedly. This is useful for getting a transition to repeat without you having to interact with your composition, so you can focus on fine tuning the transition. The Scroll patch now supports scrolling with the Magic Mouse and the trackpad. This change now enables you to use Origami to build scrollable desktop UIs. We added new options to the Window menu to save you from manually managing windows. 1. Resize to Thirds, which places the viewer window to the right of the editor window, useful for portrait phone compositions. 2. Picture in Picture, which attaches the viewer window to the editor, so you can move them both at once. The viewer is still resizable in this state and you can still toggle in and out of full screen. 3. Multi-Monitor Layout which places the editor full screen on your primary display and the viewer full screen on your secondary display. There are more changes that you can learn about on the Origami release notes page. Try out the new version and let us know what you think.
Posted on: Thu, 31 Jul 2014 19:42:56 +0000
Trending Topics
Recently Viewed Topics
© 2015