The magic of get url

Yup, to combined flash to Jquery used the get url..

1. On Flash
AS2

stop();
getURL("javascript:applebyte();");

AS3

stop();
import flash.external.ExternalInterface;
ExternalInterface.call("applebyte");

2. On CSS

.applenav {
display:none;
margin-top:0;
}

2. On Jquery

function applebyte()
{
$('.applenav').fadeTo('slow', 0.1, function() {
$(".applenav").animate({"margin-top": "215px"}, 1000).fadeTo('slow', 1);
// Animation complete.
});
}
$(document).ready(function() {
});

Applebyte Preloader AS3

1. Create your movieclip and textfield. For this recipe, you’ll need a simple rectangle, and a dynamic textfield

b. lpc (Dynamic Txt) – make sure this is embed to character range
c. loadBar (desire length)

import flash.display.*;
this.stop();

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, appleLoader);

function appleLoader(event:ProgressEvent):void {
var pcent:Number=event.bytesLoaded/event.bytesTotal*100;
lbar.scaleX=pcent/100;
lpc.text=int(pcent)+”%”;
if(pcent==100){
this.gotoAndStop(2);
}
}

Apple Flash AS2 Preloader

How to make simple preloader?

Preloader are the simplest to design but hardest in script. There are so many different ways to build a preloader in Flash and each variation has it’s advantage and specialist use. This is the most simple of all.

1. Create a movie clip with instance name preloader with the ff:
a. Loading (static)
b. Percent (Dynamic) – make sure this is embed to character range
c. Bar (tween to desire length)

2. Select the movie clip the copy this code

onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
perc1 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}

More on Senocular

Apple AS2 XML Slideshow

Some few tricks on simple flash xml slideshow on Action Script 2.

1. The Slideshow


function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
desc_txt2.text = description2[0];
btnLinks(0);
slideshow();
}
}

function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
desc_txt2.text = description2[p];
btnLinks(p);
slideshow();
}
}
}

function prevImage() {
if (p>0) {
p–;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
desc_txt2.text = description2[0];
btnLinks(p);
slideshow();
}
}

function slideshow() {
if (stopit) {
myInterval = setInterval(pause_slideshow, delay);
} else {
clearInterval(myInterval);
}

function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}

function pause_slideshow() {
stopit = false;
clearInterval(myInterval);
}

function btnLinks(p) {
btnlink.onRelease = function() {
getURL(link[p]);
trace(link[p]);
}
}

2. The Load XML

function loadXML(loaded) {
if (loaded) {
trace("file loaded!");
xmlNode = this.firstChild;
total = xmlNode.childNodes.length;
for (i=0; i
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
description2[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
link[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;
}
firstImage();
} else {
trace("file not loaded!");
}
}

var stopit = true;
var myInterval;
var delay = 5000;
var p = 0;
var total;
var image = new Array();
var description = new Array();
var description2 = new Array();
var link = new Array();

var xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“sample.xml”);

3. The Retrival

this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 4;
}
}
};

Source :
FLA File
XML Sample
AS2

Version2:
FLA File
XML Sample

Learn Basic Flash From Apple

Yeah! Applebyte is now conducting a free Flash 101 Tutorial at NCF, from May 15 to June 5, 2010. Four Saturday(s) at 1pm, I will be teaching basic of Flash which includes Basic Tweening, Effects, Video and Sound, PSD to Flash and more…

First day of class was yesterday and it was amazing. We have tackled the Flash Basic Tweening and I really enjoyed the session. To those who want to join us… you must attend the Flash Basic Tweening  (pre-requisite of the succeeding lessons) this coming Saturday May 22, 2010 at NCF Zabarte Ave, Novaliches, Quezon City.

You can also download the Flash for Beginner here.

Jonel Rubio is also conducting Adobe Photoshop for Beginners… Lets bring back to God his given talent. Horay!

Photoshop and Flash, Apple Real Hero

After visiting the YODA (Our Project Management System), accepting the task and some hi/hello on my project managers, my next agenda, visit my favorite designer and flash websites.

Designer Website

1. PS HERO – The author name is Hero, yes he is my real photoshop hero. I really appreciate and in love with his tutorials, freebies and design style. He is true inspiration in web design industry. This are some of my favorite, namely Volkwagen Menu, Old Wax Seal and Text in Stitches

2. Abduzeedo – created and developed by Fabio Sasso, a Brazilian designer living in Porto Alegre. With his others co-author, the tutorials, interviews and featured showcase collections are awesome. Be inspired and learned from this gifted designers.

3. Tutorial9 – a very impressive tutorials from David Leggett and his team. Tutorial9 focused on branding, faq and designer know-hows. Some of the authors have been teaching online and quite successful graphic design industry.

4. PSDTuts – the Photoshop enthusiast website, their tutorials was produce great graphics and effects, it was explain in a friendly, approachable manner. Their photoshop tutorials are really amazing but sadly you must pay the membership and registered on get access on wonderful tutorials.

5. SmashingMagazine – maintained by Vitaly Friedman and Sven Lennartz. Their objective is to give latest trends and techniques in Web development and Web Design. SmashingMagazine showcase some of best template, icons, web resources and more.

The Flash Website

1. flashthusiast.com – Get update and be guided on blog specializes in the new motion model of Flash CS4, and is brought to you by team tween of and Flash at Adobe.

2. The FWA – showcase best and highly acclaim Website. Usually flash and motion Graphics website.

3. Sephiroth – Great flash, FLEX and php driven tutorials.

4. Liquidjourney – Download and be inspired on very impressive gravity, bounce and particles flash FLA files.

The New UMapper

