Archive for the Category » Code Examples «
Tuesday, April 07th, 2009 | Author: dehash
This post is mainly to cover some of the questions often asked and give a simple download to try out.
The Papervision examples here were compiled using the Flex SDK and FlashDevelop so there are no .fla’s used. But as the examples are AS3 classes the conversion to using in Flash can be made so here is one download with a few usage ideas.
It was made in Flash CS4 and can be viewed here and the source can be downloaded here. It uses the very simple PlaneDemo class without editing it and the recent Papervision classes Papervision3D_2.0.883.zip from here are included in the zip.
Some things to note:
- The first line of the PlaneDemo class is
package com.dehash.pv3d.examples.basic
so the PlaneDemo class is stored in the following location
com/dehash/pv3d/examples/basic/PlaneDemo.as
- PlaneDemo.as is used as the document class and set in the Publish Properties pane which is one of the ways to use the class in Flash because PlaneDemo extends BasicView which extends AbstractView which extends Sprite.
- the Papervision classes are stored in the libs folder and that directory is added to the Source path using the Publish Settings > Flash tab path > Settings dialogue.
PlaneDemo.as includes the following Metadata
[SWF(width="800", height="600", backgroundColor="0xffffff")]
Flash CS4 is able to read this and implement it whereas the CS3 IDE was not. There is an article that covers this here
At some point I shall put up a more interesting example than PlaneDemo but it does cover many of the essentials despite being quite basic. The pop up view of the swf is displayed using shadowbox.
Category: Code Examples, Flash, Papervision 3D | One Comment
Sunday, January 04th, 2009 | Author: dehash
Added some more Papervision 3D examples with source code.
There are now over 30 and all examples use current Papervision3D GreatWhite from SVN and so far all use BasicView also
Category: Code Examples, Flash, Papervision 3D | 8 Comments
Monday, October 27th, 2008 | Author: dehash
Dynamic slicing of an image example which runs a bit better than I expected it to. Idea from here and image from here

more…
Category: Code Examples, Flash | Comments off
Wednesday, October 22nd, 2008 | Author: dehash
Came up with this which is fun to play with.
Images from here 1 | 2 | 3 | 4
Category: Code Examples, Flash | Comments off
Thursday, September 04th, 2008 | Author: dehash
Interested to see this appear yesterday at everydayflash.com and made a quick start on a sandbox for it to get ideas on how to use it with Papervision.
A first example of AS3DMod which is a sandbox to experiment with can be found here.
Updates: Some usage tips noted for the initial version of the library using pv3d
* Seems to work fine with current SVN build of PV3D
* in com.as3dmod.modifiers.Noise.as comment out line 9:
import alternativa.types.Matrix3D; (the import is not used but will error if you only have pv3d library)
* Grab com.carlcalderon.arthropod.Debug.as from here and put it in your path as it is used in several of the files.
* Added simplfied usage code to the example here
* Added examples below using svn build.
Noise – sandpaper to mountain range: AS3DModNoise.as
Taper- rip and shrink: AS3DModTaper.as

An idea for a Fish
Category: Code Examples, Flash, Papervision 3D | 4 Comments
Wednesday, August 06th, 2008 | Author: dehash
Added some more Papervision 3D examples with source code.
All examples use current Papervision3D GreatWhite from SVN and so far all use BasicView also. **Update:** added four more examples to the top of the list to make 18 in total:

Category: Code Examples, Flash, Papervision 3D | 29 Comments
Wednesday, June 18th, 2008 | Author: dehash
Flex YouTube API feed + search display. download source code here
Uses library @ as3-youtube-data-api
Nice player example @ on_the_other_hand
author of as3-youtube-data-api has a blog @ blog.martinlegris.com
update: added in a simple player to view the movies.
.
Update 2: Added source code download for the feed display
We are making a Cairngorm version of this but here is a simple component version to test.
The source code for the feed display component (not the player) is here
It is a FlashDevelop3 Beta7 project file and uses the Flex3 SDK to compile. To build the project requires the as3-youtube-data-api library Just download youtube-google-0.95.zip and add it to the project path and compile, that is it.
All of the hard work is done by SimpleFeedGrabberExample.as which uses the excellent as3-youtube-data-api library to load feeds from YouTube and parses them into an ArrayCollection which is the Bindable datasource for the display. This is a simple version that will likely change a lot when it is in our Cairngorm project but works fine for now.
as3-youtube-data-api notes: in strict mode you get a few warnings of variables declared without datatypes in the as3-youtube-data-api library but these are easy to fix. Also YouTubeClient has been removed in the library version released yesterday but we substituted YouTubeFeedClient in its place and that seems to work ok.
—
Once the above is complete to integrate with into the otoh player grab the source code from here:
* copy the src directory into this project src folder
* make YouTubeTest.mxml the target file + make 3 edits to it:
* put xmlns:ytfeeds=”ytfeeds.*” in the Application tag at the top
* put <ytfeeds:YTFeedComponent top=”325″ /> just before </mx:Application>
* insert your YouTube Developer key into YouTubeTest.mxml and compile.
Now when you click on a movie in the display it can be played in the otoh player because video.text is set to the selected movie ID.
Update:
Added a Comments viewer, and a related movies tab using the as3-youtube-data-api
View the updated flex youtube movie here
Category: Code Examples, Flash, YouTube API | 15 Comments
Monday, December 10th, 2007 | Author: dehash
Category: Code Examples, Flash, Flickr API | 2 Comments
Sunday, June 24th, 2007 | Author: dehash
[EDIT] For a more up to date post click here http://www.dehash.com/?p=152

