JibJab starring you : online humor with Actionscript 3

last update : January 30, 2013

JibJab Starring You Skating

JibJab, an online humor site with original and user generated jokes, live videos, flash and other animated videos, is run by the digital entertainment studio JibJab based in Venice, California. Founded in 1999 by Evan and Gregg Spiridellis, the company achieved international acclaim during the 2004 US presidential election when their video of George W. Bush and John Kerry singing  This Land is Your Land became one of the biggest viral video hits in history. More details are available at Wikipedia and on the JibJab Blog.

The HeadCut Tool of the video application JibJab Starring You, with which the user can cut head and jaw, and generate relevant graphic files, was produced by Filippo Gregoretti, an italian born ActionScript developer and New Media consultant. His blog pippoflash.com was developed to showcase his work, but especially to provide help or give inspiration to all those out there who love the creativity allowed by ActionScript and Flash.

Filippo Gregoretti’s other love of his life is the Piano, he perform internationally as pianist.

To start with jibjab, yoiu can subscribe for a free membership. In order to personalize and send exclusive content, you will need to purchase a Membership (12 $ per year). With a Membership, you get access to exclusive eCards & videos!, make unlimited Starring You! movies, share unlimited JibJab Sendables eCards, get discounts on digital downloads,  are the first to know about new releases and  support great artists!

The videos are available in two formats for download (1,99$ per video for members):

mpg:

video : MPEG-PS, MPEG Video version 1, 425 x 319 pixels, 24 frames/s, ratio 4:3,  4.985 kbps;
audio : MPEG Audio Version 1, Layer 2,  44,1 KHz, 2 channels, 160 kbps;

mp4:

video : MPEG-4 (Base Media),  Visual Simple&LG1, 425 x 319 pixels, 24 frames/s, ratio 4:3,  2.275 kbps;
audio : AAC (Version 4 LC),  44,1 KHz, 2 channels, 152 kbps;

Combine Flashdevelop and TortoiseSVN

Flashdevelop has no integrated CVS or SVN file management. To do this is a huge task. The core FlashDevelop team can not start such a project and suggest to use Tortoise.

TortoiseSVN is a Subversion (SVN) client, implemented as a windows shell extension. It’s intuitive and easy to use, since it doesn’t require the Subversion command line client to run. The  version 1.6.7.  was released on january 23, 2010, the most recent version is 1.6.9 released on june 21, 2010.

Away3D source checkout with Tortoise

Dowloading svn files with Tortoise

Flashdevelop : open source Actionscript editor

Flashdeveloper screen snap

FlashDevelop is a popular open source ActionScript 2/3 and web development environment designed for Windows systems. FlashDevelop is built on the Scintilla editor component and is a Microsoft .NET 2.0 application. FlashDevelop was developed by the members of FlashDevelop.org in 2005 as an alternative to Adobe Flash.

FlashDevelop project is runned by two active members Mika Palmu (aka Meychi) and Philippe Elsass. Other developers like Nick Farino and Alessandro Crugnola have also contributed to the project.

The current version is 3.0.6 RTM was released on november 4, 2009.

Collada : Digital Asset and FX Exchange Schema

COLLADA is a COLLAborative Design Activity for establishing an open standard digital asset schema for interactive 3D applications. It involves designers, developers, and interested parties from within Sony Computer Entertainment America (SCEA) as well as key third-party companies in the 3-D industry. With its 1.4.0 release, COLLADA became a standard of The Khronos Group Inc., where consortium members continue to promote COLLADA to be the centerpiece of digital-asset toolchains used by the 3-D interactive industry.

COLLADA defines an XML database schema that enables 3-D authoring applications to freely exchange digital assets without loss of information, enabling multiple software packages to be combined into extremely powerful tool chains.

Virtual mini aquariums on the web

