HTML5 Skew Demo

Sunday, March 17th, 2013 | Author: dehash

Browser check for a HTML5 Skew demo using easelJS move mouse left and right to skew.

Uploaded a simple three.js version of the above for comparison here
this one uses drag over to control movement.

Category: Flash | Comments off

Haxe NME PureData Android Example

Monday, May 07th, 2012 | Author: dehash

Found no examples online of using Haxe + PureData together so far so I wrote a proof of concept for Android using PDCore from libpd pd-for-android to generate some noise on a droid. Open the FlashDevelop project and press Ctrl-Enter with your Android phone connected then drag the red dot around on screen.

You can download the Haxe and Java source code and FlashDevelop project from here HaxePureDataProofOfConcept.zip

It uses Haxe NME 3 and Haxe 2.09 and compiles on Win7 64bit and the apk runs on armv6 CM7 Android 2.3 so hope it works on other systems. May not be the best way to do it (could be made a NMEX for example) and probably not bug free but it makes a start and shows them working together. Will write up a more detailed description some time but the source code is there.

Some of the Haxe/Android/PureData links I have found useful are below:
Haxe NME
Getting Started
Haxe Google Groups
Creating an NME Extension
Android NME+Java
@ gigglingcorpse – lots of useful blog posts
PureData Example
Android Monkey testing – $ adb shell monkey -p your.package.name -v 500
FindBugs & PMD Java tools for Eclipse
color for logcat
FlashDevelop

Category: Code Examples, Flash, Haxe, Mobile | Comments off

Basic AS3 VAST OVA Video Player Example

Sunday, March 11th, 2012 | Author: dehash

Just a short single class that does pre-roll VAST video ads (Google VAST docs here). It uses the longtailvideo OVA for AS3 with more details at OVA SWC ova-as3-1.0.1.swc and the video player from here apdevblog with pre-roll and main video clips from the Test Ads at the old openx-iab-vast site. The config object is declared in the Actionscript as ‘rawConfigLocal’ for simplicity. There is a lot more that can be implemented but this is a very short and incomplete demo that might help as a starting point to have a simple example under 100 lines. The VAST XML is below too.
more…

Category: Code Examples, Flash | 4 Comments

Drawing fonts using Javascript Canvas and easelJS

Tuesday, May 31st, 2011 | Author: dehash

Spent a couple hours playing with easelJS and tried emulating something from Flash AS1 era which still needs some work but uploaded here . It uses a single Shape on the Stage with a single Graphic instance inside it which gets drawing commands in the Ticker timer producing a “Flash” type animation using only Javascript. Using JS rather than SWF means testing how different browsers display it. FF4 and Opera 11.50 labs work, FF3.6 partly works but stops after the first animation (there should be about 10 different Webdings font characters displayed one after another).

Category: Code Examples, Javascript | Comments off

TweetDeck on Ubuntu LXDE

Monday, December 13th, 2010 | Author: dehash

The TweetDeck Adobe Air App is a great way to manage your use of Twitter and I like it a lot but I like my lightweight Desktop Environment LXDE on Ubuntu even more. Problem is that TweetDeck and any Air Apps can run into problems if you use anything other than KDE or Gnome on Ubuntu because of the way it stores your data. There are some help files on the Adobe site but they would not work for me. But there is a solution at mindby.com where you use a shell script to pass the Gnome Keyring to the app on startup. Works perfectly and allows the wonderful TweetDeck to work on the super fast LXDE and XFCE apparently also

Category: Linux | Comments off

Updated Flash AS3 RobotLegs YouTube code

Friday, August 20th, 2010 | Author: dehash

Added a GUI and a search facility to the previous example. The demo movie is here and the source code is here . Still needs some work to improve the GUI and performance which will be added some time.

Category: Code Examples, Flash, RobotLegs, YouTube API | Comments off

Flash AS3 RobotLegs YouTube example

Monday, August 09th, 2010 | Author: dehash

Was asked about an updated Flash YouTube example as the previous ones were quite old and Flex based. So here is a work in progress which I will update later. Still need to add a GUI and a search facility but this is the basic version for now. It uses MVCS in RobotLegs and MinimalComps to interface with YouTube. The demo movie is here and the source code is here and the demo search was Ronettes…
Some ideas used in the code were taken from three excellent articles here and here and here

Category: Code Examples, Flash, RobotLegs, YouTube API | 2 Comments

AS3 Signals Bubbling note

Sunday, March 07th, 2010 | Author: dehash

