<?xml version="1.0" encoding="UTF-8"?>
<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/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pixel Art &#187; Articles</title>
	<atom:link href="http://www.thepixelart.com/category/articles/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thepixelart.com</link>
	<description></description>
	<lastBuildDate>Fri, 26 Mar 2010 14:03:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 Best Real-Time Animation Tools</title>
		<link>http://www.thepixelart.com/10-best-real-time-animation-tools/</link>
		<comments>http://www.thepixelart.com/10-best-real-time-animation-tools/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 09:58:52 +0000</pubDate>
		<dc:creator>Editorial Team</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[3d animation]]></category>
		<category><![CDATA[3d animation school]]></category>
		<category><![CDATA[3d animation tutorial]]></category>
		<category><![CDATA[3d computer animation]]></category>
		<category><![CDATA[Animate]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[animation design]]></category>
		<category><![CDATA[animation work]]></category>
		<category><![CDATA[ATI]]></category>
		<category><![CDATA[bit]]></category>
		<category><![CDATA[Bundle]]></category>
		<category><![CDATA[Camera]]></category>
		<category><![CDATA[cartoon animation program]]></category>
		<category><![CDATA[cloth animation]]></category>
		<category><![CDATA[cloud animation]]></category>
		<category><![CDATA[collision animation]]></category>
		<category><![CDATA[computer animation education]]></category>
		<category><![CDATA[control]]></category>
		<category><![CDATA[Craft]]></category>
		<category><![CDATA[deformation]]></category>
		<category><![CDATA[Director Studio]]></category>
		<category><![CDATA[Director StudioCraft]]></category>
		<category><![CDATA[editing]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[effection]]></category>
		<category><![CDATA[engine]]></category>
		<category><![CDATA[FirePro]]></category>
		<category><![CDATA[flexibility]]></category>
		<category><![CDATA[fluid animation]]></category>
		<category><![CDATA[format]]></category>
		<category><![CDATA[functionality]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Hard]]></category>
		<category><![CDATA[interactivity]]></category>
		<category><![CDATA[interoperability]]></category>
		<category><![CDATA[keyframe]]></category>
		<category><![CDATA[life]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Mach]]></category>
		<category><![CDATA[Max]]></category>
		<category><![CDATA[Maya]]></category>
		<category><![CDATA[maya animation]]></category>
		<category><![CDATA[module]]></category>
		<category><![CDATA[number]]></category>
		<category><![CDATA[NVIDIA]]></category>
		<category><![CDATA[OpenGL]]></category>
		<category><![CDATA[optimization]]></category>
		<category><![CDATA[part]]></category>
		<category><![CDATA[point]]></category>
		<category><![CDATA[price]]></category>
		<category><![CDATA[ProAccording]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[production]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[publisher]]></category>
		<category><![CDATA[RAM]]></category>
		<category><![CDATA[range]]></category>
		<category><![CDATA[real time animation]]></category>
		<category><![CDATA[realistic animation]]></category>
		<category><![CDATA[realtime data]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[Requires]]></category>
		<category><![CDATA[resolution]]></category>
		<category><![CDATA[set]]></category>
		<category><![CDATA[simulation animation]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[space]]></category>
		<category><![CDATA[Speed]]></category>
		<category><![CDATA[suite]]></category>
		<category><![CDATA[support]]></category>
		<category><![CDATA[system]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[Thought]]></category>
		<category><![CDATA[toolkit]]></category>
		<category><![CDATA[utility]]></category>
		<category><![CDATA[vehicle]]></category>
		<category><![CDATA[version]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[workflow]]></category>
		<category><![CDATA[workspace]]></category>
		<category><![CDATA[xsi animation]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=516</guid>
		<description><![CDATA[For someone new to the world of animation, especially real-time animation, the industry and what’s available can appear downright bewildering. There are a great many solutions it seems, starting with Autodesk’s wonderful, but pricey solutions, to free and shareware solutions. There are of course the most well-known and perhaps also the most popular solutions such as Autodesk’s solutions, Kinemac for the Mac and Reallusion’s iClone4. But there are plenty of other options as well. We decided to take a look at a few so that a resource of a range of solutions would be available at one place. And then depending on what you need you can select whichever you prefer. The list is not comprehensive, but we hope that it will serve as a guide.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/516.png&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>For someone new to the world of animation, especially real-time animation, the industry and what’s available can appear downright bewildering. There are a great many solutions it seems, starting with Autodesk’s wonderful, but pricey solutions, to free and shareware solutions. There are of course the most well-known and perhaps also the most popular solutions such as Autodesk’s solutions, Kinemac for the Mac and Reallusion’s iClone4. But there are plenty of other options as well.<br />
<span id="more-516"></span></p>
<p>A lot depends on what the application is. The applications for real-time animation can range from such a thing as creating 3D-characters that can be manipulated in some way at real-time, either for animated film or gaming purposes, to something as simple as setting up a nice animation that you want to send as a greeting. These days the subject of producing real-time animations in teleconferencing or video-conferencing scenarios is also becoming gradually more common. These can be thought of as a virtual puppet, with one person controlling the movements of the puppet, which is an animated object on a computer screen. Some people also refer to this as performance animation, since it implicitly involves someone directing the animated object or character’s movements, in that sense this person is the “performer” for the animation. No matter what you call it, and what the exact application, one thing is clear that it requires some kind of real-time capability, either through manipulation on an interface, or better still through motion capture. The second thing that it also requires is a real-time rendering engine that can render the animation being created quickly and efficiently, and display almost at the same time as it is being created.</p>
<p>In the degenerate sense many gaming platforms are actually doing a little bit of real-time animation, and something like the Wii platform in particular is doing something like that. There is motion capture (or you interact through an interface composed of input devices: keyboard, mouse, joystick, etc.) and then there is rendering to show that motion on screen. However, the big distinction being that nothing creative is being achieved in this case.</p>
<p>Before moving on we should also mention that there are scientific and legal applications as well, where the animation can be used to simulate (or emulate) certain scenarios to glean more information or better understanding. Thus, the applications are plentiful, and so are the solutions. Another note of caution that is required is that sometimes real-time animation can mean real-time rendering, in that a given animation is not a recorded animation but rather that each frame is rendered at  real-time as you watch it (however the animation itself may be predefined and there need not be a direct interaction producing it while you watch it).</p>
<p>We decided to take a look at a few so that a resource of a range of solutions would be available at one place. And then depending on what you need you can select whichever you prefer. The list is not comprehensive, but we hope that it will serve as a guide.</p>
<h2>The Pricey</h2>
<h3><a href="http://usa.autodesk.com/adsk/servlet/index?id=13441435&amp;siteID=123112">Autodesk Real-Time Animation Suites</a></h3>
<p>Undoubtedly the industry leader. Some of Autodesk’s solutions have been around for years, especially 3ds Max (which was previously called 3D Studio Max). The Autodesk Suites come in two flavors: the Maya real-time animation suite and the 3ds Max real-time animation suite. Both suites include MotionBuilder. Here is a look at each software individually with pricing (free trials are available):</p>
<p><strong><a href="http://usa.autodesk.com/adsk/servlet/pc/index?id=13567410&amp;siteID=123112">3ds Max</a></strong>: 3ds Max includes 3D modeling and rendering software. The 2010 version has a number of features including: a new Graphite modeling and texturing system; integrates the Mental Mill technology; extensive polygon modeling capabilities; efficient character animation software with an integrated Biped toolset; Spline and 2D modeling tools; character animation through skeletons and inverse kinematics; an integrated Mental Ray renderer; advanced motion capture capabilities; and much much more. Priced at $3495. 1GB RAM required, with 2GB Hard Disk space and Direct3D 9/10 or OpenGL graphics (128 MB). Windows XP Professional or better.</p>
<p><a href="http://usa.autodesk.com/adsk/servlet/pc/index?id=13567410&amp;siteID=123112"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/3ds.png" alt="3ds Max" width="550" height="271" /></a></p>
<p><strong><a href="http://usa.autodesk.com/adsk/servlet/pc/index?id=13577897&amp;siteID=123112">Maya</a></strong>: Maya is a 3D modeling, animation, rendering and visual effects software. It has a host of features including: professional camera tracking; polygon texture assignment and editing; NURBS modeling; Trax nonlinear animation system; Motion Capture with Dense Data Editing and Resampling; Rigid and Soft Body Dynamics; a number of rendering controls and effects; integrated scripting; and more. Also priced at $3495. 2GB RAM required, with 2GB Hard Disk space and OpenGL graphics (128 MB). Windows, Mac or Linux.</p>
<p><a href="http://usa.autodesk.com/adsk/servlet/pc/index?id=13577897&amp;siteID=123112"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/maya.jpg" alt="Maya" width="550" height="330" /></a></p>
<p><strong><a href="http://usa.autodesk.com/adsk/servlet/pc/index?id=13581855&amp;siteID=123112"> MotionBuilder</a></strong>: MotionBuilder is a character animation tool, that allows you to create real-time animation fluidly and quickly. Characters can be built using intelligent skeletons and kinematics. Then bringing them to life is through keyframe or effection motion capturing tools or both. There are a host of animation tools and motion editors, to get exactly the motion effect that you want. Its feature set includes: multi-threading and optimization; real-time simulations of characters; real-time support for deformation of highly-detailed, fully-textured characters; and support for multiple characters through a large animation data set. Sells for $3995. Requires Windows XP SP2 or higher with 2GB RAM, 1GB Hard Disk space, and OpenGL 1.5 Graphics.</p>
<p><a href="http://usa.autodesk.com/adsk/servlet/pc/index?id=13581855&amp;siteID=123112"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/mb.png" alt="MotionBuilder" width="550" height="300" /></a></p>
<h3><a href="http://www.studiogpu.com/machstudio/">Mach Studio Pro</a></h3>
<p>According to its publisher’s Mach Studio Pro really gives you the capability to “Work at the Speed of Thought!” Whether this is accomplished or not is for you to find out, but it does have an attractive set of features that seem to promise much. To begin with there is the real-time rendering engine that will easily render the animation on your desktop without requiring a separate rendering utility. It provides a great deal of interactivity with the 3D graphic workspace and that is one of its strongest features. There are fully animatable properties for all objects, lights, materials and cameras, including an auto-keying feature. You can also change the lighting rigs at any point in the production process, giving you a great deal of artistic flexibility. It is resolution independent and thus allows rendering at any resolution and format. Best of all, it supports interoperability with industry standard tools such as Autodesk’s Maya and 3ds Max. Runs on Windows XP Professional, Vista Business and Windows 7 (32bit or 64bit) and requires ATI or NVIDIA DirectX9 graphics card with at least 1GB of RAM. Publisher’s insist on ATI FirePro Graphics capabilities as well. Student version is available for $999, full version is $3,999 (if you already have an ATI FirePro or compatible high end Graphics card), else the price with an ATI FirePro card is $4,999.</p>
<p><a href="http://www.studiogpu.com/machstudio/"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/msp.jpg" alt="Mach Studio Pro" width="550" height="330" /></a></p>
<h3><a href="http://www.toonboom.com/products/animatepro/">Animate Pro</a></h3>
<p>Toon Boom’s Animate Pro combines vector technology, real-time animation tools and nodal compositing to provide a comprehensive animation toolkit. The beauty of the suite begins with the interface that can be user adapted and customized as needed. Working comfort is further enhanced by a smooth integration of the pipeline and workflow. Artistic freedom is supported by the fact that Animate Pro allows a number of multiple brush tools, textures, and gradients, along with an advanced clean, ink and paint toolkit – the combination of which will let you keep your paper artistic style alive on the computer screen, with the benefit of nuance and intricacy. Symbols and pegs work in unison with key framing is possible in cut-out to speed-up the animation process. In terms of camera control, Animate Pro allows you complete control along all three axes, including moving, scaling and rotation. Other features include: advanced lip-syncing and cell-swapping tools; frame tweening is possible using the timeline; drawings can be exposed according to your requirements using Xsheet; inverse kinematics; a vast range of over 50 special effects that can be applied in real-time, while an animation is in progress; and a nifty morphing tool. Windows XP or higher OR Mac OS X 10.5 or higher. At least 1GB of RAM and 300MB Hard Disk space. NVIDIA or ATI video card. Priced at $1999.99, but there is a trial version available.</p>
<p><a href="http://www.toonboom.com/products/animatepro/"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/ap.png" alt="Animate Pro" width="550" height="330" /></a></p>
<h2>The Mid-Range</h2>
<h3><a href="http://www.craftanimations.com/products/craft-director-studio/overview">Craft Director Studio</a></h3>
<p>Craft Director Studio is a set of tools that extends the capabilities of existing software such as <a href="http://www.maxon.net/products/cinema-4d.html">Maxon Cinema 4D</a> and <a href="http://usa.autodesk.com/adsk/servlet/pc/index?siteID=123112&amp;id=13571168">SoftImage</a>, and enables real-time functionality on them. (It also works with Maya and 3ds Max, although in their case the real-time enhancement point is a bit moot. There are of course other enhancements that can be added to extend their functionality.) Based on Artificial Intelligence and autonomous control systems research, the main objective and achievement of the Craft Director Studio set of tools is to radically transform the workflow to make them real-time or near real-time. Automatic keyframing is used for time savings and the quality of animations is improved through the use of a real-time physics engine. Pricing is in terms of bundles such as a Camera Tools Bundle, an Architecture Bundle, a Forensic Bundle, and so on. Individual features can also be bought as modules, such as Craft HumanizerCam (part of Camera Tools Bundle), Craft Airplane Extended (part of Vehicle Tools Bundle) and so on. Prices range from $129 to $1199 for individual modules.  Bundles vary from $986 to $5099. Note that depending on how much you buy, this can easily go into the “pricey” bracket, and that there is the price of the core software to be considered as well.</p>
<p><a href="http://www.craftanimations.com/products/craft-director-studio/overview"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/director.jpg" alt="" width="550" height="330" /></a></p>
<h3><a href="http://www.dxstudio.com/">DX Studio</a></h3>
<p>DX Studio is a complete integrated development environment for 3D graphics creation that includes a comprehensive suite of editing tools (including real-time editing tools) as well as a real-time 3D rendering engine. Apart from a full-featured 2D and 3D real-time interactive editor, which is powerful in itself, it provides support for a programming and scripting framework: DXMesh API allows you to build using C++ programming; using ActiveX technology you can build your own C++, C# and VB.net applications with the DX Studio player as a component; bring your scene to life with event driven JavaScript; and there is also in-built support for SOAP and OLEDB database access. A number of special effects are available such as Vertex Morphing, Animated Sprites, a Particle System, as well as a host of post-processing effects including bloom, radial blur, fractal clouds, rain, and more. There are a number of reusable modules. Especially worth noting is the excellent camera module which behaves much like a 3D game camera, or even real-life cameras. Other modules include a vehicle module and a streaming module. Wide range of light and shade effects possible and there is a comprehensive DX Studio Shader system. At approximately $409 (299 British Pounds) this seems to be a really good buy. Requires 1GB RAM with Shader Model 2+ Graphics with 128MB RAM. For Windows XP SP2 or higher (DirectX 9.0).</p>
<p><a href="http://www.dxstudio.com"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/editor_full.jpg" alt="DX Studio" width="550" height="330" /></a></p>
<h3><a href="http://www.projectmessiah.com/">Messiah Studio</a></h3>
<p>Messiah Studio is an award winning 3D animation and rendering application. The professional edition costs $599 and is worth it when you consider that such films as Ghost Rider, Hell Boy, and the Harry Potter movies have used Messiah Studio. If that is still too high a price tag, there is also the basic edition that is more affordable at $399. Messiah Studio has excellent motion capture capabilities and the renderer is a hybrid of scanline and raytracing technology. The Messiah renderer has a number of attractive features such as: a flexible node based shader editor; multithreaded rendering; global illumination; high dynamic range imaging (HDRI) lighting; subsurface scattering and more. Its other features include: an Armature system that provides a direct visual method for creating character and program control; easy-to-use skeleton and deformation features; modular interoperability with a number of major suites; a great many plug-ins for enhanced functionality; hair effects including clumping, guide hairs, dynamics and collision (click on image to see an excellent demo/tutorial); and much more.</p>
<p><a href="http://www.eggington.net/~wegg/4Messiah/HairDynamics.html"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/messiahstudio.jpg" alt="Messiah Studio Hair Demo" /></a></p>
<h2>The Cheap</h2>
<h3><a href="http://www.reallusion.com/iclone/">iClone</a></h3>
<p>At $199.95 iClone 4 is certainly an affordable real-time 3D animation solution. It allows for drag-and-drop based fast editing, and object’s can be individually edited In-Screen. It is very easy to bring live actors into iClone and then proceeding from there to creating animation using this as a basis is quite simple. This is simplified by a number of features such as: customizable actors and styles; body transformation and facial deformation capabilities; CloneCloth costume design for the actors; 3D facial puppeteering; interactivity between actors and In-Screen objects; In-Screen motion editing and more. Other features include: HDR video effects; set designing with 3D blocks and material balls, as well as the ability to build a stage with terrain, sky and live plants (see figure); advanced camera and lighting options, with lens effects, directional and point lights, HDR and IBL lighting effects, etc.; and a whole lot more.</p>
<p><a href="http://www.reallusion.com/iclone/"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/iclone.jpg" alt="iClone" width="550" height="330" /></a></p>
<h3><a href="http://www.kinemac.com/">Kinemac</a></h3>
<p>Kinemac is a solution for Mac OS X which, coming in at $299 is a great deal. It allows you to drag images, text, movies and songs onto the Kinemac stage and you can easily integrate them into your animation. Movies and text can be applied to ready-to-use objects such as cubes, cylinders, spheres, tubes, pipes, etc. and these can easily be animated using key frames. The animation control system is based on Brezier curves and it allows you to control individual aspects of movement including translations, rotations, resizing, fading, speed, acceleration and deceleration. This can be done for any object that is on the Kinemac stage, and the animation can be played in real-time. A number of helpful <a>tutorials</a> explain how to get things done in Kinemac.</p>
<p><a href="http://www.kinemac.com/"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/k.png" alt="Kinemac" width="550" height="293" /></a></p>
<h3><a href="http://www.blender.org">Blender</a></h3>
<p>Blender is an Open Source solution available for Windows 98 or higher, Mac OS X, Linux, FreeBSD, SGI Irix 6.5 and Sun Solaris 2.8 or higher. It is mainly a modeling and rendering tool which can be used to create things such as 3D avatars, architecture models, and animations from photos. The 3D object modeling progresses through a traditional polygon mesh, NURBS surfaces, Bezier and B-spline curves. Mesh modeling is possible based on vertex, edge and/or face selection. Rigging features include a fast skeleton creation mode and automatic skinning. The rendering engine is tightly integrated with the node compositor and the render engine supports layers and passes. Real-time 3D functions include: a graphical logic editor for defining interactive behavior without the need of programming; collision detection and dynamics simulation with <a href="http://bullet.sf.net/">Bullets Physics Library</a> support; full support for vehicle dynamics, multi-materials, multi-texture and texture blending modes, per-pixel lighting, dynamic lighting, Normal and Parallax Mapping; and more. Requires at least 128MB of RAM with 20MB free hard disk space and an OpenGL graphics card with 16MB RAM; but 2GB of RAM recommended with OpenGL Graphics card that has 128MB RAM.</p>
<p><a href="http://www.blender.org/"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/b.png" alt="Blender" width="550" height="312" /></a></p>
<h3><a href="http://animata.kibu.hu/">Animata</a></h3>
<p>Animata is another Open Source tool that is ideally suited to such tasks as real-time animation and interactive background projections for shows. The movement of puppets as well as the changes in the background are generated at real-time allowing for continuous interaction between you (or the performer) and the end-result animation. It is possible to create an animated character that reacts to its environment through the integration of such things as physical sensors, cameras or other environmental variables.   <a href="http://www.vimeo.com/664556">Jazz Pub</a> is an amazing example of an animation reacting to an audio input stimulus created using Animata.</p>
<p><a href="http://animata.kibu.hu/"><img src="http://www.thepixelart.com/wp-content/uploads/2010/02/animata.png" alt="Animata band demo" width="550" height="331" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/10-best-real-time-animation-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ruby Frameworks: What Are They And Why Should You Choose One (Which One?)</title>
		<link>http://www.thepixelart.com/ruby-frameworks-what-are-they-and-why-should-you-choose-one-which-one/</link>
		<comments>http://www.thepixelart.com/ruby-frameworks-what-are-they-and-why-should-you-choose-one-which-one/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 10:48:08 +0000</pubDate>
		<dc:creator>Editorial Team</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[Choosing]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[Controller]]></category>
		<category><![CDATA[Data]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[deploy]]></category>
		<category><![CDATA[deployment]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[experience]]></category>
		<category><![CDATA[flexibility]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[frameworkThe]]></category>
		<category><![CDATA[functionality]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[implementation]]></category>
		<category><![CDATA[importance]]></category>
		<category><![CDATA[interact]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[intervention]]></category>
		<category><![CDATA[kind]]></category>
		<category><![CDATA[Model]]></category>
		<category><![CDATA[MVC]]></category>
		<category><![CDATA[need]]></category>
		<category><![CDATA[number]]></category>
		<category><![CDATA[outline]]></category>
		<category><![CDATA[part]]></category>
		<category><![CDATA[piece]]></category>
		<category><![CDATA[planning]]></category>
		<category><![CDATA[post]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[question]]></category>
		<category><![CDATA[request]]></category>
		<category><![CDATA[road]]></category>
		<category><![CDATA[role]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[scratch]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[sense]]></category>
		<category><![CDATA[separation]]></category>
		<category><![CDATA[skeleton]]></category>
		<category><![CDATA[stage]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[success]]></category>
		<category><![CDATA[support]]></category>
		<category><![CDATA[system]]></category>
		<category><![CDATA[team]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[user]]></category>
		<category><![CDATA[variant]]></category>
		<category><![CDATA[View]]></category>
		<category><![CDATA[Web-browser]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=490</guid>
		<description><![CDATA[Ruby is one of the most versatile object oriented programming languages, which was designed explicitly to have a human focus, as compared to the machine focus of many other languages. Developed in the mid-90’s, initially in Japan and then elsewhere, Ruby is based on the “principle of least surprise” (POLS) which states that when two elements of an interface conflict, or are ambiguous, the behavior should be the one that will be least surprising to a human user or programmer. Ruby-on-Rails is perhaps the most popular (certainly the most well-known) of the Ruby frameworks that is in use today, but there are also many others such as Nitro, Sinatra, Merb, and Camping. There are a number of things to consider when deciding on a framework. We will look at some of these things in detail before moving on to a description of some of the most common in use today, including the ones mentioned above. Since Ruby is primarily used for web programming, implicitly that will tend to be our focus.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/490.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>Ruby is one of the most versatile object oriented programming languages, which was designed explicitly to have a human focus, as compared to the machine focus of many other languages. Developed in the mid-90’s, initially in Japan and then elsewhere, Ruby is based on the “principle of least surprise” (POLS) which states that when two elements of an interface conflict, or are ambiguous, the behavior should be the one that will be least surprising to a human user or programmer. In simple terms that the most obvious behavior is the one that will result. And this is perhaps what gives Ruby its power and in turn has caused Ruby to become one of the most widely used programming languages for the web. There are of course many other useful features in Ruby, including but not limited to Dynamic Typing, Duck Typing, Automatic Garbage Collection, First Class Continuations, an Interactive Ruby Shell, variable scope at four different levels (global, class, instance, local), facilities to support metaprogramming and a standard set of object oriented features (inheritance, metaclasses, exception handling, operator overloading etc.). Finally, Ruby supports a number of programming paradigms: other than object oriented, also functional, imperative, and reflective.<br />
<span id="more-490"></span><br />
But in addition to all the things that the native Ruby language can do (and Ruby carries a pretty large standard library), perhaps what makes it so suitable (and useful) for programming of various types, and especially web programming, is the existence of a number of Ruby frameworks. A Ruby framework is collection of pre-written libraries, functions and controls that can be downloaded and used to make your programming task easier. In addition to a time saving, there is also a significant benefit in terms of programming efficiency and implicitly a more consistent programming style (since so much is pre-defined, one begins to use or utilize the paradigm of the underlying framework when writing a program).</p>
<p>Ruby-on-Rails is perhaps the most popular (certainly the most well-known) of the Ruby frameworks that is in use today, but there are also many others such as Nitro, Sinatra, Merb, and Camping. There are a number of things to consider when deciding on a framework. We will look at some of these things in detail before moving on to a description of some of the most common in use today, including the ones mentioned above. Since Ruby is primarily used for web programming, implicitly that will tend to be our focus.</p>
<h2>Why Ruby in the first place?</h2>
<p>Now, we have touched upon this a little bit in our introduction, obviously POLS and the sheer flexibility of the programming language makes it a natural choice for a number of programming tasks. There is also the fact that Ruby is in philosophy (and in other ways, syntactically) similar to a number of other programming languages such as Perl, Smalltalk, Lisp, Ada, and Eiffel &#8211;  languages on which Ruby was based during its development. This makes it easy for programmers comfortable using these languages or their programming styles to quickly adapt to using Ruby. The same is true of programmers working with Python, Dylan, and CLU because Ruby is also similar to these in many respects. The strong focus on the object oriented paradigm makes it easier for anybody with a strong grasp of object oriented principles to quickly get cracking in Ruby. Finally, as mentioned before there is the flexibility of different programming paradigms, such as the functional, imperative and reflective (obviously in addition to the Object Oriented) that makes it attractive to programmers.</p>
<p>But there are other things going on under the hood that make Ruby such a popular choice, especially for web programming. It would be instructive to go into a detailed discussion of this, but we know this is neither the time or place for this so we will just mention two of the things that we think are most important. The first is something that is pretty obvious to most people experiencing a language like Ruby versus an extremely popular language like Java, and that is the scripting-like programming, which in addition to making code more human-friendly, also renders other advantages – everything in Ruby is an expression and everything is imperatively executed. What is less obvious and perhaps more important is the fact that with Ruby a strict adherence to the <a href="http://en.wikipedia.org/wiki/Model-View-Controller"> MVC</a> (Model-View-Controller) architecture is possible. In fact, the power of the MVC architecture, and the capability of the Ruby frameworks to inherently support it (all 5 mentioned in the introduction above do so) is what makes Ruby so suitable for web programming.</p>
<h2>A bit about the MVC</h2>
<p>The core principle of the MVC architecture is to separate application logic from the user interface (UI). The View part, as the name suggests, refers to the UI part of the software, and this is completely separated from the application logic which along with the domain-specific data constitutes the Model. The Controller is in charge of receiving input from the UI and initiating an appropriate call on Model objects. Data is then returned by the Model which is directly delivered to the View (without any intervention from the Controller).</p>
<p>In the Web domain, the UI is HTML and the inputs received by the Controller are the GET and POST requests. The Controller then hands this over accordingly to certain Model objects, which then how to handle the request. The separation allows for a great deal of flexibility and the individual implementation of each piece of the architecture can be replaced without affecting the other pieces as long as the same interface is offered. This is especially important in business/commerce applications where policy changes can easily be applied by creating a different Model object, without touching the UI side.</p>
<h2>MVC and Ruby frameworks</h2>
<p>This kind of separation is what not only enables flexibility but in turn allows for rapid development of Web applications using Ruby frameworks. Most often the task of choosing the right Ruby framework boils down to the task of designing the proper MVC architecture (i.e. the individual pieces required for your particular application) and once these are well specified, this can guide you towards making more informed decisions regarding which framework to use.</p>
<p>To begin with it’s important to describe what the application domain is, that is what will the data look like. Are they records or are they files? What relationships, if at all, exist between different data elements and so on? This in turn will lead you to creating a new database for the application’s needs. Of course in many cases, you may already have the database available and that will automatically answer many of these questions for you.</p>
<p>The next task is to identify what can happen to this data. Can records be updated? Can they be deleted? And so on. It makes sense to spend a lot of time planning out all the possible ways in which you want user’s to be able to interact with data. Although, the Model part can be replaced easily, remember that the interfaces will still need to be consistent. Policy also plays a big role here.</p>
<p>Once you have elucidated all that you want the Model to do, you can proceed with the UI design. How do you want the application to appear in the Web-browser?</p>
<p>Ruby frameworks that support MVC (and most of them do) make the actual implementation of each of these pieces a breeze, because each of the three pieces of the architecture is handled by a specific sub-system, and if you have spent the requisite amount of time in planning you can pick and choose the specific functionality that you need for each sub-system. The skeleton is already implemented, you need to decide the details and you are away.</p>
<h2>Choosing the right framework</h2>
<p>The importance of the planning stage cannot be overstated, because the planning stage giving give you a road map as to what kind of framework you need. Essentially, this begins with the question of what you need to get done. What are the features and capabilities that are essential to the success of your project. This then gives you the outline for what you need.</p>
<p>Once you have the outline, there are several other things that you need to consider. Does a given framework have a strong support system and community? Is it used by a number of people? (Usually a more popular variant, or one that has been around for longer is also more likely to have a stronger support system and community.) Another related consideration is how well a framework is documented. In many cases there might be situations where your development team either has previous experience working with a certain kind of framework, or a certain style of Ruby programming, and this can direct your search for a framework.</p>
<p>If starting from scratch, then things such as how easy a particular framework is to use and understand, as well as how easy is it to develop and deploy, become important considerations. The development and deployment speed are also important considerations when not starting from scratch depending on the project timeline. Perhaps one of the things that is sometimes underrated is how comfortable you are using a particular framework.</p>
<p>Generally, to avoid errors/bugs and to ensure the stability of your web application, it makes sense to use a popular solution since finding answers to common questions and fixes for common solutions is easy. The most popular solutions (and those that have been around for a long time) have also been extensively tried and tested, ensuring a certain peace-of-mind for developers using it. And this, clearly, has something to do with that comfort aspect.</p>
<p>Compatibility checks (before installing a framework), and making sure that the framework has been installed and is functioning properly will ensure that once the development cycle is underway it will be relatively smooth sailing – at least in terms of the framework aspects – the problems of debugging the non-framework parts, and ensuring that you are using the framework in the right/desired way will remain, but don’t worry, these will surely get resolved as your project progresses (more so in the case of readily available documentation and strong support).</p>
<h2>Ruby Frameworks</h2>
<h3><a href="http://rubyonrails.org/">Ruby on Rails</a></h3>
<p><a href="http://rubyonrails.org/"><img src="http://www.thepixelart.com/images/ruby-frameworks/rubyonrails.jpg" border="0" alt="Ruby on Rails" width="550" height="329" /></a></p>
<p>Ruby on Rails is perhaps the most popular Ruby framework that is in use today, and with good reason. Ruby on Rails was the framework that popularized the MVC approach as it relates to the task of web programming. This is done primarily by the Ruby on Rails MVC framework that consists of the Model (ActiveRecord), View (ActionView) and Controller (ActionController) sub-systems. It is open source and comes with a rich set of features including: AJAX support (via Prototype/script.aculo.us JS frameworks); a host of testing (Unit, Functional and Integration), security, caching and form-validation frameworks; internalization and localization functionality; and there are also pretty standard features such as DB migration frameworks, MVC Push capability, etc.</p>
<p>Ruby on Rails emphasizes agile development, “Convention over Configuration” (developer only needs to concentrate on the non-conventional aspects of application development) and “Don’t Repeat Yourself” (information is located in a single, unambiguous place). Since it has been around for a while, there is a well-defined API, extensive documentation as well as tutorials all over the web and finally a vibrant and supportive community.</p>
<h3><a href="http://raa.ruby-lang.org/project/nitro/">Nitro</a></h3>
<p><a href="http://raa.ruby-lang.org/project/nitro/"><img src="http://www.thepixelart.com/images/ruby-frameworks/raanitro.jpg" alt="" width="550" height="330" /></a></p>
<p>Nitro is actually a framework that was around before Ruby on Rails became popular. There are a number of web developers who still swear by it. One of its finest features is a powerful template system that has a pipeline of configurable transformation steps. It is open source and along with the template style programming, there is the option of using the MVC approach as well. Og is the persistence layer (or object relational data mapping; ORM) that works with Nitro.</p>
<p>Nitro is comparable in its feature set to Ruby on Rails including AJAX support, testing frameworks, MVC Push, caching frameworks, security frameworks, internalization and localization, DB migration and more. However, its support and documentation is suspect, and in recent times interest in Nitro seems to have waned.</p>
<h3><a href="http://merbivore.com/">Merb</a></h3>
<p><a href="http://merbivore.com/" target="http://merbivore.com/"><img src="http://www.thepixelart.com/images/ruby-frameworks/merb.jpg" border="0" alt="Merb" width="550" height="330" /></a></p>
<p>Merb is probably the second most popular framework in use after Ruby on Rails these days. One of the most interesting things about Merb is that it chooses not to make ORM, Templates, etc. frameworks/functionality part of the native system. These can be added via extension plug-ins and this allows the developer the flexibility to use whichever solution he/she prefers (or what makes sense for a given project). It does have a good feature-set that is part of the base system. It is an MVC based framework and has some of the best documentation (including useful getting-started tutorials).</p>
<h3><a href="http://camping.rubyforge.org/files/README.html">Camping</a></h3>
<p><a href="http://camping.rubyforge.org/files/README.html"><img src="http://www.thepixelart.com/images/ruby-frameworks/camping.jpg" border="0" alt="Camping" width="550" height="330" /></a></p>
<p>At less than 4kb code size, Camping is one of the lightest Ruby frameworks around. In fact, it is one of the developers’ stated goals to always keep it below 4kb code size. It once again follows the MVC philosophy and provides a single file in which to carry out the development of the entire application (although the separation between each sub-system is still maintained). The developers also suggest that once initial or prototype development is completed in Camping the project can easily be migrated to Ruby on Rails. So in some cases Camping is a precursory development environment for Ruby on Rails.</p>
<p>Camping does not have AJAX support, internalization and localization frameworks, nor security, caching and form-validation frameworks, but has pretty much other necessary functionality such as DB migration, Testing frameworks, ORM, etc.</p>
<h3><a href="http://ramaze.net/">Ramaze</a></h3>
<p><a href="http://ramaze.net/"><img src="http://www.thepixelart.com/images/ruby-frameworks/ramaze.jpg" border="0" alt="Ramaze" width="550" height="328" /></a></p>
<p>Ramaze’s emphasis is on simplicity. Ramaze also has a strict adherence to modular design and having minimal dependencies between different modules. Ramaze comes with a templating system called Ezamar and also has a fairly full-featured support for MVC applications.</p>
<h3><a href="http://www.sinatrarb.com/">Sinatra</a></h3>
<p><a href="http://www.sinatrarb.com/"><img src="http://www.thepixelart.com/images/ruby-frameworks/sinatra.jpg" border="0" alt="Nitro" width="550" height="329" /></a></p>
<p>Sinatra is a Ruby framework which like Camping is perhaps more suited for prototype development than actual business applications. It does, however, have a pretty standard set of features including MVC support, DB migration, Template and Caching frameworks. It does not have AJAX support, nor security and form-validation frameworks.</p>
<h3><a href="http://iowa.swiftcore.org/">IOWA</a></h3>
<p><a href="http://iowa.swiftcore.org/"><img src="http://www.thepixelart.com/images/ruby-frameworks/iowa.jpg" border="0" alt="IOWA" width="550" height="329" /></a></p>
<p>IOWA is another framework that has been around for a long time. It has support for both Event based and Cluster based modes of operation. Interest in IOWA has also slacked in recent years.</p>
<h3><a href="http://halcyon.rubyforge.org/">Halcyon</a></h3>
<p><a href="http://halcyon.rubyforge.org/"><img src="http://www.thepixelart.com/images/ruby-frameworks/halcyon.jpg" border="0" alt="Halcyon" width="550" height="329" /></a></p>
<p>Halcyon is another lightweight framework whose aim is to support service-oriented applications (SOA). It has AJAX support through the JSON interface, and overall is a very well documented project and has a strong support community.</p>
<h3><a href="http://rubywaves.com/">Waves</a></h3>
<p><a href="http://rubywaves.com/"><img src="http://www.thepixelart.com/images/ruby-frameworks/waves.jpg" border="0" alt="Waves" width="552" height="331" /></a></p>
<p>Waves seeks to provide an alternative solution for applications that do not need an MVC architecture. Thus, it has support for such things as AJAX, Adobe Air, mashups, OpenID, rich-client mobile apps, etc. This is done through a rich DSL. Waves’ developer speaks of the concept of <a href="http://rubywaves.com/more-about-request-mappings/">request lambdas</a> which are basically request mapping into a certain block, which results in a certain level of flexibility by removing some of the responsibilities of the Controller and placing the emphasis more on mappings. However, note that this is a subtle or implicit modification to the MVC pattern, and so use only after you have a good grasp of what’s going on and are confident that this is exactly what you need.</p>
<h3><a href="http://sourceforge.net/projects/ruby-waf/">RubyWAF</a></h3>
<p><a href="http://sourceforge.net/projects/ruby-waf/"><img src="http://www.thepixelart.com/images/ruby-frameworks/ruby_waf.jpg" border="0" alt="RubyWAF" width="550" height="329" /></a></p>
<p>Ruby Web Application Framework (RubyWAF) is based on Jakarta Structs and enables web/wap application development. It can also serve as a starting point for developing custom Ruby frameworks.</p>
<h3><a href="http://rubyeventmachine.com/">Ruby/EventMachine</a></h3>
<p><a href="http://rubyeventmachine.com/"><img src="http://www.thepixelart.com/images/ruby-frameworks/rubyeventmachine.jpg" border="0" alt="Ruby/EventMachine" width="550" height="330" /></a></p>
<p>It is a Network I/O and Event Management system for Ruby.</p>
<p><a href="http://rubyeventmachine.com/"></a></p>
<h3><a href="http://webby.rubyforge.org/">Webby</a></h3>
<p><a href="http://webby.rubyforge.org/"><img src="http://www.thepixelart.com/images/ruby-frameworks/webby.jpg" border="0" alt="Webby" width="550" height="330" /></a></p>
<p>Webby is a Content Management System, which the publisher’s call a website management system because they think it is not big enough.</p>
<h3><a href="http://radiantcms.org/">Radiant</a></h3>
<p><a href="http://radiantcms.org/"><img src="http://www.thepixelart.com/images/ruby-frameworks/radiant.jpg" border="0" alt="Radiant" width="550" height="330" /></a></p>
<p>Like Webby Radiant is an open source Content Management System.</p>
<h3><a href="http://ruby-gnome2.sourceforge.jp/">Ruby-GNOME2</a></h3>
<p><a href="http://ruby-gnome2.sourceforge.jp/"><img src="http://www.thepixelart.com/images/ruby-frameworks/rubygnome2.jpg" border="0" alt="Ruby-GNOME2" width="550" height="330" /></a></p>
<p>And finally little off-beat, for Linux enthusiasts: Ruby-GNOME2, a set of Ruby language bindings for the GNOME 2.0 development environment.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/ruby-frameworks-what-are-they-and-why-should-you-choose-one-which-one/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Top 9 Tools for On Set Live Chroma Keying</title>
		<link>http://www.thepixelart.com/top-tools-on-set-live-keying/</link>
		<comments>http://www.thepixelart.com/top-tools-on-set-live-keying/#comments</comments>
		<pubDate>Sun, 17 Jan 2010 18:51:12 +0000</pubDate>
		<dc:creator>Topher Welsh</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[ability]]></category>
		<category><![CDATA[alpha]]></category>
		<category><![CDATA[amount]]></category>
		<category><![CDATA[anyone]]></category>
		<category><![CDATA[bit]]></category>
		<category><![CDATA[BlackMagic]]></category>
		<category><![CDATA[BoinxTV]]></category>
		<category><![CDATA[BoinxTVBoinxTV]]></category>
		<category><![CDATA[box]]></category>
		<category><![CDATA[broadcasting]]></category>
		<category><![CDATA[budget]]></category>
		<category><![CDATA[Camera]]></category>
		<category><![CDATA[checking]]></category>
		<category><![CDATA[choice]]></category>
		<category><![CDATA[chroma]]></category>
		<category><![CDATA[combo]]></category>
		<category><![CDATA[composite]]></category>
		<category><![CDATA[control]]></category>
		<category><![CDATA[disk]]></category>
		<category><![CDATA[doesn]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[Enhanced]]></category>
		<category><![CDATA[experiment]]></category>
		<category><![CDATA[firewire]]></category>
		<category><![CDATA[footage]]></category>
		<category><![CDATA[hardware]]></category>
		<category><![CDATA[input]]></category>
		<category><![CDATA[inquire]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Justin]]></category>
		<category><![CDATA[key]]></category>
		<category><![CDATA[life]]></category>
		<category><![CDATA[look]]></category>
		<category><![CDATA[lot]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[market]]></category>
		<category><![CDATA[matte]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[niche]]></category>
		<category><![CDATA[office]]></category>
		<category><![CDATA[output]]></category>
		<category><![CDATA[package]]></category>
		<category><![CDATA[platform]]></category>
		<category><![CDATA[post]]></category>
		<category><![CDATA[post production]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[production]]></category>
		<category><![CDATA[program]]></category>
		<category><![CDATA[projection]]></category>
		<category><![CDATA[recording]]></category>
		<category><![CDATA[road]]></category>
		<category><![CDATA[room]]></category>
		<category><![CDATA[router]]></category>
		<category><![CDATA[Screen]]></category>
		<category><![CDATA[show]]></category>
		<category><![CDATA[skill]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[Soup]]></category>
		<category><![CDATA[stream]]></category>
		<category><![CDATA[studio]]></category>
		<category><![CDATA[support]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[television]]></category>
		<category><![CDATA[thing]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[Tosh]]></category>
		<category><![CDATA[Ultimatte]]></category>
		<category><![CDATA[Ultimattes]]></category>
		<category><![CDATA[UltimatteUltimatte]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[world]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=473</guid>
		<description><![CDATA[When it comes to the world of chroma key technology, there are many factors that go into a great key. There are specific lighting scenarios, the types of green or blue screens, your camera, the amount of skill you possess, and second most importantly... the software you use. We are going to take a look at nine of the most useful pieces of software out there to make your life that little bit easier when it comes to checking your keys in real time, or checking out the mattes to make sure that the footage you are shooting is going to be the easiest to work with in post.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/473.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>When it comes to the world of chroma key technology, there are many factors that go into a great key. There are specific lighting scenarios, the types of green or blue screens, your camera, the amount of skill you possess, and second most importantly&#8230; the software you use. We are going to take a look at nine of the most useful pieces of software out there to make your life that little bit easier when it comes to checking your keys in real time, or checking out the mattes to make sure that the footage you are shooting is going to be the easiest to work with in post.<br />
<span id="more-473"></span></p>
<h3><a href="http://www.ultimatte.com/UltimatteMain/HOME/HOME.html" target="_blank">Ultimatte</a></h3>
<p><a href="http://www.ultimatte.com/UltimatteMain/HOME/HOME.html"><img src="http://www.thepixelart.com/images/on-set-key/1-Ultimatte.jpg" alt="" width="550" height="321" /></a></p>
<p>Ultimatte is one of the heavy hitters in this niche of the market. Lots of new studios and shows like The Soup, Tosh.0, and really any other show that tapes live on television with green screen walls probably uses this software/hardware combo. Ultimatte is the world&#8217;s leading live keying hardware and software package that allows you to feed your cameras directly into the Ultimatte box, then out to your control room for further live work. There are a few different Ultimattes to choose from, the latest being the <a href="http://www.ultimatte.com/UltimatteMain/11_Main.html" target="_blank">Ultimatte 11 HD/SD</a> which is the most powerful, letting you deal with both SD and HD formats, Enhanced Matte controls and a four input router. They also have three other models, <a href="http://www.ultimatte.com/UltimatteMain/500_Main.html" target="_blank">the 500</a> deals in only SD, but has a lot of the same controls as the 11, <a href="http://www.ultimatte.com/UltimatteMain/dv_Main.html" target="_blank">the DV</a> obviously deals in only DV, but plugs in directly with firewire, and inputs via S-video, composite or firewire. Although they don&#8217;t tell you what the prices are on the website, they are pretty high, and I believe you have to inquire via email to get any hard prices.</p>
<h3><a href="http://boinx.com/boinxtv/overview/" target="_blank">BoinxTV</a></h3>
<p><a href="http://boinx.com/boinxtv/overview/"><img src="http://www.thepixelart.com/images/on-set-key/2-BoinxTV.jpg" alt="" width="550" height="276" /></a></p>
<p>BoinxTV is a Mac only platform, but provides an easy to use solution when it comes to live broadcasting, podcasting, or just recording direct to disk, this is an all-in-one package with a moderate budget. Aside from being able to stream to the internet, or output to a projection screen or whatever, BoinxTV lets you do a live chroma key in the process, making your post production duties more minimal. Having the ability to add pictures, video, music or whatever you need to put together a show makes this package a great choice for anyone wanting to experiment with have a live production studio in their office, or on the road. Best thing about this, is the price is only $199 &#8211; $499, but you can also use the 30 evaluation version free of charge!</p>
<h3><a href="http://www.telestream.net/wire-cast/overview.htm" target="_blank">Telestream Wirecast</a></h3>
<p><a href="http://www.telestream.net/wire-cast/overview.htm"><img src="http://www.thepixelart.com/images/on-set-key/3-Wirecast.jpg" alt="" width="550" height="308" /></a></p>
<p>This software is more of a just-for-live-broadcast type of program in which you can hook up multiple camera to switch between them to create polished shows. Although this doesn&#8217;t have any hardware that comes with it, you are going to at least have to have firewire-enabled cameras and enough firewire ports on the computer you have the software on, or get analog to digital converter boxes to utilize your non-firewire cameras. This program does support HDV (if you <a href="http://dynamic.telestream.net/buy/buy-wirecast.asp" target="_blank">buy the plugin</a> for $100), but doesn&#8217;t support capture cards with HDMI, RCA, BNC, Composite, Component SD, or HD SDI, unless you can find a way to convert them to a firewire input. Despite the lack of input capabilities, they make it up in their streaming codecs, being able to hook up directly into sites like Ustream and Justin.tv, and can utilize graphics with alpha channels for things like name keys, overlays, and lower thirds.</p>
<h3><a href="http://www.zachpoff.com/site/software/software.html" target="_blank">Chroma Key Live</a></h3>
<p><a href="http://www.zachpoff.com/site/software/software.html"><img src="http://www.thepixelart.com/images/on-set-key/ChromaKeyLive.jpg" alt="" width="556" height="288" /></a></p>
<p>This free program was developed by a guy that actually figured he could develop his own program rather than buying something like BoinxTV or Wirecast. The only difference is this is only really to check to see if your actors are positioned correctly on your green screen sets to match up with your premade 3d scenes or matte paintings. What you do, is feed your camera into the firewire port on your laptop with the program running, then pick your chroma key color, and you will see the background of your scene (to be later composited in post) on the screen underneath your actor. Although this program actually doesn&#8217;t record your camera, you wouldn&#8217;t want to take this harsh chroma key anyways, because it is really bad. The program was written to check your mattes and to help you direct, rather than live keying. You can probably composite a lot better in a program like After Effects anyways, when you have more control over the matte chokers, screen gain, pre-blur and things like that.</p>
<h3><a href="http://www.blackmagic-design.com/products/decklink/" target="_blank">BlackMagic Design DeckLink</a></h3>
<p><a href="http://www.blackmagic-design.com/products/decklink/"><img src="http://www.thepixelart.com/images/on-set-key/5-BlackMagic-Decklink.jpg" alt="" width="550" height="253" /></a></p>
<p>I was a little disappointed to see that BlackMagic only has a built in SD keyer. I mean, if that is what you have handy, then perfect, but most of the video world nowadays has made the move to high definition. Also, if you are going to be shelling out $695 for a piece of hardware, I don&#8217;t think it is worth it, if that is what you are primarily going to use it for. Now enough of the cons, the fact that DeckLink Studio accepts capturing any kind of HD/SD signal, doesn&#8217;t make it completely worthless. You could always download the Chroma Key Live application or use it in conjunction with another program to feed cameras and video inputs into your system and software. It still is a great little piece of hardware to have handy, but the built in SD keyer just isn&#8217;t worth the money if that is your only reason for buying this.</p>
<h3><a href="http://www.adobe.com/ap/products/creativesuite/production/ultra/features/" target="_blank">Adobe Ultra CS3</a></h3>
<p><a href="http://www.adobe.com/ap/products/creativesuite/production/ultra/features/"><img src="http://www.thepixelart.com/images/on-set-key/6-Adobe-Ultra.jpg" alt="" width="550" height="332" /></a></p>
<p>This product seems as though its been discontinued by Adobe, at least for the time being, but if you can find a copy on craigslist or Ebay it might be worth the money you throw into it. It provides you with a library of pre-made virtual sets that you can place your actor in, or you can bring in your own matte paintings or virtual sets to work with. The downside of this software, is that it only supports DV input, and not HD. Hopefully down the line Adobe decides to pick the product back up, but until then, we can only really work with what is provided. Good news is, you can get a trial version of the software on Adobe&#8217;s website to dink around with to see if it suits your needs.</p>
<h3><a href="http://www.dvgarage.com/prod/prod.php?prod=conduit2" target="_blank">Conduit2</a></h3>
<p><a href="http://www.dvgarage.com/prod/prod.php?prod=conduit2"><img src="http://www.thepixelart.com/images/on-set-key/7-Conduit-Live.jpg" alt="" width="550" height="320" /></a></p>
<p>This is a really cool plugin, especially if you are used to Node Based Compositing. That is probably the biggest aspect of this plugin and why it appeals to so many people. Node Based Compositing is just something that generally isn&#8217;t available to After Effects, Motion, and Final Cut Pro users. The way this works as a plugin, is you apply it to a video layer, and then open up the settings of the plugin. There, you can apply your different nodes to get a good key like spill supression, chokers and things like that. One con about this plugin, is it is only for Mac systems, but the major plus about it is the amount of training material that is available on their website.</p>
<h3><a href="http://www.dvdxdv.com/NewFolderLookSite/VeeScope/Products/VeescopeLive.overview.htm" target="_blank">Veescope Live</a></h3>
<p><a href="http://www.dvdxdv.com/NewFolderLookSite/VeeScope/Products/VeescopeLive.overview.htm"><img src="http://www.thepixelart.com/images/on-set-key/8-Veescope-Live.jpg" alt="" width="550" height="433" /></a></p>
<p>This is a nice, cheap little solution if you are looking for a way to test out your green screen shots, to make sure the perspective is correct, checking to see if you have your camera move right&#8230; that sort of thing. This is a really simple, easy to use keying application that you can plug virtually any camera that has a firewire input into, and key it right there on set. At only $100 this is a good choice if you are looking for a legit piece of software to just check your keys.</p>
<h3><a href="http://www.frischluft.com/lensfeed/index.php" target="_blank">Frischluft AE plugin</a></h3>
<p><a href="http://www.frischluft.com/lensfeed/index.php"><img src="http://www.thepixelart.com/images/on-set-key/9-Lensfeed.jpg" alt="" width="550" height="329" /></a></p>
<p>First thing to know about this plugin, is it is old, and After Effects was not made to utilize a plugin like this. The way this works, is you apply the plugin to a composition, and every time it redraws a frame, the composition updates and therefore draws a frame from your video camera. Its not exactly live, but close to it. This obviously doesn&#8217;t let you capture video into After Effects, but it lets you check your perspective and lighting with whatever you have built directly inside of After Effects.</p>
<p>As you can see, there are many options when it comes to live, on-set keying, some of which cost more than others, some might match your needs better than others, and some might match your budget. Whatever the reason you may choose your product, just make sure you try a trail version before you shell out some money and make sure it does exactly what you want. There are a lot of factors to consider, and testing your software out is probably the best bet when it comes to making an educated decision.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/top-tools-on-set-live-keying/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Take Your HTML Tables to a New Level with JavaScript Frameworks</title>
		<link>http://www.thepixelart.com/take-your-html-tables-to-a-new-level-with-javascript-frameworks/</link>
		<comments>http://www.thepixelart.com/take-your-html-tables-to-a-new-level-with-javascript-frameworks/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 16:10:03 +0000</pubDate>
		<dc:creator>Editorial Team</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=465</guid>
		<description><![CDATA[With basic HTML tables, the structure and the way the table are presented inherits the native html style. And if you like to change it then you need to change the underlying HTML code or spend time in adding attributes to all tables tags, in order to style it with CSS . But what if you want to make the tables more interesting, more dynamic, more visual appealing without spending so much time. JS libraries/frameworks will allow you to add a range of dynamic behavior to your tables and manipulate it for better presentation on a webpage without spending much time. We decided to list a few for the benefit of those who intend to use tables with JavaScript(JS).]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/465.png&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>With basic HTML tables, the structure and the way the table are presented inherits the native html style. And if you like to  change it then you need to change the underlying HTML code or spend time in adding attributes to all  tables tags, in order to style it with CSS . But what if  you want to make the tables more interesting, more dynamic, more visual appealing without spending so much  time. Yes you  can certainly use JavaScript for this, but coding it from scratch will be time  consuming and it’s not worth. But JS libraries/frameworks will allow you to add a range of  dynamic behavior to your tables  and manipulate  it for better  presentation on a webpage without  spending much time. We decided to list a few for the  benefit of those who intend to use tables with JavaScript(JS). Most of these are for  the popular jQuery, MooTools and Prototype/script.aculo.us JS frameworks. Since  most of the JS frameworks mentioned below are plug-ins that work on top of  existing JS frameworks, it is recommended that you take a look at those base  frameworks first.&nbsp;But there are a few others that do not require an  existing JS frameworks.</p>
<p><span id="more-465"></span></p>
<h2> Solutions Based on jQuery</h2>
<h3><a href="http://flexigrid.info/">Flexigrid</a></h3>
<p> Flexigrid is a lightweight plug-in for jQuery that converts an ordinary HTML table into an extremely flexible and feature-rich datagrid (or Flexigrid). Resizable columns, ability to connect to an XML data source through AJAX, data scrolling, search, pagination, themes, and the ability to add a toolbar are some of its features.</p>
<p><a href="http://flexigrid.info/"><img src="http://www.thepixelart.com/images/table-js/image9.png" alt="Flexigrid" width="550" height="308" /></a></p>
<h3><a href="http://tablesorter.com">tablesorter</a></h3>
<p>  tablesorter is a jQuery plug-in for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has a number of interesting features including: multi-column sorting; support for secondary hidden sorting; preloaded sorters for text, URLs, integers, currency, etc. – your own can be added easily; cross-browser support (except Chrome); and the system is easily extensible via the widget system.</p>
<p> <a href="http://tablesorter.com"> <img src="http://www.thepixelart.com/images/table-js/image10.png" alt="tablesorter" width="550" height="142" /></a></p>
<h3><a href="http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/">TableRowCheckboxToggle </a></h3>
<p>This is a plug-in that generically adds the toggle checkbox function to any table rows you specify based on the css class names. It will by default toggle any checkboxes within the table row. You can also manually exclude checkboxes based on various criteria: name, id, or CSS classes. And more. See the live Demo<a href= "http://pure-essence.net/stuff/webTips/jqueryTableRowCheckboxToggle.html"> here</a>.</p>
<p><a href="http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/"><img src="http://www.thepixelart.com/images/table-js/image30.png" width="501" height="166" /></a></p>
<h3><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a></h3>
<p>  TableEditor provides flexible in place editing of HTML tables.  </p>
<p> <a href="http://dev.iceburg.net/jquery/tableEditor/demo.php"><img src="http://www.thepixelart.com/images/table-js/image11.png" alt="TableEditor" width="550" height="202" /></a></p>
<h3><a href="http://reconstrukt.com/ingrid/"> ingrid</a></h3>
<p>  ingrid is a jQuery datagrid plug-in. It makes it possible to achieve a number of datagrid behaviors such as column resizing, paging, sorting, row and column styling, etc. Take a look at the <a href="http://reconstrukt.com/ingrid/src/example1.html">examples</a> page to see some of the possibilities.</p>
<p><a href="http://reconstrukt.com/ingrid/"><img src="http://www.thepixelart.com/images/table-js/image29.png" width="550" height="262" /></a></p>
<h3><a href="http://p.sohei.org/jquery-plugins/columnmanager/"> columnManager</a></h3>
<p> columnManager is a jQuery plug-in that enables you to toggle the visibility of table columns (collapsing / expanding) and also to save the state of the table until the user’s next visit to the webpage.</p>
<p><a href="http://p.sohei.org/jquery-plugins/columnmanager/"><img src="http://www.thepixelart.com/images/table-js/image28.png" width="471" height="126" /></a></p>
<h3><a href="http://www.datatables.net/"> DataTables</a></h3>
<p>DataTables is a plug-in that adds advanced interaction tools to your HTML tables. These include: on-the-fly sorting; multi-column sorting with automatic detection of data types; variable length pagination; and an extensible API to add more features of your own. It can display data from almost any data source – DOM, JS array, AJAX files and supports Server-side processing (PHP, C#, Perl, Ruby, AIR, Gears, …). Tables can also be themed by CSS or jQuery UI ThemeRoller.</p>
<p> <a href="http://www.datatables.net/"><img src="http://www.thepixelart.com/images/table-js/image12.png" alt="DataTables" width="550" height="366" /></a></p>
<h3><a href="http://gregweber.info/projects/uitablefilter"> uiTableFilter</a></h3>
<p> uiTableFilter by Greg Weber is a jQuery plug-in for filtering table rows. The arrows at the top of each column enable you to sort accordingly. He has also created another great plug-in <a href="http://gregweber.info/projects/uitableedit">uiTableFilter</a>, which  makes tables editable by users.</p>
<p><a href="http://gregweber.info/projects/uitablefilter"><img src="http://www.thepixelart.com/images/table-js/image27.png" width="550" height="268" /></a></p>
<h3><a href="http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.html"> Scrollable HTML Table</a></h3>
<p> Convert ordinary HTML tables into Scrollable HTML Tables.</p>
<p><a href="http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.html"><img src="http://www.thepixelart.com/images/table-js/image26.png" width="430" height="195" /></a></p>
<h3><a href="http://www.hanpau.com/index.php?page=jqtreetable"> JQTreeTable</a></h3>
<p> JQTreeTable enables you to have a tree-view for an ordinary HTML table. It also has graceful degradation inasmuch as, once the browser’s JS is turned off, the plain HTML table view is maintained.  </p>
<p> <a href="http://www.hanpau.com/index.php?page=jqtreetable"><img src="http://www.thepixelart.com/images/table-js/image14.png" alt="JQTreeTable" width="424" height="266" /></a></p>
<h3><a href="http://plugins.jquery.com/project/csv2table"> CSV2Table</a></h3>
<p> A plug-in that helps to load a <a href="http://en.wikipedia.org/wiki/Comma-separated_values">CSV file</a> and load the data values directly into a table.</p>
<p><a href="http://plugins.jquery.com/project/csv2table"><img src="http://www.thepixelart.com/images/table-js/image25.png" width="461" height="241" /></a></p>
<h3><a href="http://neoalchemy.org/tablePagination.html"> Table Pagination</a></h3>
<p>This can help to create a pagination element at the bottom of a table. </p>
<p> <a href="http://neoalchemy.org/tablePagination.html"><img src="http://www.thepixelart.com/images/table-js/image15.png" alt="Table Pagination" /></a></p>
<h3><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/"> Table Drag and Drop</a></h3>
<p> Pretty self-explanatory name: enables users to reorder rows according to their own criteria (for example priority). Individual rows can be marked as non-draggable and/or non-droppable (i.e. other rows cannot be dropped on to them).</p>
<p><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/"><img src="http://www.thepixelart.com/images/table-js/image24.png" width="491" height="234" /></a></p>
<h2> Solutions Based on MooTools</h2>
<h3><a href="http://www.omnisdata.com/omnigrid/">OmniGrid</a></h3>
<p>  OmniGrid is a plug-in for the MooTools JS framework that can add a rich set of functionality to your data grids and HTML tables. These functionality include: pagination; Server-side and Client-side sorting; resizable columns; connection to back-end databases through AJAX; multiple selection and more. It has been inspired, according to its author, Marko Šantic, by Flexigrid (see above) and PhatFusion’s sortableTable (see below).</p>
<p><a href="http://www.omnisdata.com/omnigrid/"><img src="http://www.thepixelart.com/images/table-js/image16.png" alt="OmniGrid" width="550" height="218" /></a></p>
<h3><a href="http://andrewplummer.com/code/tablegear/">TableGear</a></h3>
<p> TableGear is a MooTools+PHP powered component that enables you to manipulated data on the web in various ways. It helps you easily create interactive HTML tables. Features include: sorting; the ability to add and delete rows on-the-fly; keyboard shortcuts; graceful degradation to simple tables in the absence of JS capability on a browser; data loading through AJAX and POST; and is fully XHTML compliant.</p>
<p><a href="http://andrewplummer.com/code/tablegear/"><img src="http://www.thepixelart.com/images/table-js/image23.png" alt="TableGear" width="550" height="156" /></a></p>
<h3><a href="http://www.phatfusion.net/sortabletable/">Phatfusion Sortable Table</a></h3>
<p> Phatfusion’s sortableTable enables you to sort and filter HTML tables. Sorting can be done on numbers, strings, dates and currency. Filtering can be done on columns.</p>
<p><a href= "http://www.phatfusion.net/sortabletable/"><img src="http://www.thepixelart.com/images/table-js/image17.png" alt="Phatfusion Sortable Table" /></a></p>
<h3><a href="http://davidwalsh.name/mootools-zebra-tables-plugin">Zebra Tables</a></h3>
<p> Zebra Tables, developed by David Walsh, is a MooTools plug-in that implements “Zebra” presentation on ordinary tables (i.e. alternate rows are different colors).  </p>
<p> <a href="http://davidwalsh.name/mootools-zebra-tables-plugin"><img src="http://www.thepixelart.com/images/table-js/image18.png" alt="Zebra Tables" /></a></p>
<h3><a href="http://joomlicious.com/mootable/"> mootable</a></h3>
<p> mootable enables conversion of an ordinary HTML table into what the author’s call a mootable, which is simply saying that the table now will have interactive capabilities such as sorting, resizable columns, and the ability to hide/show columns. They degrade gracefully because they are still simple HTML tables at heart.</p>
<p><a href="http://joomlicious.com/mootable/"><img src="http://www.thepixelart.com/images/table-js/image22.png" width="550" height="290" /></a></p>
<h2> Solutions Based on Prototype</h2>
<h3><a href="http://www.millstream.com.au/view/code/tablekit/">TableKit</a></h3>
<p>  This is a whole set of enhancements for HTML tables. It implements a number of functionality including: column sorting, column resizing, row striping, user cell editing using AJAX, and more. </p>
<p><a href="http://www.millstream.com.au/view/code/tablekit/"><img src="http://www.thepixelart.com/images/table-js/image19.png" alt="TableKit" width="550" height="305" /></a></p>
<h2> Solutions Based on Yahoo! UI</h2>
<h3><a href="http://developer.yahoo.com/yui/datatable/">YUI DataTables</a></h3>
<p> The Yahoo! UI (YUI) people provide their own control for making powerful HTML tables which is called DataTable. YUI DataTables has pretty advanced functionality: sorting; user cell editing; pagination; scrolling; row, cell and column selection; ability to hide, show, insert or delete columns; and more.</p>
<p><a href="http://developer.yahoo.com/yui/datatable/"><img src="http://www.thepixelart.com/images/table-js/image20.png" alt="YUI DataTables" /></a></p>
<h2>Solutions that Do Not Depend on an Existing Framework</h2>
<h3><a href="http://www.sprymedia.co.uk/article/KeyTable">KeyTable</a></h3>
<p> Although KeyTable has a couple of jQuery components, since they are just two it can be easily be made to work with other JS frameworks. It takes any simple HTML table and is able to add things such as keyboard-based navigation and event bindings. The author (Allan Jardine) calls this Excel style navigation, because the table entries can be edited without the use of a mouse. The current cell is highlighted (see below) using event handling functions through the API: “focus” – when a cell is highlighted; “blur” – when user navigates away from the highlighted cell; “return” – when user hits a return key for the current cell; and “esc” – when user hits the escape key. </p>
<p><a href="http://www.sprymedia.co.uk/article/KeyTable"><img src="http://www.thepixelart.com/images/table-js/image1.png" alt="KeyTable" width="550" height="285" /></a></p>
<h3><a href="http://cssglobe.com/lab/tablecloth/">Tablecloth</a></h3>
<p> Tablecloth is a lightweight, easy to use, and unobtrusive way to add style and behavior to html table elements. Tablecloth searches your HTML source for table elements and processes each one individually. It is easily extensible with the function that gets called when the user clicks on a table cell being editable.</p>
<p> <a href="http://cssglobe.com/lab/tablecloth/"> <img src="http://www.thepixelart.com/images/table-js/image2.png" alt="Tablecloth" width="550" height="233" /></a></p>
<h3><a href="http://www.leigeber.com/2009/03/table-sorter/">TinyTable </a></h3>
<p>At a 2.5KB download size this is an extremely lightweight solution, that adds a number of attractive features to simple HTML tables which include the following: alternate row highlighting; header class toggling; auto data type recognition; selective column sorting; column highlighting; optional pagination; support for links; and date/link parsing. See the live demo <a href="http://sandbox.leigeber.com/table-sorter/index.html"> here</a>.</p>
<p><a href="http://www.leigeber.com/2009/03/table-sorter/"><img src="http://www.thepixelart.com/images/table-js/image3.png" alt="TinyTable" /></a></p>
<h3><a href="http://www.drasticdata.nl/DDHome.php?m=3">DrasticData</a></h3>
<p> This is an exciting PHP/JS/MySQL based open source package with an AJAX-based datagrid, which comes with editing support, a configurable tag cloud and even a Google Mapping component. See the host of examples for what is possible. The example below shows reverse sorted “Continent” column and hitting the  red “x” on row 6 has brought up the dialog box. Check out other examples at the <a href="http://www.drasticdata.nl/DDHome.php?m=3"> homepage</a>.</p>
<p> <a href="http://www.drasticdata.nl/DDHome.php?m=3"><img src="http://www.thepixelart.com/images/table-js/image4.png" alt="DrasticData" width="550" height="292" /></a></p>
<h3><a href="http://javascriptools.sourceforge.net/"> JavaScripTools</a></h3>
<p> JavaScripTools is a collection of useful JS components, functions, and classes with the aim of simplifying the web developer’s task. Its features include parsers/formatters for various data types. In particular, it comes with a dynamic table function that is useful for creating sortable HTML tables.</p>
<p><a href="http://javascriptools.sourceforge.net/"><img src="http://www.thepixelart.com/images/table-js/image21.png" width="344" height="163" /></a></p>
<h3><a href="http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting"> Standardista Table Sorting</a></h3>
<p> This is a JS module that allows to take an HTML data table and make it sortable by any column. Sorting can be done on various data types including IP addresses, Currency, numbers, Plain text, and dates. The example shows the “price” column sorted.</p>
<p> <a href="http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting"><img src="http://www.thepixelart.com/images/table-js/image5.png" alt="Standardista Table Sorting" /></a></p>
<h3><a href="http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script"> Unobtrusive Table Actions Script</a></h3>
<p> The author’s goal was to create a solution which was not tied to any underlying JS framework and so we get the Unobtrusive Table Actions Script. This has a number of useful features including: “Zebra” striping of rows; row hover, cell hover, and column hover effects; table rows can be selected on click and the behavior on click can be programmed via a callback function, allowing for flexibility for the web developer; row and column highlighting and selection; and the ability to hyperlink cell contents. See example below: row 6 has been selected; the mouse pointer is actually on row 10 and column 2 causing that to be highlighted as also the entire row; finally, there is a hyperlink at cell (1,1). </p>
<p> <a href="http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script"><img src="http://www.thepixelart.com/images/table-js/image6.png" alt="sortable" width="550" height="308" /></a></p>
<h3><a href="http://www.kryogenix.org/code/browser/sorttable/"> sorttable</a></h3>
<p> sorttable is a JS framework that enables you to convert all your HTML tables and make them sortable (see example below – name column is reverse sorted). sorttable uses DOM, sorts a number of different data types and it is completely unobtrusive. </p>
<p> <a href="http://www.kryogenix.org/code/browser/sorttable/"><img src="http://www.thepixelart.com/images/table-js/image7.png" alt="Unobtrusive Table Actions Script" /></a></p>
<h3><a href="http://www.danvk.org/wp/dragtable/"> dragtable</a></h3>
<p> As its name suggest dragtable makes table columns draggable. Users can now change the order of table columns by dragging them wherever they need to. Enable users to change order of table columns by simply dragging them. It can and is meant to be used in conjunction with sorttable.</p>
<p> <a href="http://www.danvk.org/wp/dragtable/"><img src="http://www.thepixelart.com/images/table-js/image8.png" alt="dragtable" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/take-your-html-tables-to-a-new-level-with-javascript-frameworks/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>10 Best Software for Visual Performance Artist</title>
		<link>http://www.thepixelart.com/best-software-for-visual-performance-artist/</link>
		<comments>http://www.thepixelart.com/best-software-for-visual-performance-artist/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 14:45:13 +0000</pubDate>
		<dc:creator>Editorial Team</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[access]]></category>
		<category><![CDATA[advantage]]></category>
		<category><![CDATA[ArkaOS]]></category>
		<category><![CDATA[ATI]]></category>
		<category><![CDATA[Automated]]></category>
		<category><![CDATA[Avenue]]></category>
		<category><![CDATA[Channel]]></category>
		<category><![CDATA[Composer]]></category>
		<category><![CDATA[control]]></category>
		<category><![CDATA[CPU]]></category>
		<category><![CDATA[Creation]]></category>
		<category><![CDATA[discount]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[engine]]></category>
		<category><![CDATA[fall]]></category>
		<category><![CDATA[feel]]></category>
		<category><![CDATA[flexibility]]></category>
		<category><![CDATA[FreeFrame]]></category>
		<category><![CDATA[GeForce]]></category>
		<category><![CDATA[Grand]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[input]]></category>
		<category><![CDATA[Intel]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[LFO]]></category>
		<category><![CDATA[license]]></category>
		<category><![CDATA[Live]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Mac OSX]]></category>
		<category><![CDATA[Mac-only VJ]]></category>
		<category><![CDATA[manipulation]]></category>
		<category><![CDATA[MIDI]]></category>
		<category><![CDATA[Mixing]]></category>
		<category><![CDATA[Modul]]></category>
		<category><![CDATA[need]]></category>
		<category><![CDATA[NVIDIA]]></category>
		<category><![CDATA[output]]></category>
		<category><![CDATA[price]]></category>
		<category><![CDATA[publisher]]></category>
		<category><![CDATA[Quartz]]></category>
		<category><![CDATA[QuickTime]]></category>
		<category><![CDATA[Radeon]]></category>
		<category><![CDATA[RAM]]></category>
		<category><![CDATA[regard]]></category>
		<category><![CDATA[Resolume]]></category>
		<category><![CDATA[runtime]]></category>
		<category><![CDATA[Screen]]></category>
		<category><![CDATA[setup]]></category>
		<category><![CDATA[shipping]]></category>
		<category><![CDATA[SMS]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[studio]]></category>
		<category><![CDATA[support]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[trial]]></category>
		<category><![CDATA[VDMX]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[vj]]></category>
		<category><![CDATA[VJamm]]></category>
		<category><![CDATA[VRAM]]></category>
		<category><![CDATA[VVVV]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=386</guid>
		<description><![CDATA[The task of selecting software for live audio-visual performances can become overwhelming, given the wide variety of solutions that are available. So read on here to get the taste of some of the best VJ software that is available in the market today, including free ones right at the end. ]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/386.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>The task of selecting software for live audio-visual performances can become overwhelming, given the wide variety of solutions that are available. As is true of choosing anything, you need to understand what you need. You then take a look at what is available. Once again as with most other products, there are features offered that you may not comprehend completely. Your selection depends on your own skills and experience in the profession too. This can be especially tough for someone who is just starting out in this domain, or trying to get things done in such software for the first time, because you may not even be sure of what you need exactly. A good starting point is to take a look at what is available. And hence what are presented here are the best ones according to the professionals. So read on here to get the taste of some of the <strong>best VJ software</strong> that is available in the market today, including free ones right at the end. </p>
<p><span id="more-386"></span></p>
<h3>VJamm</h3>
<p> <a href="http://www.vjamm.com/"><img src="http://www.thepixelart.com/images/vjsoftware/VJamm.jpg" alt="VJamm" width="550" height="308" border="0" /></a></p>
<p>
 <a href="http://www.vjamm.com/">VJamm</a> made by Camart Ltd., described by the software publisher as a “piano for sound and vision.” It comes in two primary variants, VJamm (£50) and the VJamm Pro (£299). The professional version carry a number of advanced features, including support for higher resolution clips &#8211; 2048&#215;2048, (while VJamm supports only up to 720&#215;576), support for more file types (“.mov”, “.swf”, “.3ds”), better media import methods (Live Text creation and SMS to screen) and the ability to record a particular composition for later use. The Pro edition also allows the purchaser access to VJamm’s development program, which in turn is one of the reasons why the latest versions have a lot of intuitive features – driven by inputs from VJ’s who have used VJamm in the field. </p>
<p>
 Providing a comprehensive audio-visual solution, VJamm is reputed among VJ’s as having one of the most accurate time-bases which make it highly suitable for professional presentations – clip stretching and other clip calisthenics. Other attractive features include a responsive cross-fade module, a range of on-the-fly clip controls (like soft edge luma key, opacity, etc.), support for up to 16 layers of video with individual controls for each, and more. </p>
<p>
 There are add-ons that can be downloaded such as VJamm Blueprint which is an intuitive tool for creating attractive visual improvisations on-the-fly. The great thing about the add-ons is that you don’t have to purchase them – they are available for free to download, and will work as long as you use the registration key that is provided during purchase of VJamm/Pro – the publisher’s promise “you pay only once.” </p>
<p>
 But VJamm is for Windows PCs only. Minimum requirements: 1GHz CPU, 256 MB RAM, Windows XP with an Open GL graphics card. Free <a href="http://www.vjamm.com/download/VJammDownload.php?url=vjammlatestdemo.exe">demo</a> version is also available.</p>
<h3>AVmixer Pro</h3>
<p> <a href="http://www.neuromixer.com/product-avmixer.php"><img src="http://www.thepixelart.com/images/vjsoftware/AVmixer.jpg" alt="AVmixer Pro" width="550" height="308" border="0" /></a></p>
<p>
 A good choice for starters, Neuromixer’s <a href="http://www.neuromixer.com/product-avmixer.php">AVmixer Pro</a> fits somewhere midway between VJamm and VJamm Pro. Although it does not have the support for as many live external video streams, it does come with a fairly complete set of features and so is an ideal solution for a beginning to intermediate level VJ. At $89, it is much cheaper than the VJamm Pro, and certainly a better buy than the VJamm. And unlike VJamm it is also available for Mac OS X.</p>
<p>
 The interface is attractive as well as intuitive. You can view the layers side by side for individual manipulation, and most of the functions, including a playback speed slider (range from 8% to 800%). With a little tinkering and some practice, you’ll very quickly find yourself sub-consciously rolling the mouse-over to the right place at the right time. It has a pretty standard list of advanced features including support for all major file types, MIDI support, support for FreeFrame effects and A/V mixing. The internal sequencer and the ability to assign specific audio channels to specific effects or to blends, makes it somewhat better VJamm. </p>
<p>
 As mentioned above, for Windows and Mac OSX users. Requires 512 MB RAM and QuickTime software installed prior to AVmixer Pro installation. Don’t forget to take advantage of the 30-day <a href="http://www.neuromixer.com/download.php">trial</a>.</p>
<h3>
 Resolume</h3>
<p> <a href="http://www.resolume.com/"><img src="http://www.thepixelart.com/images/vjsoftware/Resolume.jpg" alt="" width="550" height="308" border="0" /></a></p>
<p>
 For Mac as well as PC users, <a href="http://www.resolume.com/">Resolume Avenue 3</a> is a great software for VJ`s, supporting up to 3 video layers. If you know to use Adobe Flash or use Flash for creating visuals then Resolume’s is for you. It can play Flash animations including AS2 and AS3 scripting. And when it comes to scripting you know how powerful it can be. It is probably a bit over-priced (€ 299.00) when compared to the VJamm Pro. But has the support for over a many external video streams and has relatively simplest user interface – overall it has a less cluttered feel. If you like to work on fewer layers, but would like far more video streams then this can be a good choice. Another important feature of this software is video mapping. If you have worked with much code based real-time graphics processing application like VVVV then you will know how hard it is to map a video on any physical object. But when it comes to Resolume with few clicks you can map the video onto any object or surface. Not only that you can even project on multiple surfaces or objects.</p>
<p>
 Although it does not have an SMS-to-Screen feature or an internal sequencer, it still comes with the ability to assign Audio input channels to effects and blends, as well as advanced LFO features – in addition to the standard LFO syncs to Audio/BPM (which available with VJamm Pro and AVmixer Pro), there is the ability to manually adjust the LFO wave and LFO assignment to mixing channels/effects. </p>
<p>
 You can watch the Resolume introduction video from Bill Holland at <a href="http://www.gearwire.com/resolume-intro.html">Gearwire</a>. This software is available as a trial <a href="http://www.resolume.com/download/">download</a> as well as a 50% discount for an <a href="http://www.resolume.com/shop/educational.php">educational license</a>. It requires at least 1GB of RAM with ATI Radeon 9600 or better OR NVIDIA GeForce FX 5200 or better.</p>
<h3>
 ArkaOS Grand VJ</h3>
<p><a href="http://www.arkaos.net/product/index.php?catid=1&amp;pid=1001&amp;iid=42"><img src="http://www.thepixelart.com/images/vjsoftware/ArkaOS.jpg" alt="ArkaOS Grand VJ" width="550" height="308" border="0" /></a></p>
<p>
 With an 8 Channel solution, <a href="http://www.arkaos.net/product/index.php?catid=1&amp;pid=1001&amp;iid=42">ArkaOS Grand VJ</a> (priced at €279) is comparable to the other heavyweights we have seen. So it is midway in terms of layering and video mixing capabilities. It does support most of the Automated Mixing and LFO capabilities, in a way similar to Resolume’s Avenue. Thus it clearly has the advantage over VJamm Pro in this regard, but falls behind in the numbers of layers (8 vs. 16). Whereas its advantage over Avenue is in these very layers (8 vs. 3) it does fall behind in the ability to support external video streams or clips (8 vs. over a hundred). So it really may boil down to your need for the additional layers at a slightly lower price. </p>
<p>
 Otherwise the feature-set is pretty standard and comparable to the other options: FreeFrame effects, MIDI support, and supports both Live Text Creation and SMS to Screen; like VJamm Pro you can save your compositions/performances. </p>
<p>
 <a href="http://www.arkaos.net/product/index.php?catid=1&amp;pid=1001&amp;type=download">Download</a> and give it a try, but seriously consider paying the shipping for the boxed version because it comes with a 2.8GB DVD of clips from various <a href="http://www.arkaos.net/highlights/detail.php?id=37">VJ artists</a>. 1 GB RAM recommended, XP/Mac OSX 10.4 or higher, NVIDIA GeForce FX 5200/ATI Radeon 9200/Intel GMA 950 or higher, and Quicktime+Flashplayer pre-installed.</p>
<h3>
 VDMX</h3>
<p> <a href="http://www.vidvox.net/"><img src="http://www.thepixelart.com/images/vjsoftware/vdmx.jpg" alt="VDMX" width="550" height="307" border="0" /></a></p>
<p>
 One of the most popular VJ software for the Mac platform is <a href="http://www.vidvox.net/">VDMX</a>. Able to any number of input clips and up to 4 external video input sources, the VDMX comes fully-loaded with all the bells and whistles that are customarily expected from a professional VJ package. What makes VDMX stand out though is its insistence on a real-time paradigm, that grants access at runtime to advanced video/graphics manipulation functions. This access is provided by the user interface that displays the relevant graphs on the main screen itself – changing parameters can be done quickly on-the-fly and it’s as easy as adjusting the graphs with the mouse (which in turn will affect the internal engine; the rendering engine runs at runtime). This allows you the flexibility of trying out things spontaneously and be brilliantly creative. As the publisher’s point out “VDMX’s workflow is designed to let you treat your studio like an instrument.” </p>
<p>
 Indeed the interface, with its signal processing/video manipulation functions does give it a studio feel. The right half of the interface is completely dedicate to such “studio” functions. VDMX replaces the basic timeline paradigm that is so standard in VJ software today with their innovative take on the real-time studio feel. However, and it must be said, for the non-professional the interface can be a little over-whelming; and even for the professional there is a little bit of a cluttered feel (make sure you have a fairly large screen to make it easier for yourself) and it can take a while to get used to the new paradigm. </p>
<p>
 Another important feature of VDMX and advantage being a Mac OS X application is that it can import Quartz Composer Composition and control it in real-time using VDMX controls. It also can use Quartz Composer Patches as plug-ins. And when it comes to Quartz Composer, you how innovative and creative it can be. </p>
<p>
 At $300 it is a better deal than some of the software we have already discussed, and it has a variety of add-ons for streamlining the interface and the rendering pipeline. You can save a particular setup (i.e. interface &amp; rendering-pipeline combination) and load whichever setup is most desirable for your current activity.</p>
<p>The <a href="http://www.vidvox.net/download/vdmx5.php">trial</a> version only has saving disabled. Requires 1GHz or better CPU, Mac OSX 10.5.0/QuickTime 7.0.4 up, 512 MB RAM, and PCI Express or Intel Graphics Processor with at least 64 MB VRAM and OpenGL. </p>
</p>
<h3>
 Modul8</h3>
<p> <a href="http://www.modul8.ch/"><img src="http://www.thepixelart.com/images/vjsoftware/Modul8.jpg" alt="Modul8" width="550" height="308" border="0" /></a></p>
<p>
 Another fairly popular Mac-only VJ solution is <a href="http://www.modul8.ch/">Modul8</a>. Although priced in the same range as some of the software we have discussed here (@ €299; <a href="http://www.modul8.ch/index.php?c=buy&amp;p=infoedu">educational</a> version @ €199), it does give you two licenses – possibly the freedom to maintain a Desktop and Laptop version at the same time. The interface does a lot by way of access to necessary functions and somehow feels a little bit better than a lot of competitors. This is partly because of the large preview screen as well as a fairly big (but not overwhelming) set of controls along the large left-pane. </p>
<p>
 Support for 10-layer video results in a rich composite output stream. Naturally each layer can be adjusted individually and in real-time, including the filters. And the rendering engine is optimized to run fairly fast – once again providing you with a flexibility that will enhance your creativity. Most features are pretty standard or are available as <a href="http://www.modul8.ch/index.php?c=newen&amp;p=newen8">add-ons</a>, such as sequencing and SMS-to-screen, the only thing that is lacking is the output options – For example there is no support DV/DMX output. Once you spend a little time bringing up the software up to your needs, you can be on your way. During that initial phase of discovery, another key thing is making the controls more flexible. Here, Modul8 easily outdoes everyone else, associating a keyboard stroke to a certain control is as easy as selecting the control (clicking) simultaneously with the desired key. In just a few minutes (or seconds, if you are one of those key-whizzes and know exactly what combinations will work for you) you can have an easy control set exactly customized to your needs. </p>
<p>
 The latest version if 2.6 and it comes with full FreeFrame and MIDI support (in fact MIDI signals can be configured to control the interface in a way similar to key-strokes) as well as for CoreImage filters; requires a 1GHz CPU, with Mac OSX 10.4.8/QuickTime 7.3.1 or higher, 1 GB RAM and AGP/PCI-Express Graphics with 64 MB VRAM; and the demo version is available <a href="http://www.garagecube.com/download/Modul8Demo.zip">here</a>.</p>
<h3>VVVV</h3>
<p><a href="http://vvvv.org"><img src="http://www.thepixelart.com/images/vjsoftware/vvvv.jpg" width="550" height="307" /></a></p>
<p>A PC-based tool, <a href="http://vvvv.org">VVVV</a> is described by publisher as a “toolkit for real time video synthesis.” One of its most important features is its ability to simultaneously handle/manipulate a large number of objects. They call this feature spreading, i.e. spreading different parameter values across the large set of objects. This makes it easy for someone looking to use a large number of objects at the same time, and make behave in a certain way in real-time. VJs will appreciate the feeling of power that will inevitably strike them when they use “spreading.”</p>
<p>However, if you are a not so techie person, at first glance at the sheer number of options can overwhelm you. This is not to say that this is a big negative – the available functionality is certainly one of the things going for VVVV; but because of this large set of functions some time should have been spent improving interface design. </p>
<p>Professional VJs who like to tinker with every aspect of their A/V presentation will of course get over the interface hitches, and will love the Visual Programming Interface offered by VVVV, and the best thing is that prototyping and development takes place at runtime/real-time unlike other software that may implement these as separate modes or cycles. It is a great tool for 2D &amp; 3D modeling and much more than VJ software, it is actually even a shoo-in for scientific applications. This makes it well-worth the €500 price tag, and best of all, VVVV is free for non-commercial use. </p>
<p>VVVV will handle as many as channels, layers and effects as your hardware can support, thus not applying any limitation of its own. While there is standard MIDI &amp; FreeFrame support, VVVV does not have support for automated mixing.</p>
<h3>MXWendler</h3>
<p><a href="http://www.mxwendler.net"><img src="http://www.thepixelart.com/images/vjsoftware/mxwendler.jpg" width="550" height="308" alt="MXWendler" /></a></p>
<p>Device+Context, the publishers, intend to offer <a href="http://www.mxwendler.net">MXWendler</a> as a comprehensive solution for anyone looking for powerful A/V rendering and manipulation services. This naturally includes corporations in addition to artists. Apart from Stage Designer which is MXWendler’s software piece, the publishers also offer <a href="http://www.mxwendler.net/Mediaserver-Hardware.75.0.html">FXServer</a> which is optimized to work well with the software. The hardware and software are pricey (hardware available at a €350 rental basis and an unquoted buying price; software is in excess of €850) and obviously the complete solution is not meant for a normal VJ. For the VJ there is the option of licensing the software on a monthly basis (@ 10% of list price) or take advantage of a 20% discount (only if you make less than 25000 €/year) to buy a Stage Designer Entropy Pack (3 options included; €850) or Stage Designer Eventdriver Pack (all options included; €2450). Go <a href="http://www.mxwendler.net/Buying-and-Renting-MXWendler.71.0.html">here</a> for more pricing information.</p>
<p> MXWendler supports 10 layer video editing, 4 external video streams, with a maximum of 24 clips loadable simultaneously: each individually controllable. Its sleek interface makes it a joy to work with, and there is never any sense of clutter or incomprehension while working with it. Most features that come in other packages are standard on MXWendler and this is not surprising given how expensive it is (exceptions: no automated mixing, no SMS-to-Screen, no DV output, and most importantly NO FREEFRAME SUPPORT). The design philosophy is similar to VVVV, with a single real-time system and an output correction engine ensures that real-time multi-screen output is seamlessly achieved. You can view “<a href="http://vimeo.com/5595869">555 KUBIK</a>” installation to get a glimpse of its power.</p>
<p>The software is optimized for NVIDIA graphics cards (ATI is also supported). It works with 1 GB RAM (4GB recommended), 512 MB VRAM, and Mac OS X 10.4/Windows XP or later. There is no trial version. </p>
<h3><strong>Salvation</strong></h3>
<p><a href="http://www.harrisondigitalmedia.com"><img src="http://www.thepixelart.com/images/vjsoftware/Salvation.jpg" width="550" height="308" /></a></p>
<p>Harrison Digital Media’s <a href="http://www.harrisondigitalmedia.com">Salvation</a> is a Mac and PC based video processing and visual programming tool. It allows you to mix and manipulate as many video layers and effect as your hardware will allow. It comes with a GLSL pixel programming interface that can be used to create a host of unique effects – along with the multiple layers and individual manipulation of each, this promises practically limitless creativity on the part of the VJ. However, strangely, the output capabilities of that VJ will be somewhat limited because Salvation neither comes with DV output nor DMX. This is a severe limitation for software priced at $500.</p>
<p>The multiple windowing approach to the user interface, in turn, makes the software little confusing and cumbersome to use. But simplicity lies in its visual programming environment. Everything else is what you would expect from a professional software in this price bracket – FreeFrame &amp; MIDI support, full LFO and automated mixing options, and SMS-to-Screen+Live-Text-Creation, among others.</p>
<p> <P>They also have a video mixer called Salvation MX and it has 2 video channels (A and B; each can be manipulated) with the output being a composite. Salvation MX is available for an additional $49.99.</p>
<p>Salvation requires a 1GHz CPU, 256 MB RAM, OpenGL 2.0 Graphics card, and at least Windows XP. Trial version is available for 60 days. </p>
<h3>Aestesis Electronika</h3>
<p><a href="http://aestesis.eu/"><img src="http://www.thepixelart.com/images/vjsoftware/elektronika.jpg" alt="Aestesis Electronika" width="550" height="308" border="0" /></a></p>
<p>
 The above mentioned options are great, but there are those of us out there who would just like to be able to do things for fun, as an enthusiast, without shelling out $ (or €). For their consideration there is the free <a href="http://aestesis.eu/">Aestesis Electronika</a> (for PC only) – although not in the big league by any means, it still offers a pretty decent set of features, including FreeFrame &amp; MIDI support, the ability to select from up to 30 clips at a time, along with customization options. A rear view offers up the reverse side of your console/deck and there you can connect a number of A/V virtual wires to get the effects that you desire. If you’re a beginner, start here and work your way up. Check out the basic documentation and tips on the <a href="http://aestesis.net/wiki/index.php?title=Main_Page">wiki</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/best-software-for-visual-performance-artist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Breakdown of Best Matchmoving and Tracking Applications</title>
		<link>http://www.thepixelart.com/breakdown-best-matchmoving-and-tracking-applications/</link>
		<comments>http://www.thepixelart.com/breakdown-best-matchmoving-and-tracking-applications/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 08:15:12 +0000</pubDate>
		<dc:creator>Topher Welsh</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Andersson]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[Award-winning]]></category>
		<category><![CDATA[Boujou]]></category>
		<category><![CDATA[BoujouOne]]></category>
		<category><![CDATA[Breakdown]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[Camera]]></category>
		<category><![CDATA[Cloverfield]]></category>
		<category><![CDATA[D Equalizer]]></category>
		<category><![CDATA[D.Visions]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[Editor]]></category>
		<category><![CDATA[Emmy]]></category>
		<category><![CDATA[era]]></category>
		<category><![CDATA[feature]]></category>
		<category><![CDATA[footage]]></category>
		<category><![CDATA[frame]]></category>
		<category><![CDATA[Frames]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[Graph]]></category>
		<category><![CDATA[Harry Potter]]></category>
		<category><![CDATA[imagery]]></category>
		<category><![CDATA[knowledge]]></category>
		<category><![CDATA[license]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[matchmover]]></category>
		<category><![CDATA[Matchmoving]]></category>
		<category><![CDATA[movie]]></category>
		<category><![CDATA[Mr. Fox]]></category>
		<category><![CDATA[package]]></category>
		<category><![CDATA[pattern]]></category>
		<category><![CDATA[PFTrack]]></category>
		<category><![CDATA[price]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[product]]></category>
		<category><![CDATA[purchase]]></category>
		<category><![CDATA[Reference]]></category>
		<category><![CDATA[reliability]]></category>
		<category><![CDATA[rundown]]></category>
		<category><![CDATA[Sam]]></category>
		<category><![CDATA[sequential]]></category>
		<category><![CDATA[shot]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[solver]]></category>
		<category><![CDATA[studio]]></category>
		<category><![CDATA[Syntheyes]]></category>
		<category><![CDATA[Target]]></category>
		<category><![CDATA[thing]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[Tracker]]></category>
		<category><![CDATA[Tracking]]></category>
		<category><![CDATA[tweak]]></category>
		<category><![CDATA[version]]></category>
		<category><![CDATA[WebsiteSyntheyesWith]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[workflow]]></category>
		<category><![CDATA[world]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=370</guid>
		<description><![CDATA[Matchmoving software is becoming more and more popular in visual effects world and is also quite interesting to know how to use, and to be able to utilize it within your studio or in your freelance work. In this new digital era where almost every single thing you see on the television or in a movie has CG elements placed into real world footage and you cannot afford not to have a working knowledge in a matchmoving software package. This article features a useful rundown of all the matchmoving software available for purchase and download, and perhaps to give you enough knowledge as to where to take your business as well as your workflow.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/370.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>Matchmoving is becoming more and more popular in visual effects world and is also quite interesting to know how to use, and to be able to utilize it within your studio or in your freelance work. In this new digital era where almost every single thing you see on the television or in a movie has CG elements placed into real world footage and you cannot afford not to have a working knowledge in a matchmoving software package. This article features a useful rundown of all the matchmoving software available for purchase and download, and perhaps to give you enough knowledge as to where to take your business as well as your workflow.<br />
<span id="more-370"></span></p>
<h3>Boujou</h3>
<p><a href="http://www.vicon.com/boujou/product-range/boujou-5/"><img src="http://www.thepixelart.com/images/matchmoving/scene-boujou.jpg" alt="" width="400" height="280" /></a></p>
<p>One of the more popular 3D camera trackers, as well as one of the more expensive ($10,000 per full license), 2D3&#8217;s Boujou is an Emmy Award-winning product that continues to pump out amazing looking visuals for the movies, commercials and productions that choose to utilize its capabilities. Now in its 5th version and offering new features such as a new automatic sequential solver, which looks at single frames instead of the old way, looking at the entire shot and this allows the user to interrupt the process and tweak when needed, and overall makes the whole solve faster. V5 also has a fully functional Graph Editor which lets you look at your solves, lock the correct parts, resolve or manually tweak camera data. Reference Frames is also new allowing you to import reference still imagery to assist the solve, and there is also the new Target Tracker which can now specify a pattern on a single frame as well as tracking multiple patterns simultaneously. Boujou has been around a long time and continues to prove that it is worth the money you put into it&#8230; with ease and massive reliability, this software is able to export to almost any compositing or 3D application that you may use.</p>
<p><a href="http://www.vicon.com/boujou/product-range/boujou-5/">Visit Website</a></p>
<h3>Syntheyes</h3>
<p><a href="http://www.ssontech.com/"><img src="http://www.thepixelart.com/images/matchmoving/interface-syntheyes.jpg" alt="" width="400" height="280" /></a></p>
<p>With a single license of Andersson Technologies&#8217; Syntheyes running for only $399-$599 (various versions &#8211; 32-bit, 64-bit, and Mac) you can see why this is such popular matchmoving software. There are lot of free tutorials across the web utilizing Syntheyes in various other workflow environments. So why is Syntheyes so cheap? Well it probably doesn&#8217;t offer as many options as Boujou, but it is geared more towards the freelancing and small shop community of businesses. Although it is used on high end movies such as The Fantastic Mr. Fox and 2012, it really depends on what you are working in, how precise and how well you work with the product. Awesome thing is, you can download a trial version to make sure that this is the right matchmover for you, crank through a few of the tutorials, and see if it works well with the other apps in your studio arsenal. You can check out the feature list, compatibility and more over at their official website.</p>
<p><a href="http://www.ssontech.com/">Visit Website</a></p>
<h3>3D Equalizer</h3>
<p><a href="http://www.3dequalizer.com/"><img src="http://www.thepixelart.com/images/matchmoving/scene-3dequalizer.jpg" alt="" width="400" height="280" /></a></p>
<p>3D Equalizer is a product that lies a little under the radar in the fact that most people probably haven&#8217;t heard about it, but Science.D.Visions has been around for well over twelve year pioneering the matchmoving business and you have probably seen them in action without even knowing. Not convinced? Well if you have seen any of the Harry Potter, Chronicles of Narnia, Lord of the Rings, or King Kong movies, then yes you have seen what this program can do. With clients like Weta Digital and Cinesite swearing by the product, it has to be worth a look&#8230; now in its fourth edition, it offers a wide range of tools that most camera trackers and matchmovers posess, along with a price $10 cheaper than Boujou &#8211; $9,990, it seems to be one of the more under-the-hood tools used in big time visual effect post houses. If you have ever messed around with version 3 of this software, you are going to want to take a look at the new version, because it has been completely re-written from its predecessor, with an entire new look, obsolete function removed and tons more features added such as a new calculation core for extreme precision of points, new lens distortion features, improved 2D tracking engines, and a comprehensive list of tools for working with survey data.</p>
<p><a href="http://www.3dequalizer.com/">Visit Website</a></p>
<h3>PFTrack</h3>
<p><a href="http://www.thepixelfarm.co.uk/products/products.aspx?PID=3"><img src="http://www.thepixelart.com/images/matchmoving/interface-PFtrack.jpg" alt="" width="400" height="280" /></a></p>
<p>The mid-ranged priced ($5,500), but high-end tool, PFTrack came out last year with their newest version, PFTrack 5.0 and it couldn&#8217;t be sweeter. This is rather well known matchmover, up there in popularity with boujou, but actually costs half the price of its competitors. It is loaded with features like full stereoscopic 3D support, true geometry tracking system, and Motion Capture feature right out of the box! There is a quote from Sam Schwier of Double Negative, the matchmove supervisor on Cloverfield who explained that, even though they had a lot of newbies in their team, after a few hours, all of them had their hands the software and started blasting through tracks. Cloverfield, was nothing but blurry, dark, handicam-shot movie that and you can imagine how much of a nightmare that could be.</p>
<p><a href="http://www.thepixelfarm.co.uk/products/products.aspx?PID=3">Visit Website</a></p>
<h3>Voodoo Camera Tracker</h3>
<p><a href="http://www.digilab.uni-hannover.de/docs/manual.html#overview"><img src="http://www.thepixelart.com/images/matchmoving/scene-voodoo.jpg" alt="" width="400" height="280" /></a></p>
<p>The best part about this little bit of camera tracking software is that it is absolutely and utterly free. Although free also comes the drawbacks, such as that it doesn&#8217;t export to Modo, Cinema4D, or any compositing packages, but it does export to Maya, 3D Max, Lightwave, Blender and Softimage. You don&#8217;t get all the bells, whistles and sweet features that Boujou, Syntheyes and the rest of the list comes with, but if you are in need of 3D camera solve, and don&#8217;t have between $$$$ to drop on software, then this is for you . You never know, this might just be what you need to match that tiny little 3D element into your scene.</p>
<p><a href="http://www.digilab.uni-hannover.de/docs/manual.html#overview">Visit Website</a></p>
<p>Now, 2.5D motion tracking might not be an interesting technique as matchmoving is, but knowing how to use it in a workflow is an essential part of a motion graphic and visual effects artist&#8217;s toolset. There really are not too many alternative to the motion trackers built into your compositing application, but the few which are available can really handy if you know how to use them correctly.</p>
<h3>Imagineer&#8217;s Mocha</h3>
<p><a href="http://imagineersystems.com/products/mocha/"><img src="http://www.thepixelart.com/images/matchmoving/scene-mocha.jpg" alt="" width="400" height="280" /></a></p>
<p>Whether you use After Effects, Final Cut or any other application, there is a version waiting for you. Mocha has proprietary plug-in for Final Cut and After Effects that are significantly cheaper than its robust full version. If you just need some basic planar tracking done, hit up the plug-in versions first. If you need more than just planar tracking done, look into the full version, especially if you work in applications like Combustion or any 3D program. The newest version of Mocha actually includes all the features of Motor, which is a rotoscoping tool that works in conjunction with Mocha&#8217;s planar tracker, making rotoscoping and tracking duties a breeze. This is definitely one of the must-see solutions if you need some 2.5D tracking done.</p>
<p><a href="http://imagineersystems.com/products/mocha/">Visit Website</a></p>
<h3>Photomatch Plug-in for Cinema 4D</h3>
<p><img src="http://www.thepixelart.com/images/matchmoving/scene-photomatch.jpg" alt="" width="400" height="280" /></p>
<p>Photomatch works a little different when it comes to 2.5D tracking in the fact that it really isn&#8217;t that much of a robust of a tracker, rather than it is a tool used to match CG elements into a scene. You can definitely use it to place objects in a scene but it might prove to be a little difficult if you don&#8217;t have a locked down shot, or a shot that has a lot of perspective movement. Photomatch calibrates itself using vanishing points, or perspectives such as corners of buildings, interiors of houses, lines on the ground, edges or roads, or anything else that you can draw lines to create perspective in a shot. From there, you can integrate your objects and composite together what you need to complete your shot. Now, the bad thing about Photomatch, is you need a copy of Cinema 4D to use it, but if you choose to use your calibration data inside of a program like Maya (among others) you can export the data from C4D and bring it all into another app of your choice.</p>
<p><a href="http://www.vreel-3d.de/plugins/PhotoMatch/links.html">Visit Website</a></p>
<p>So there you have it, pretty much every option you have when it comes to 3D matchmoving and 2.5D tracking. If you didn&#8217;t know about these&#8230; and well even if you did, I hope you learned a little something that you can take with you when it comes time to purchase an app or find a solution for your studio.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/breakdown-best-matchmoving-and-tracking-applications/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Processing Applet Source Codes</title>
		<link>http://www.thepixelart.com/useful-processing-applet-source-codes/</link>
		<comments>http://www.thepixelart.com/useful-processing-applet-source-codes/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 09:27:28 +0000</pubDate>
		<dc:creator>Vailancio Rodrigues</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Applet]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[Below]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[cannot]]></category>
		<category><![CDATA[check]]></category>
		<category><![CDATA[ClothBase]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[Codes]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[EleganceSea]]></category>
		<category><![CDATA[EyeBubblesTwinkleMorphMonsterBounceShellBarebonesSegmentmonster]]></category>
		<category><![CDATA[GalaxyFauDropFontMappaBirch]]></category>
		<category><![CDATA[input]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[Line]]></category>
		<category><![CDATA[loveTube]]></category>
		<category><![CDATA[MachineRibonsFluidsAlso]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[RaycoasterMagnetsStripesSwingingGlowHairballBugsEye]]></category>
		<category><![CDATA[share]]></category>
		<category><![CDATA[Source]]></category>
		<category><![CDATA[ThingFall]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[TreeCherry]]></category>
		<category><![CDATA[TreePerlyburlyMeshyWashing]]></category>
		<category><![CDATA[use]]></category>
		<category><![CDATA[Useful]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=246</guid>
		<description><![CDATA[Processing is great tool for programmers for creating graphics which can be manipulated with any given input. It’s free and open source and uses Java programming language which in itself is great. There is very little you cannot do with Processing. Besides producing graphics for videos, art installations and concerts, it can be used for web (within browser) like flash. It has a vibrant and creative community of developers, teachers, and artists that share their work, contribute ideas, and expand the features of Processing.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/246.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p><em><a href="http://processing.org/">Processing</a></em> is great tool for programmers for creating graphics which can be manipulated with any given input. It’s free and open source and uses Java programming language which in itself is great. There is very little you cannot do with Processing. Besides producing graphics for videos, art installations and concerts, it can be used for web (within browser) like flash. It has a vibrant and creative community of developers, teachers, and artists that share their work, contribute ideas, and expand the features of Processing. <span id="more-246"></span> Below we feature <strong>useful free source code of various web applets created with processing</strong>. And it’s not limited  for use of web only,but you can use the code to create amazing interactive static and motion graphics in any project.</p>
<p><a href="http://www.jrc313.com/processing/cloth/">Cloth</a></p>
<p><a href="http://www.jrc313.com/processing/cloth/"><img src="http://www.thepixelart.com/images/pro_web_applets/1.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://toxi.co.uk/p5/base26/">Base26</a></p>
<p><a href="http://toxi.co.uk/p5/base26/"><img src="http://www.thepixelart.com/images/pro_web_applets/2.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://kitdashit.com/processing/lineOfElegance/">Line of Elegance</a></p>
<p><a href="http://kitdashit.com/processing/lineOfElegance/"><img src="http://www.thepixelart.com/images/pro_web_applets/3.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://levitated.net/daily/levSeaThing.html">Sea Thing</a></p>
<p><a href="http://levitated.net/daily/levSeaThing.html"><img src="http://www.thepixelart.com/images/pro_web_applets/4.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.complexification.net/gallery/machines/substrate/appletl/index.html">Fall in love</a></p>
<p><a href="http://www.complexification.net/gallery/machines/substrate/appletl/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/5.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.bit-101.com/p5/">Tube Galaxy</a></p>
<p><a href="http://www.bit-101.com/p5/"><img src="http://www.thepixelart.com/images/pro_web_applets/6.jpg" alt="" width="499" height="250" /></a></p>
<p><a href="http://www.bandajamoncrudo.com/Other/FauConcretePoem/">FauDropFont</a></p>
<p><a href="http://www.bandajamoncrudo.com/Other/FauConcretePoem/"><img src="http://www.thepixelart.com/images/pro_web_applets/7.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.bioillogic.com/Processing/mappa/applet/index.html">Mappa</a></p>
<p><a href="http://www.bioillogic.com/Processing/mappa/applet/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/8.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.blprnt.com/processing/birchtree/">Birch Tree</a></p>
<p><a href="http://www.blprnt.com/processing/birchtree/"><img src="http://www.thepixelart.com/images/pro_web_applets/10.jpg" alt="" width="500" height="246" /></a></p>
<p><a href="http://www.blprnt.com/processing/cherrytree/">Cherry Tree</a></p>
<p><a href="http://www.blprnt.com/processing/cherrytree/"><img src="http://www.thepixelart.com/images/pro_web_applets/11.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.davebollinger.com/works/perlyburly/applet/">Perlyburly</a></p>
<p><a href="http://www.davebollinger.com/works/perlyburly/applet/"><img src="http://www.thepixelart.com/images/pro_web_applets/12.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.flong.com/storage/experience/meshy/">Meshy</a></p>
<p><a href="http://www.flong.com/storage/experience/meshy/"><img src="http://www.thepixelart.com/images/pro_web_applets/13.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.jbox2d.org/demos/washingmachine.html">Washing Machine</a></p>
<p><a href="http://www.jbox2d.org/demos/washingmachine.html"><img src="http://www.thepixelart.com/images/pro_web_applets/14.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.openprocessing.org/visuals/?visualID=1079">Ribons</a></p>
<p><a href="http://www.openprocessing.org/visuals/?visualID=1079"><img src="http://www.thepixelart.com/images/pro_web_applets/15.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://memo.tv/files/memotv/msafluid_for_processing/index.html">Fluids</a></p>
<p>Also check <a onclick="window.open('raycoaster_applet.php','popup','width=300,height=400,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://incubator.quasimondo.com/processing/raycoaster.php" target="_blank">Raycoaster</a></p>
<p><a href="http://memo.tv/files/memotv/msafluid_for_processing/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/16.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.flight404.com/p5/magnets2D/">Magnets</a></p>
<p><a href="http://www.flight404.com/p5/magnets2D/"><img src="http://www.thepixelart.com/images/pro_web_applets/17.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.mostpixelsever.com/examples/stripes/">Stripes</a></p>
<p><a href="http://www.mostpixelsever.com/examples/stripes/"><img src="http://www.thepixelart.com/images/pro_web_applets/18.jpg" alt="" width="496" height="246" /></a></p>
<p><a href="http://jbox2d.nfshost.com/processing/examples/index.html">Swinging</a></p>
<p><a href="http://jbox2d.nfshost.com/processing/examples/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/19.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.ghostagency.net/processing/glow/index.html">Glow</a></p>
<p><a href="http://www.ghostagency.net/processing/glow/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/20.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.wxs.ca/applets/hairball/">Hairball</a></p>
<p><a href="http://www.wxs.ca/applets/hairball/"><img src="http://www.thepixelart.com/images/pro_web_applets/21.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://grahamgrafx.com/thesis/applications/beta9/">Bugs</a></p>
<p><a href="http://grahamgrafx.com/thesis/applications/beta9/"><img src="http://www.thepixelart.com/images/pro_web_applets/22.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://robotacid.com/PBeta/eye4anEye/index.html">Eye for an Eye</a></p>
<p><a href="http://robotacid.com/PBeta/eye4anEye/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/23.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://informationandvisualization.de/blog/bubbles-built-processing/demo">Bubbles</a></p>
<p><a href="http://informationandvisualization.de/blog/bubbles-built-processing/demo"><img src="http://www.thepixelart.com/images/pro_web_applets/24.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://jonasmansson.com/processing/twinkle/applet/">Twinkle</a></p>
<p><a href="http://jonasmansson.com/processing/twinkle/applet/"><img src="http://www.thepixelart.com/images/pro_web_applets/25.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.rmx.cz/monsters/morph_monster/index.html">MorphMonster</a></p>
<p><a href="http://www.rmx.cz/monsters/morph_monster/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/26.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.kummerow.org/processing/bounce/bounce.html">Bounce</a></p>
<p><a href="http://www.kummerow.org/processing/bounce/bounce.html"><img src="http://www.thepixelart.com/images/pro_web_applets/27.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.ssdesigninteractive.com/g2/applets/shell3D_1/index.html">Shell</a></p>
<p><a href="http://www.ssdesigninteractive.com/g2/applets/shell3D_1/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/28.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.andrewberman.org/projects/p5barebones/">Barebones</a></p>
<p><a href="http://www.andrewberman.org/projects/p5barebones/"><img src="http://www.thepixelart.com/images/pro_web_applets/29.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.rmx.cz/monsters/segmentmonster/index.html">Segmentmonster</a></p>
<p><a href="http://www.rmx.cz/monsters/segmentmonster/index.html"><img src="http://www.thepixelart.com/images/pro_web_applets/30.jpg" alt="" width="500" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/useful-processing-applet-source-codes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Quartz Composer Tutorials</title>
		<link>http://www.thepixelart.com/quartz-composer-tutorials/</link>
		<comments>http://www.thepixelart.com/quartz-composer-tutorials/#comments</comments>
		<pubDate>Sun, 08 Nov 2009 11:44:00 +0000</pubDate>
		<dc:creator>Vailancio Rodrigues</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Artists]]></category>
		<category><![CDATA[Audio]]></category>
		<category><![CDATA[Basic]]></category>
		<category><![CDATA[Cocoa]]></category>
		<category><![CDATA[Composer]]></category>
		<category><![CDATA[Core]]></category>
		<category><![CDATA[D Cubes]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[Designers]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[due]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[node]]></category>
		<category><![CDATA[OpenCL]]></category>
		<category><![CDATA[OpenGL]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[Quartz]]></category>
		<category><![CDATA[Ray Text]]></category>
		<category><![CDATA[Savers]]></category>
		<category><![CDATA[Screen]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[Visualizers]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[Xcode]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=240</guid>
		<description><![CDATA[Best Quartz Composer tutorials for Developers, Visual Effects Artists, Motion Graphics Designers and VJ`s. ]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/240.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>Quartz Composer is a powerful tool for processing and rendering graphical data. You can use it easily for manipulating any type of graphics in real time. It uses node based visual programming language and can be easily adopted by non-programmer due to it simplicity. It uses OpenGL, OpenCL in new Mac OS X, Core Image, Core Video, JavaScript, and other technologies. You can drag and drop, link nodes and play with values to create amazing graphics. Using Quartz Composer you can create Screen Savers, iTunes Visualizers, UI for applications, by conjunction with Cocoa. To use Quartz Composer, install Xcode developer tools from your Mac OS X disc.<br />
<span id="more-240"></span><br />
In this round-up we present best Quartz Composer tutorials for Developers, Visual Effects Artists, Motion Graphics Designers and VJ`s. And Before you begin with any of these tutorials, please read <a href="http://developer.apple.com/mac/library/documentation/GraphicsImaging/Conceptual/QuartzComposer/qc_intro/qc_intro.html">Quartz Composer Programming Guide</a>.</p>
<p><a href="http://www.youtube.com/watch?v=du4kKr2ym14">Basic Tutorial on Images and Directories in Quartz Composer</a></p>
<p><a href="http://www.youtube.com/watch?v=du4kKr2ym14"><img src="http://www.thepixelart.com/images/quartz/basic1.jpg" alt="" width="496" height="246" /></a></p>
<p><a href="http://www.youtube.com/watch?v=ngt_eO5nqi0">Particle Effects Following Mouse Input</a></p>
<p><a href="http://www.youtube.com/watch?v=ngt_eO5nqi0"><img src="http://www.thepixelart.com/images/quartz/particle_effects.jpg" alt="" width="500" height="250" /></a></p>
<p><a title="Permanent Link to Quartz Tutorial: Gradient Image Reflection" rel="bookmark" href="http://www.mactricksandtips.com/2008/03/quartz-tutorial-gradient-image.html">Gradient Image Reflection</a></p>
<p><a href="http://www.mactricksandtips.com/2008/03/quartz-tutorial-gradient-image.html"><img src="http://www.thepixelart.com/images/quartz/reflection.png" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.dvcreators.net/rayz-o-lite/">Light Ray Text Effect</a></p>
<p><a href="http://www.dvcreators.net/rayz-o-lite/"><img src="http://www.thepixelart.com/images/quartz/complete_ray.jpg" alt="Light ray in Quartz Composer" width="500" height="250" /></a></p>
<p><a href="http://www.hybridvisuals.nl/tutorials/double-helix/">Double Helix</a><br />
How to create a rotating double helix in 3D with Quartz Composer.</p>
<p><a href="http://www.hybridvisuals.nl/tutorials/double-helix/"><img src="http://www.thepixelart.com/images/quartz/helix.jpg" alt="helix in Quartz Composer" width="500" height="250" /></a></p>
<p><a href="http://www.youtube.com/watch?v=uAqPg9Gafjs">Turn Quartz Composition into a Standalone Application.</a></p>
<p><a href="http://www.youtube.com/watch?v=uAqPg9Gafjs"><img src="http://www.thepixelart.com/images/quartz/app.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.youtube.com/watch?v=QcKdnlOcS-o">Dashboard Widget</a></p>
<p>Tutorial to create Mac OS X dashboard widget with Quartz Composer.</p>
<p><a href="http://www.youtube.com/watch?v=QcKdnlOcS-o"><img src="http://www.thepixelart.com/images/quartz/widget.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://macapper.com/2007/08/28/tutorial-quartz-composer-part-2-how-to-make-a-quartz-composer-screen-saver/">Screen Saver</a><br />
Tutorial shows how to create your own screensavers using Quartz Composer.</p>
<p><a href="http://macapper.com/2007/08/28/tutorial-quartz-composer-part-2-how-to-make-a-quartz-composer-screen-saver/"><img src="http://www.thepixelart.com/images/quartz/screensaver-w.png" alt="" width="500" height="281" /></a></p>
<p><a href="http://vjkungfu.tv/archive/quartz-composer-lighting-3d-cubes-and-moving-them-with-audio-input/">Lightning and Audio Reactive Movements</a></p>
<p>Lighting the 3D Cubes and use audio to make it interactive.</p>
<p><a href="http://vjkungfu.tv/archive/quartz-composer-lighting-3d-cubes-and-moving-them-with-audio-input/"><img src="http://www.thepixelart.com/images/quartz/3d_cube.jpg" alt="3d Cube in Quartz  Composer" width="496" height="246" /></a></p>
<p><a href="http://vimeo.com/2100787">Bouncing Ball</a><br />
This video tutorial shows the basic steps of how to make a ball bounce to the beat of the music.</p>
<p><a href="http://vimeo.com/2100787"><img src="http://www.thepixelart.com/images/quartz/bouncing_ball.jpg" alt="Bouncing Ball Tutorial" width="500" height="250" /></a></p>
<p id="post-312"><a href="http://sintixerr.wordpress.com/2009/02/01/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/">Webcam Audio Visualizer Art</a></p>
<p><a href="http://sintixerr.wordpress.com/2009/02/01/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/"><img src="http://www.thepixelart.com/images/quartz/audio.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.qtzlcodex.com/?q=music_visualizer_protocol">Music Visualizer</a><br />
Tutorial for creating music visualizer.</p>
<p><a href="http://www.qtzlcodex.com/?q=music_visualizer_protocol"><img src="http://www.thepixelart.com/images/quartz/music_visual.jpg" alt="" width="500" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/quartz-composer-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
