Jeremy Daley :: Dude mon :: Daleyjem

Mobile Phone Augmented Reality

admin — Tue, 13 Mar 2012 02:28:38 +0000

The following YouTube video demonstrates an augmented reality project I did about a year ago, completed in Flash using the Papervision3D framework and the FLAR toolkit.

Phone models were first modeled in Blender3D and then textured with a UV image map.

Destination Gallery (incomplete)

admin — Tue, 13 Mar 2012 02:00:44 +0000

A work in progress, this demo is simply to show some cool layout animations using jQuery. It really isn’t much at the moment — the only working action item is the “Info” button in the bottom/left corner.

My future plan is to navigate through several “Paralaxed” destinations (demoed in the previous post) and allow the user to view additional information about the destination, including a Wikipedia synopsis, weather and YouTube videos.

View demo

Javascript/PNG Paralax

admin — Tue, 13 Mar 2012 01:54:51 +0000

A paralax effect using transparent .png files and a subtle mix of Javascript / jQuery.

PNGSequence Javascript Class

admin — Mon, 18 Apr 2011 04:45:37 +0000

I wrote this Javascript class a while back, but have yet to use it. I believe it still could have some use for someone looking to do animation on a transparent (or non) PNG sprite.

Get PNGSequence class…

Demo:

http://www.daleyjem.com/projects/js/pngsequence/

Usage:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

var pngSequence;

function init()
{
// A

container with an id "tester"
var tester = document.getElementById("tester");

// img url, sprite width, sprite height, number of frames in sequence
pngSequence = new PNGSequence("run_cycle.png", 60, 70, 27);
pngSequence.runLoop();
// pngSequence.runOnce();
pngSequence.addTo(tester);
}

function decreaseSpeed()
{
if (pngSequence.speed + 10 >= 1000) return;
pngSequence.speed += 10;
}

function increaseSpeed()
{
if (pngSequence.speed - 10 <= 0) return;
pngSequence.speed -= 10;
}

ExternalImage Actionscript class demo

admin — Fri, 07 Jan 2011 07:18:23 +0000

Get ExternalImage class…

Features:
- Smoothing support
- Right-click “Save Image as…” and “View Image” options

Demo:

Usage:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

package
{
import com.daleyjem.as3.ExternalImage;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.ProgressEvent;

/**
* ...
* @author Jeremy M. Daley
*/
[SWF(width="300", height="300")]
public class Main extends Sprite
{
private var imageURL:String = "http://daleyjem.com/wp/wp-content/uploads/2010/06/iphone_4_map.jpg";
private var image:ExternalImage;

public function Main():void
{
if (loaderInfo.parameters.imageURL != null) imageURL = loaderInfo.parameters.imageURL;
// url, smoothing = true, display right-click context menu options = true
image = new ExternalImage(imageURL, true, true);
image.addEventListener(ProgressEvent.PROGRESS, onImageLoadProgress);
image.addEventListener(Event.COMPLETE, onImageLoaded);
}

private function onImageLoadProgress(e:ProgressEvent):void
{
trace(e.bytesLoaded / e.bytesTotal);
}

private function onImageLoaded(e:Event):void
{
image.width = stage.stageWidth;
image.height = stage.stageHeight;
addChild(image);
}
}
}

Music as an art

admin — Sat, 06 Nov 2010 02:48:55 +0000

The guides of life are the musically talented. Music throughout the ages is like a track record of all life. Here then and now as they exist.

Copy writing an Art

admin — Sat, 06 Nov 2010 02:45:46 +0000

Copy writers in the world bring into existence things in a way that everyone can understand. With their voices and with their hands. Truly remarkable creatures.

Programming an Art

admin — Sat, 06 Nov 2010 02:44:06 +0000

I hate to get the complaint that I’m trying to reinvent the wheel. Did everyone hate Van Gogh because he painted a human being? Of course not. We shouldn’t do the same to the creative minds of any sort in our group.

Flash Video Player AIR App

admin — Sun, 11 Jul 2010 19:24:41 +0000

There are a handful of applications out there that allow you to play Flash videos (.flv, .f4v), but I personally have run into different limitations of each. VLC is a cross-platform software that allows Flash video playback, but sometimes you get a weird looking video (when it doesn’t show that way in a native Flash Video object). Along with that, it and many other different software out there don’t allow the playback of RTMP (Flash Media Server streaming) or even HTTP paths.

So I made my own and so far it has served me well. It includes the following features:

Runs on the Adobe AIR platform, so it works on Windows, Mac and Linux.
Allows opening of local Flash video files, as well as RTMP/HTTP video paths.
~~Allows progressively downloaded playback of YouTube URL’s.~~
“Always on top” menu option for staying on top of other windows after losing primary focus.
“Properties” panel shows video meta info (width, height, bitrate, etc.)

Also, although there’s no GUI for customizing the video component skin, a user can easily overwrite the image files in the “control” directory of the app’s application directory with his/her own. The application will center components accordingly regardless of differing heights from the original skin’s.

Download:
FlashVideoPlayer.air
sample_modified_skin.zip

Flash/Papervision 3D iPhone 4

admin — Sun, 20 Jun 2010 01:23:15 +0000

I’m actually more of an Android fan, but I do think the iPhone is a worthy competitor. With that said, it was pretty easy to find enough images to texturize my Collada model (created in Blender) to bring you this demo.

This is the image I put together before doing a UV map on the model:

View the demo.