Below is an example using Papervision3D AS3 engine using Flex2 SDK and FlashDevelop3 Beta 2. Look here for a fantastic Shark Demo
more…
Category: Code Examples, Flash, Papervision 3D | Comments off
Monday, October 23rd, 2006 | Author: dehash
I got some useful feedback at Flashcoders about my SVG post below. So far from what I found there is no golden rule for predicting filesize when embedding svgs except that usually the swf will be smaller.
I tried some of the suggested Inkscape optimising tips (ungroup,convert to paths, removing metadata/gradient definitions) and others (Vacuum Defs, Paths simplify) but none had a notable filesize impact once that particular svg was embedded in Flash (although they do benefit other svgs).
The main culprit seems to be the three shadows below the base and one once they were removed from the svg took the resulting swf from 63k down to 30k which is roughly the svg/swf ratio I would expect.
Below left is the original monitor and the edited one one on the right, those shadows below the base add 33k (over half of the total).
One related thing I found is :
Original monitor svg = 64k adds 63k to the swf when embedded alone
Edited monitor svg = 69k adds 30k to the swf when embedded alone
Embedding BOTH svg files in the SAME swf adds only 63k to the swf
I am guessing that the reason why is that when converting embedded svgs to swf the Flex2 SDK caches paths and gradients converts them to symbols in the library so that if it finds the same definition in another embedded svg it pulls it out of the library instead of recreating it. But I would need to test it some more to be sure. Cool if it is though.
Category: Code Examples, Flash, Flex SVG | Comments off
Tuesday, October 17th, 2006 | Author: dehash
Here are just a few of the nice vector clipart examples from at http://www.openclipart.org . All four originals are in SVG format created using Created with Inkscape and below is the code to embed them and apply DropShadow and Bevel filters to each using the Flex2 SDK to compile a Flash 9 swf.
The laptop svg is around 9k adds around 3k to the final swf. The vacuum svg is 36k and adds 11k, camcorder svg is 36k and adds 14k, and the monitor svg is 63k and adds around around 65k.
So all the swf conversions are smaller than their respective svg files except the monitor svg (and this adds more than twice the size to the swf of the other three put together).
Actionscript:
-
package
-
{
-
import flash.display.Sprite;
-
import flash.filters.DropShadowFilter;
-
import flash.filters.BevelFilter;
-
-
[SWF( backgroundColor='0x333333', frameRate='30', height='400', width='400')]
-
-
public class SVGfilters extends Sprite
-
{
-
// svg files from http://www.openclipart.org
-
-
[Embed(source="../assets/laptop.svg")]
-
private var SVG_Laptop:Class;
-
-
[Embed(source="../assets/camcorder_jaime_sanchez1.svg")]
-
private var SVG_Camcorder:Class;
-
-
[Embed(source="../assets/lcd_monitor_the_structor_.svg")]
-
private var SVG_Monitor:Class;
-
-
[Embed(source="../assets/blue_vacuum_cleaner_jaim_01.svg")]
-
private var SVG_Vacuum:Class;
-
-
public function SVGfilters()
-
{
-
init();
-
}
-
-
private function init():void
-
{
-
-
var mySVG_Laptop:Sprite = new SVG_Laptop() as Sprite;
-
mySVG_Laptop.scaleX=0.25;
-
mySVG_Laptop.scaleY=0.25;
-
mySVG_Laptop.x=50;
-
mySVG_Laptop.y=0;
-
mySVG_Laptop.filters = [ new DropShadowFilter() , new BevelFilter() ];
-
addChild(mySVG_Laptop);
-
-
var mySVG_Vacuum:Sprite = new SVG_Vacuum() as Sprite;
-
mySVG_Vacuum.scaleX=0.25;
-
mySVG_Vacuum.scaleY=0.25;
-
mySVG_Vacuum.x=190;
-
mySVG_Vacuum.y=30;
-
mySVG_Vacuum.filters = [ new DropShadowFilter() , new BevelFilter() ];
-
addChild(mySVG_Vacuum);
-
-
var mySVG_Monitor:Sprite = new SVG_Monitor() as Sprite;
-
mySVG_Monitor.scaleX=0.25;
-
mySVG_Monitor.scaleY=0.25;
-
mySVG_Monitor.y=150;
-
mySVG_Monitor.x=50;
-
mySVG_Monitor.filters = [ new DropShadowFilter() , new BevelFilter() ];
-
addChild(mySVG_Monitor);
-
-
var mySVG_Camcorder:Sprite = new SVG_Camcorder() as Sprite;
-
mySVG_Camcorder.scaleX=0.25;
-
mySVG_Camcorder.scaleY=0.25;
-
mySVG_Camcorder.x=190;
-
mySVG_Camcorder.y=200;
-
mySVG_Camcorder.filters = [ new DropShadowFilter() , new BevelFilter() ];
-
addChild(mySVG_Camcorder);
-
-
}
-
}
-
}
Category: Code Examples, Flash, Flex SVG | Comments off
Thursday, August 17th, 2006 | Author: dehash
SVG file drawn using Inkscape and embedded in swf at compile time. The box at bottom left had a radial gradient fill in the svg that does not appear in the swf.
SVGEmbed.as code below compiled using FlashDevelop and a Bit-101 template
Actionscript:
-
package {
-
import flash.display.Sprite;
-
public class SVGEmbed extends Sprite {
-
[Embed(source="../assets/plainsvg1.svg")]
-
private var SimpleSVG:Class;
-
-
public function SVGEmbed() {
-
init();
-
}
-
private function init():void {
-
var mySVG:Sprite = new SimpleSVG();
-
mySVG.scaleX=0.5;
-
mySVG.scaleY=0.5;
-
addChild(mySVG);
-
}
-
}
-
}
Category: Code Examples, Flash, Flex SVG | 2 Comments