Working with this now and just a note that it looks like a way to bubble Signals from a nested display class is as follows:

public var deluxeSignal:DeluxeSignal = new DeluxeSignal(this);
…
deluxeSignal.dispatch(new GenericEvent(true));

and the listening class further up the display list implements IBubbleEventHandler and requires the following method:

public function onEventBubbled(e:IEvent):void { trace(e +"-"+ e.target +"-"+ e.currentTarget +"-"+ e.signal); }
- – -
Added a quick example below with source code using the current signals release unedited
here

PS there is an excellent Signals video tutorial here

- – -
Update: Added a new version of the simple example that works with the latest Signals release (0.7). The onEventBubbled method now has a boolean return value to determine whether to continue bubbling or stop.
The new example code can be downloaded here

Update: Added a new simple example using Signals 0.8 bubbling + custom event based on one of the test cases which helps with strong typing and can be downloaded here
- – -

Some ideas on passing parameters:
var deluxeSignal:DeluxeSignal = new DeluxeSignal(this);
deluxeSignal.dispatch(new GenericEvent(true));
Here you are passing “this”, ie the sending instance, as the GenericEvent event target so that it is available as the event.target within onEventBubbled(event:IEvent).

Alternately pass in a Value Object (VO) instead of “this” to pass more precise and data typed parameters (you would need to give it a “parent” property) or another option is to extend GenericEvent and give it some custom properties which can be read within onEventBubbled.

Category: Code Examples, Flash | 18 Comments

Quick test of FCSS

Sunday, February 14th, 2010 | Author: dehash

Spent an hour testing the cool Flash AS3 FCSS library. Seems fine to set any public property so it can trigger tweens, image loads, filters etc as in this example
There is a good FCSS video tutorial here

Trees image from here released under CC license

Code below all in one file for now as it was just a quick test. Aside from FCSS it also uses three other AS3 libraries – Tweener and MinimalComps and BumpSlide

You can view the swf here

/**
* v0.1 code by dehash.com 2010
* Quick Test of FCSS
* Released as open source under the BSD License
* http://www.opensource.org/licenses/bsd-license.php
*/
package {
// http://code.google.com/p/minimalcomps/
import com.bit101.components.*;
// http://github.com/theflashbum/fcss
import com.flashartofwar.fcss.applicators.StyleApplicator;
import com.flashartofwar.fcss.managers.SingletonManager;
import com.flashartofwar.fcss.styles.IStyle;
import com.flashartofwar.fcss.stylesheets.*;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
// trees image from http://www.flickr.com/photos/cybot586/4356730349/
public class Main extends Sprite
{
private var css:XML = <css><![CDATA[
#boxStyle {
x: 50;
y: 10;
alpha: 0.95;
width: 300;
height: 250;
color: 0x1C2331;
tweenYto: 333;
dropShadowDistance: 20;
loadImage: 4356730349_2cfcbdff4d.jpg;
}
]]>
</css>;
private var styleSheetCollection:IStyleSheetCollection =
SingletonManager.getClassReference(StyleSheetCollection) as IStyleSheetCollection;
private var txt:Text;
private var box:BoxExtended;
public function Main():void
{
if (stage) init();
else addEventListener(Event.ADDED_TO_STAGE, init);
}
private function init(e:Event = null):void
{
removeEventListener(Event.ADDED_TO_STAGE, init);
// entry point
addControls();
addBox();
}
private function addControls():void {
var window:Window = new Window(this, 400, 50, "Box CSS Window");
window.width = 320;
window.height = 460;
var vBox:VBox = new VBox(window.content);
txt = new Text(vBox, 10, 20);
txt.text = css.toString();
txt.width = 300;
txt.height = 400;
new PushButton(vBox, 180 , 0, "Apply CSS to Box", parseButtonHandler);
}
private function parseButtonHandler(e:MouseEvent):void {
var styleSheet:IStyleSheet = new FStyleSheet( );
styleSheet.parseCSS(txt.text.toString());
styleSheetCollection.removeStyleSheet("boxStyleSheet");
styleSheetCollection.addStyleSheet(styleSheet, "boxStyleSheet");
var boxStyle:IStyle = styleSheetCollection.getStyle("#boxStyle");
var styleApplicator:StyleApplicator = new StyleApplicator();
styleApplicator.applyStyle(box,boxStyle);
}
private function addBox():void {
box = new BoxExtended();
addChild(box);
}
}
}
// http://code.google.com/p/tweener/
import caurina.transitions.Tweener;
import flash.filters.DropShadowFilter;
// http://code.google.com/p/bumpslide/
import com.bumpslide.events.UIEvent;
import com.bumpslide.ui.Box;
import com.bumpslide.ui.Image;
class BoxExtended extends Box {
private var image:Image = new Image(null, Image.SCALE_CROP, -1, -1, imageLoaded);
private var _tweenYto:Number;
private var _loadImage:String;
private var _dropShadowDistance:Number;
public function BoxExtended() {
super(0xccccff,100,100,20,20);
}
public function set tweenYto(value:Number):void {
_tweenYto = value;
Tweener.addTween(this, { y:_tweenYto, time:2.5, delay:0.5, transition:"easeInOutExpo" } );
}
public function set loadImage(value:String):void {
_loadImage = "/demoimages/"+ value.split("/").pop();
if (_loadImage == "null") {
tileBitmap = null;
}else {
image.url = _loadImage;
}
}
public function set dropShadowDistance(value:Number):void {
_dropShadowDistance = value;
filters = [new DropShadowFilter(_dropShadowDistance)];
}
private function imageLoaded(e:UIEvent):void {
tileBitmap = image.imageBitmap.bitmapData;
}
}