Last update : July 11, 2012
Okuyama Kazuya, the creator of Q-BLOCK, is also the developer of virtual mini aquariums on the web. The first version was published in 2005. The mini aquarium tropical fish versions are based on ShockWave and are provided as javascript links to integrate in blogs or third party websites as widgets. Different fish types are available : neon, discus, clown, platinum angel. A free main application called Virtual Aqua is also available.

3D Pixel Fun with voxels : Q-BLOCK and Cube Kingdom

Q-BLOCK screen snap

A voxel (volumetric pixel) is a volume element, representing a value on a regular grid in three dimensional space. This is analogous to a pixel, which represents 2D image data in a bitmap (which is sometimes referred to as a pixmap).

Q-BLOCK

Q-BLOCK, created by Okuyama Kazuya, is a Flash-based application that can be used to create and share 3D models made out of coloured square blocks. Wallpapers and icons are easily generated at the press of a button, and models can be shared using permalinks or through a Twitter account.

The drawing tool is extremely simple to use, yet offers enough diversity for pixel art veterans to quickly design something in just a couple of minutes. You can even draw a model layer by layer with the handy canvas feature, which comes with editing options like copy, paste, and an extrude button to automatically apply one layout to every other layer of the block.

Cube Kingdom

Cube Kingdom is a free Japanese desktop application, created in 2009 by Ramza3D, that can be used to create 3D models out of blocks with the same size and dimension. Squares can be placed, erased or coloured over with just a click or two, and there are sixteen different colours that you can choose from to apply to your building blocks.

Hold the middle mouse button to move your construction around the window. The scroll wheel can be used to zoom in or out, and models can be saved or retrieved by selecting the first menu bar option. You can also edit Cube Kingdom’s text configuration file to change background colour and other settings.

Tools for Flash 3D engines

The following tools are available to import and animate objects or to add other features to the 3D Flash engines :

Cast 3D

Cast3D is 3D animation framework library for Adobe Flash in ActionScript3. The foundation is a multi key-framed geometrical animation. Cast3D supports geometry and texture morphing, skin animation, 3D sound, animated movie and video. A number of animation interpolation splines is implemented to provide smooth and natural motion, like Bezier, TCB, Hemite(cubic), Cosine and Linear.

Cast3D does not have it’s own rendering engine. So for 3D graphics rendering Cast3D currently is ported to popular 3D engines, Sandy3D and Papervision3D. Version 0.98 of Cast 3D was released on august 12, 2009 under MIT licence.

AwayBuilder (PreFab3D)

The PreFab3D tool (AwayBuilder) simplifies common tasks, improve the workflow and greatly enhance the visual quality of the Flash 3D productions. It’s a small but powerfull tool that can add visual quality to low polygon models using a nice bag of tricks thanks to the advanced rendering capabilities of Away3D.

JSAway

JSAway, created by fellow Away3D team member Stephen White, brings the capability of the Away3D Flash 3D graphics API to the web and exposes it’s capability to JavaScript for rich interactive 3D web development.

JiglibFlash

JiglibFlash is a open source Actionscript 3D Physics Engine. FIVe3D support for JigLibFlash has now been added to the JigLibFlash SVN library.

3D engines for Flash

Flash 10 (Adobe Flash CS4 Professional) was released on october 14, 2008, has a native support of 3D and uses pixel blender for lighting. Adobe Pixel Bender technology delivers a common image and video processing infrastructure which provides automatic runtime optimization on heterogeneous hardware. You can use the Pixel Bender kernel language to implement image processing algorithms in a hardware-independent manner. The Pixel Bender graph language is an XML-based language for combining individual pixel-processing operations (kernels) into more complex Pixel Bender filters.

The following 3D engines for Flash are based on the native Flash 3d API :

CopperCube

CopperCube is a 3D engine / editor with deployment targets for Flash (.swf) and Windows (.exe). You can create simple interactive 3D scenes without the need to write one single line of code  or even create whole games with the help of a little bit of scripting magic. CopperCube supports realtime 3D character animation, also known as skeletal animation. It supports playing back animated meshes with an unlimited amount of joints and an unlimted amount of weights. Milkshape (.ms3d) is a recommended 3D software to import meshes and animations in CopperCube. Version 1.1.3 of CopperCube was released on january 14, 2010.

