Domênico Citrângulo

Caleidoscope Preloader featured at Files of the Week

Domenico Citrangulo — Mon, 21 Sep 2009 12:27:57 +0000

I'm very happy with it! Every week, FlashDen staff get to package together the highlights of all the great files which have been uploaded to FlashDen over the past 7 days. And this week my latest project, Caleidoscope Preloader, was featured!

Caleidoscope Preloader

Domenico Citrangulo — Fri, 18 Sep 2009 13:01:33 +0000

With Caleidoscope preloader you can easily:
• Change size;
• Change background color;
• Change loading message color;
• Change loading message font;

Samples with different bg colors included!
In the ZIP package you will also find a complete help file to modify and customize your preloader.

See the live demo.
Download!

Google Maps API – Custom markers problem

Domenico Citrangulo — Thu, 17 Sep 2009 22:09:27 +0000

The Documentation of Google Maps Flash API is very good and a good start point. But has a little lack: no code examples for custom Marks. If you want one you’l find just Flex examples. Here’s the sample code for custom Marks in Flex:

//Image Embed
[Embed(source="myimage.png")]
private var myimage:Class;

// Create the marker
var myname = "Tooltip name";
var bm:Bitmap = new myimage() as Bitmap;
var m:Marker = new Marker(new LatLng(list[i].lat, list[i].lon),
new MarkerOptions({tooltip:myname, icon:bm}));

This works well for Flex applications but not in Flash. If you try to use this code in Flash you will get an error like this:

TypeError: Error #1007: Instantiation attempted on a non-constructor.
        at MethodInfo-1735()
        at MethodInfo-1736()
        at flash.events::EventDispatcher/dispatchEventFunction()
        at flash.events::EventDispatcher/dispatchEvent()
        at flash.net::URLLoader/onComplete()

I made several searches in Google and tried quite a few of codes solutions and none of them works: in some cases I got new errors, in others I didn’t get errors but the marker didn’t appear. After some studying I made it with this code:

var request:URLRequest = new URLRequest("red.png");
var imageLoader:Loader = new Loader();
imageLoader.load(request);

var markerOptions:MarkerOptions = new MarkerOptions();
markerOptions.icon = imageLoader;
markerOptions.tooltip = "dom";
var m:Marker = new Marker(new LatLng(-23.6104, -46.6670), markerOptions);
map.addOverlay(m);

Got it? You just need to create a loader for your image and then use a URLRequest object to get the file. It’s so obvious now, but I spent a good time on this. I hope you don’t.

Color’n Black Theme

Domenico Citrangulo — Thu, 17 Sep 2009 00:39:27 +0000

Each element has its own layer, so it’s very easy to customize and fit to your project needs.

The fonts used in this theme are Swiss Thin and Swiss Medium. You can find the Swiss family of fonts here – http://www.myfonts.com/fonts/bitstream/swiss-721/

If you don’t have Swiss, you can try using Helvetica which has a similar look and feel. Helvetica Neue comes with thin, heavy etc. Otherwise you can try finding similar styled fonts that are freely available like District Thin – http://www.smashingmagazine.com/2006/11/29/district-thin-free-font-of-the-week/

See the screenshots.
Download!

Gears 3D Preloader

Domenico Citrangulo — Wed, 16 Sep 2009 16:43:53 +0000

All you need to do is drop it on the first frame of your project!

Vector animation!
• Fully resizable.
• Easy to change color and glow!

In the ZIP package you will also find a complete help file to modify and customize your preloader.

See the live demo.
Download!

My Latest Tweets – Pure Javascript Twitter widget

Domenico Citrangulo — Wed, 16 Sep 2009 16:00:40 +0000

It’s to solve these two problems that I created My Latest Tweets widget: a simple and easy customizable Pure Javascript Twitter display for corporate sites, blogs or e-commerce websites. No PHP needed! All you have to do is copy a JS file to your server and insert a few lines in your site’s code. That’s all!!

With My Latest Tweets you can:
• Display tweets from a specified(s) user(s);
• Display tweets with a specified #hashtag;
• Display tweets with a specified word or sentence;
• Set the number of tweets in your box;
• Set the language of tweets;
• Very easy and simple CSS , customize your box in minutes.

See the live demo.
Download!

Words & Images – A Dynamic XML Image Gallery

Domenico Citrangulo — Tue, 12 May 2009 01:35:59 +0000

If you want to show your images and movies in a different and creative way, here is a good solution for you. Words & Images is a project of mine that allows you to create a flash gallery very easily and fast. You just need to change a XML file with your images paths (URL), titles and subtitles and you’re all set!
After setting the XML file the movie clip generates an animated 3D space where you can interact with each word (images titles). When clicked, a word brings an image and customized text to the user.

All the data (words, images, colors, subtitles, sizes) are completely dynamic and XML driven. So you can update, add or delete words and texts editing only one XML file.

Control everything with the XML file!
• words animation speed
• background color
• [optional] background image
• words color
• subtitle text color
• subtitle background color
• subtitle background opacity
• subtitle links color
• close button color
• subtitle lines margin (leading)
• subtitle font size
• subtitle bar height
• movie width
• movie height

Works with JPG , PNG, GIF images or SWF files.
You can also add links in images subtitles!

And more!!

Source File: Fully editable Flash source in Flash 8.0 with AS2 . The button design and font can be changed easily through library symbols.
Complete Help File!
Samples included!

See the live demo.
Download!

Opensource : Some parts of this item code is from the Opensource project Levitated Text Space free GPL code by Jared Tarbell.