Category: Code Examples, Flash | 3 Comments

Flash 10 3D example

Wednesday, December 23rd, 2009 | Author: dehash

3D Flash Player 10 example and code using PaperSprite and the new built in 3D instead of PaperVision. The output is similar to similar to the InteractivePlanesBoard example and some of it is loosely based on this example code too.
view swf here

/**
* v0.1 code by dehash.com 2009
* Flash Player 10 swf using PaperSprite similar to InteractivePlanesBoard
* http://www.dehash.com/?page_id=219 only using FP10 3D rather than PV3D
* code loosely based on example at :
* http://blog.soulwire.co.uk/code/open-source/two-sided-planes-in-flash-player-10
* Released as open source under the BSD License
* http://www.opensource.org/licenses/bsd-license.php
*/
package {
import flash.events.Event;
import flash.events.MouseEvent;
import flash.display.Sprite;
//http://blog.soulwire.co.uk/code/open-source/two-sided-planes-in-flash-player-10
import soulwire.display.PaperSprite;
// http://code.google.com/p/tweener/
import caurina.transitions.Tweener;
[SWF(width="800", height="600", backgroundColor="0xFFFFFF")]
public class InteractivePlanesBoard10Multi2CleanedUp extends Sprite {
private const NUM_OBJECTS:uint = 4;
[Embed(source='add.png')]
private var pic:Class;
private var size:uint = 100;
private var cnt:uint = 0;
private var holder:PaperSprite;
public function InteractivePlanesBoard10Multi2CleanedUp() {
holder = new PaperSprite();
addChild(holder);
holder.x = stage.stageWidth / 2;
holder.y = stage.stageHeight / 2;
var xOffset:Number = (NUM_OBJECTS * size) / 2;
var yOffset:Number = (NUM_OBJECTS * size) / 2;
for (var i:int = 0; i < NUM_OBJECTS; i++) {
for (var j:int = 0; j < NUM_OBJECTS; j++) {
var paperSprite:PaperSprite = new PaperSprite();
paperSprite = new PaperSprite();
paperSprite.x = -xOffset + (i * size * 1.2);
paperSprite.y = -yOffset + (j * size * 1.2);
if(cnt%5==0){
paperSprite.front = createPicSprite();
}else {
paperSprite.front = createSprite();
}
paperSprite.back = createSprite()
paperSprite.rotationY = 0;
holder.addChild(paperSprite );
paperSprite.addEventListener(MouseEvent.MOUSE_OVER, planePressedHandler, false, 0, true);
cnt++;
}
}
addEventListener ( Event.ENTER_FRAME, spin );
}
private function createSprite ():Sprite {
var sp:Sprite = new Sprite();
sp.graphics.beginFill ( Math.random() * 0xffffff );
sp.graphics.drawRect ( -size / 2, -size / 2, size, size);
sp.graphics.endFill ();
return sp;
}
public function createPicSprite():Sprite {
var sp:Sprite = new Sprite();
var b:*= new pic();
b.width = b.height = size;
sp.addChild(b);
return sp;
}
private function spin ( event:Event ):void {
var mX:Number = ((mouseX / stage.stageWidth) - 0.5) * 360;
var mY:Number = ((mouseY / stage.stageHeight) - 0.5) * 360;
holder.rotationY += (mX - holder.rotationY) / 140;
holder.rotationX += (mY - holder.rotationX) / 140;
}
public function planePressedHandler(e:MouseEvent):void {
if (!Tweener.isTweening(e.currentTarget)) {
Tweener.addTween(e.currentTarget, { time:2, delay:0, transition:'easeinoutback', rotationY: e.currentTarget.rotationY + 180 } );
}
}
}
}