CopperCube is a product of the austrian company Ambiera e.U., located in Vienna and owned by Nikolaus Gebhardt. The price for a Light Edition license is 99 €, the Per-seat license for the professionbal version costs 295 €. A 30 days trial version is available for free.

Away3D

Away3D is a realtime 3D engine for flash in actionscript 3, originally derived from Papervision3D. Away3D engine is designed to be fast and extensible. Away3d is an open source production, and relies on the talent and support of industry professionals to keep itself moving. Version 3.4 for Flash 10 was released on august 7th, 2009. The founders of Away3D are Rob Bateman (lead developer) and Alexander Zadorozhny (core developer). The Away3D Team includes about 12 other developers.

An Away3D Lite version is also available. Currently weighing in at under 25K, Away3D Lite can be used in projects with the most stringent bandwidth restrictions. No problem for use in banners, widgets, thumbnails… anything where filesize is a priority. But the biggest single feature offered by the new engine is it’s speed. Current tests clock framerates up to 4 times faster than the standard Away3D library. And with more frames-per-second comes the potential for more polygons, more accessible content on slower machines, and more processing power left for other areas of a Flash application.

Some outstanding examples of Away3D projects are “Café World” on Facebook used by 23 Million people a month, Multipass latern, Shaded Head, Spitfire , Dragonfly and Normalmaps.

PapervisionX

PapervisionX is the next version of Papervision3D built from the ground up based on Flash10’s new 3D api. Ralph Hauwert and Tim were leading the initial efforts on the core of the engine. Papervision3D (pv3D) is an open source 3D engine for the Flash platform. It is written and maintained by a small core team, and contributed to by its ever-growing community. Papervision3D is distributed under the MIT license and is hosted by Google Code.

3D Pixel Engine

Freelancer Kris Temmerman, owner of the Neuro Productions company, is the creator of the 3d Pixel Engine. Instead of rendering each cube every frame in an isometric perspective, he renders only one cube and use that cube as a particle to render a full scene. This way he easily extends the limit of +-1000 cubes to 20.000 or more cubes in a Flash scene.

Kris Temmerman was motivated by the cool 3D pixel editor Q-BLOCK created by Okuyama Kazuya. He developed not only the 3D engine, but he made also a Collada parser witch converts a standard 3D mesh to a 3D pixel object to import external generated 3D objects. Some of Kris Temmermans experiments are really outstanding : 3D Fur Renderer, Collada Parser, Z-Brush Modelling, Simple Flash Ecosystem, Pushing data to Flash using binary sockets (Java / Flash), Dynamic Flash generated favicon, Custom brushes, Panoramic fun, Alice in Wonderland, Nurbs.

Kris Temmerman is a member of the Away3D Development Team and mainly responsible for the Flash 10 upgrade.

Alternativa3D

Alternativa3D is a browser 3D-engine based on Adobe Flash and allows to show three-dimentional worlds, games, virtual tours or objects in a browser. Alternativa3D is provided as SWC-library, which is availiable for all registered AlternativaPlatform users.

Alternativa3D is free for non-commercial purpose with condition to provide a link to AlternativaPlatform. A basic standard licence costs 1000 Euro for one commercial project. The current version is 5.6.0.  The Alternativa platform is developed by Alternativa Game, Ltd. in Russia, the team counts currently 15 people.

Infinity3D

The multi-tasking Infinity3D engine for flash (as3) was designed by Alexei Mikhailovich Romanov from Petersburg. The latest version 1.4.D was released on september 17, 2009. The engine supports animated dynamic objects.

Yogurt3D (Y3D)