UMapper is a universal mapping platform that makes it a snap to create engaging maps. Microsoft Virtual Earth, Google Maps, and OpenStreet are all supported.

You can now easily create interactive flash maps, display this map to your WordPress, Facebook, Myspace, I Google and more. You can even add UMapper to Your WordPress Blog by installing the UMapper WordPress Plugin.

Also export data to Flash ActionScript 3.0 or KML, yes… its allow syndication of map data using KML . The UMapper WordPress Plugins Provides “save” and “edit” functionality. Provides collaboration tools, map wiki, and social networking features (comments, ratings, etc.) and even add the map to widgets.

Your Guide on the New Flash CS4

Im still using Flash 8 and Im not so familiar on Flash CS3, we are now looking forward on FLASH CS4. This version of flash is the ultimate, much awaited version. This version of the Flash IDE, Flash 10 “diesel”, brand-new a time beam co-ordination – model. Yes modelling like 3d software!

Thank God, this version has 64-bit support, the New ‘object-based’ tween model claimed to be much easier to use, efficient, subtle and very impressive result. You can directly manipulate objects on the Stage without needing to always think about keyframes.

The new tween model tweens a single object on a span. This affords many new possibilities, like swapping out the instances, move the tween around the Timeline easily, apply the tween to multiple objects, saved as a Preset, scale the tween longer or shorter so its slower or faster, and so on.

IK (Inverse Kinematics) Tweens or The Bone Tool

Taking a cue from 3D Animation programs’ character rigging and the After Effect’s Puppet Tool, the new Bones Tool will aid users to create chain-like effects with a series of linked objects or to quickly distort single objects. Assign joints like a human skeleton or pivots and hinges akin to machinery to breathe life into your artwork. Using inverse kinematics, linked items move relative to one another employing natural physics. Adding a further element of interactivity is the Runtime option, which enables users to control and interact with the Bones rigged objects while the content plays in Adobe Flash Player.

Are you excited now? For reference and details about CS4, this are the expert links :

Flashthusiast – This blog specializes in the new motion model of Flash CS4, and is brought to you by team tween of Flash at Adobe. The blog will includes tips, techniques, and info on tweening in Flash using the Timeline and Motion Editor (as well as some stuff about motion runtime with code).

Go and Learn Tutorial Video of CS4 – amazing video FAQ of all recent features of CS4

In case you haven’t heard the news, the Flash CS4 Professional documentation is live on the Adobe website.This is other Search Google Result of Flash CS4 Documentation.

Programming ActionScript 3.0:
http://help.adobe.com/en_US/ActionScript/3.0_ProgrammingAS3/

Using Adobe ActionScript 3.0 Components:
http://help.adobe.com/en_US/ActionScript/3.0_UsingComponentsAS3/

ActionScript 3.0 Language and Components Reference:
http://help.adobe.com/en_US/AS3LCR/Flash_10.0/index.html

Learning ActionScript 2.0 in Adobe Flash CS4 Professional:
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/Part1_Learning_AS2_1.html

ActionScript 2.0 Language Reference:
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/Part2_AS2_LangRef_1.html

Using ActionScript 2.0 Components:
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/Part3_Using_V2_Componen…

ActionScript 2.0 Components Language Reference:
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/Part4_AS2_Components_La…
l

Adobe AIR 1.1 Quick Starts for Adobe Flash CS4 Professional:
http://www.adobe.com/devnet/air/flash/quickstart/

Developing Adobe AIR 1.1 Applications with Adobe Flash CS4 Professional:
http://help.adobe.com/en_US/AIR/1.1/devappsflash/

Developing Adobe Flash Lite 2.x and 3.x Applications:
http://help.adobe.com/en_US/FlashLite/2.0_FlashLiteDevGuide2/index.html

Adobe Flash Lite 2.x and 3.x ActionScript Language Reference:
http://help.adobe.com/en_US/FlashLite/2.0_FlashLiteAPIReference2/inde…

Developing Adobe Flash Lite 1.x Applications:
http://help.adobe.com/en_US/FlashLite/1.0_FlashLiteDevGuide1/index.html

Adobe Flash Lite 1.x ActionScript Language Reference:
http://help.adobe.com/en_US/FlashLite/1.0_FlashLiteAPIReference1/inde…

Extending Adobe Flash CS4 Professional:
http://help.adobe.com/en_US/Flash/10.0_ExtendingFlash/index.html

Yahoo… At last we made it!

Welcome to the new face of Applebyte.Org! I fixed and now this site working on IE7 and IE6, best view on FIREFOX version 2 and 3.

The flash xml parsing is working but need to fix the Close button. New approach on the Flash Intro on progress. PARDON OUR DUST WHILE WE RENOVATE!

Designing this website takes time and its include personal artwork, graphics, page layout, Flash animation and lots of Doodling. I spent 2 months to make it possible. Muchas, thanks for your Design Inputs and generous sharing of your knowledges.

Gerry… As always… You are the inspiration and my true backend hero!

Still we need more time on improvement… Please be patience if you encounter some rough time on accessing other pages.

And More Flash Map…

I love doing Flash Map!

At work since we are building website for Realtors, flash map is common ingredients on this website. I have created different kinds of Flash Map…

1. Clickable and zooming map >> http://www.cfldg.com/
2. Regional, pop up flash >> http://clients.thedesignpeople.com/agent_image/carbutti.com/stage/flashmap/map.html
3. Flash map on mouse movement detection >> http://www.cfldg.com/
4. XML Driven Flash >> http://wetaginternational.com/
5. Flash Map with FLV Video >> http://www.villasttropez.com/en/index.php

All this map are work in hard labored and love for flash! I considered them as work of art. For great tutorial on basic interactive map you can visit Lukamaras or Kirupa.com.