Category: Code Examples, Flash | Comments off

Quick Image Viewer

Thursday, November 26th, 2009 | Author: dehash

Made a quick image displayer with zoom and pan in just a few lines of code using BumpSlide and MinimalComps which can be viewed here. The main source code is below and the image is The Starry Night by Van Gogh from here

/**
* v0.1 code by dehash.com 2009
* based on example code at :
* http://bumpslide.googlecode.com/svn/trunk/as3/examples/zoom/ZoomDemo_01.as
* Released as open source under the BSD License
* http://www.opensource.org/licenses/bsd-license.php
*/
package {
import com.bit101.components.HBox;
import com.bit101.components.HSlider;
import com.bit101.components.Label;
import com.bit101.components.PushButton;
import com.bumpslide.ui.Applet;
import com.bumpslide.ui.ZoomPanel;
import net.stevensacks.utils.Web;
import flash.display.Bitmap;
import flash.display.Loader;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.net.URLRequest;
public class ImageDisplayer extends Applet {
static private const CONTENT_URL:String = "starrynight1280.jpg";
private var zoomPanel:ZoomPanel;
private var image:Loader;
private var myZoomSlider:HSlider;
private var controls:HBox;
private var credits:HBox;
private var offset:uint = 50;
private var label:Label;
override protected function addChildren():void {
// load image with smoothing not applied
image = new Loader();
image.contentLoaderInfo.addEventListener(Event.INIT, function(e:Event):void {
(image.content as Bitmap).smoothing = false;
});
image.load(new URLRequest(CONTENT_URL));
// create zoom panel with image as content
zoomPanel = new ZoomPanel();
zoomPanel.content = image;
addChild(zoomPanel);
// create HBox to hold controls
controls = new HBox(this);
// create controls
new PushButton(controls, 0, 0, "Home", function():void {
zoomPanel.panTo(0, 0);
});
new PushButton(controls, 0, 0, "<<--", function():void {
zoomPanel.panLeft();
});
new PushButton(controls, 0, 0, "-->>", function():void {
zoomPanel.panRight();
});
new PushButton(controls, 0, 0, "/\\", function():void {
zoomPanel.panUp();
});
new PushButton(controls, 0, 0, "\\/", function():void {
zoomPanel.panDown();
});
myZoomSlider = new HSlider(controls, 0, 5, doZoom);
myZoomSlider.tick = 0.25;
myZoomSlider.minimum = 0.25;
myZoomSlider.maximum = 7;
myZoomSlider.value = 1;
addChild(controls);
zoomPanel.dragZoomControl.minZoom = .25;
zoomPanel.dragZoomControl.maxZoom = 7;
zoomPanel.zoomContent.cacheAsBitmap = true;
// create HBox to hold credits
credits = new HBox(this);
// create credits
var labelText:String = "Van Gogh - Starry Night - 1889 -";
labelText += "(source http://www.flickr.com/photos/financialaidpodcast/3956763480/)";
label = new Label(credits, 0, 0, labelText);
new PushButton(credits, 0, 0, "Image Source", getSource);
}
private function getSource(e:MouseEvent):void {
var link:String = "http://www.flickr.com/photos/financialaidpodcast/3956763480/";
Web.getURL(link, "_blank");
}
private function doZoom(event:Event):void {
zoomPanel.zoom = myZoomSlider.value;
}
/**
* Applets are resized when stage size changes, so re-center content during redraw
*/
override protected function draw():void {
zoomPanel.move(offset, offset);
zoomPanel.setSize(width * .85, height * .85);
controls.x = offset;
controls.y = offset / 2;
credits.x = offset;
credits.y = height * .95;
}
}
}

Category: Code Examples, Flash | One Comment

PV3D InteractivePlanesBoard for Flash CS3

Monday, June 15th, 2009 | Author: dehash

cs3 board image

InteractivePlanesBoard from here converted to work in Flash CS3.

view swf here and download .fla and source here

Icon by http://dryicons.com and pop up view of the swf is displayed using shadowbox.

Category: Code Examples, Flash, Papervision 3D | 3 Comments

Flash CS4 Papervision example

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