Yogurt 3d Engine Corp. announced in december 2009 that there free Adobe Flash 3D Engine API will be ready and available to download for everyone soon. Scene management, character animation and multiple scene support are some of the features included in the Yogurt3D Game Engine.

FIVe3D

The FIVe3D initiative is an open source code for the conception of interactive vector-based 3D animations. The original Actionscript 2 code was ported to Actionscript 3 for Flash 10. The project is developed by Mathieu Badimon.

Like Papervision3D, the following 3D Flash engines are not yet based on the Flash 10 3D API, but nevertheless very performant:

Sophie 3D

Sophie 3D enables you to view  models online with the Flash Player. To do this the model needs to be saved in Wavefront OBJ format. Sophie3D gives you high quality fast renders by displaying over 80.000 polygons in realtime with textures, reflections, transparency and infinite number of lights.

Sophie 3D is one of the products developed at XOSystem. Sophie 3D Component is free to download and use on the condition that it is not used for commercial purposes and that the logo “Sophie 3D Engine” and all the other graphic elements are in no way hidden or modified.
Sophie 3D Component PRO for Adobe Flash Player has the retail price of 239,00 euro. The Sophie 3D Player Pro Licence is for a single domain use only and allows  to publish  3D models without the logo appearing on a 3D scene. It includes Sophie 3D Compressor that can reduce the size of a Wavefront .obj models by about 75%. For example a model file of 1Mb will be compacted to a file of 250Kb.

Sandy 3D

Sandy 3D is an intuitive and user-friendly 3D open-source library developed  now in Actionscript 3.0 for Adobe Flash. Sandy can be used in a commercial project. Sandy3.0 is able to render about 2000-5000 polygons correctly on a pretty recent computer with really correct screen resolution. Version AS3 3.1.2 was released on 28th March 2009.

FFilmation
The FFilmation Engine is an AS3 isometric programing engine, focused mainly on game development. The aim of the project is providing a robust development platform, where game designers can work on the game’s details and forget about the render engine. It is intended to be really usable from a “real production scenario” point of view. The engine is open-source, and released under the MIT license.

FFilmation is developed by Jordi Ministral, the co-owner of a small multimedia production studio in Barcelona, Spain. Version 1.3.3. was released on march 13, 2009. A FFilmation editor is also available. In september 2009, the developer announced on his blog that FFilmation is progressing quietly.

The following Flash 3D projects are listed mainly for historical reasons :

WireEngine3D (we3d)

WireEngine3D is a lightweight and fast 3D Engine for Flash 8/9. The latest version: 3.5.1 was released on 9th april 2008. With the WireEngine it is very easy to animate 3D objects in the 3D world.

3D Engine for Flash MX2004

The OpenSource 3D Engine for Flash MX 2004 allows to create 3D applications using the builtin DataCube object and put  data as dynamic 3D Models into a virtual universe.

3DFS

3DFS is a 3D engine written in ActionScript 2 compatible with Flash Player 7.0 or more. It offers exact visible surface determination even for intersecting or overlapping geometry.

Electric 3D

The Electric 3D Flash engine is used internally by Electric Oyster, an interactive design, development and consulting company, when they develop 3D projects for their clients.

Jiglibflash now also supports Five3D

Syntext Serna Free : Open Source XML Editor

Serna XML Editor

Serna Free XML editor is an easy-to-use open source WYSIWYG XML editor and probably the most powerful among free and open source XML editors for WYSIWYG authoring.

Serna free XML editor is available for all major platforms such as Microsoft Windows™ (2000, XP, Vista), Linux, Mac OS X, and Sun Solaris/SPARC. Version 4.2 was released on october 13, 2009.

Serna Free XML editor has been developed by SYNTEXT Inc., a private American software development company, founded in Seattle, Washington, in 1999. The company is focused on the development of state-of-the-art solutions for creating and maintaining complex XML content for various industries such as aerospace, software development, publishing, and others.

The company’s flagship is the Serna Enterprise XML editor which enables fully distributed collaborative XML authoring.