Cara membuat Tag Cloud

Cara membuat Tag Cloud Label
1.Klik Kostumisasi >>> Edit HTML.vabgjrd39m
2.Copy kode dibawah ini.
<b:widget id="Label99" locked="false" title="Labels" type="Label"><b:includable id="main"><b:if cond="data:title"><h2><data:title/></b:if><div class="widget-content"><script src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js" type="text/javascript" /><div id="flashcontent">Blogumulus by <a href="http://www.roytanck.com/">Roy Tanck</a> and <a href="http://www.bloggerbuster.com">Amanda Fazani</a></div><script type="text/javascript">var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");// uncomment next line to enable transparency//so.addParam("wmode", "transparent");so.addVariable("tcolor", "0x333333");<br />so.addVariable("mode", "tags");so.addVariable("distr", "true");so.addVariable("tspeed", "100");so.addVariable("tagcloud", "<tags><b:loop values="data:labels" var="label"><a href="data:label.url" style="12"><data:label.name/></a></b:loop></tags>");so.addParam("allowScriptAccess", "always");so.write("flashcontent");</script><b:include name="quickedit"/></div></b:includable></b:widget>
3.Paste dibawah kode ini.
<b:section class="sidebar" id="sidebar" preferred="yes">
4.Keterangan :
- Untuk membuat Background menjadi Transparent: Cari "so.addParam("wmode", "transparent")", hapus "// uncomment next line to enable transparency//" yang ada didepannya.
- Untuk mengubah warna text: cari "("tcolor", "0x333333")".
- Untuk mengubah speed: cari "("tspeed", "100")".
- Untuk mengubah ukuran huruf: cari style="12".
- Untuk mengubah ukuran window: cari "tagcloud", "240", "300".
Selamat Mencoba....!!!

Membuat 3D Boxes dengan ActionScript 3

1.Buat sebuah new Flash ActionScript 3 (500x300).
2.Gambar sebuah kotak 37x37 dengan border 3px.
3.Convert kotak tersebut ke movie clip. Beri nama kotak, registration pointnya di tengah.
4.Kemudian linkage kotak tersebut ke class name "MyBox".
5.Kemudian hapus kotak tersebut dari stage.
6.Kita perlu membuat sebuah ActionScript file. Jadi, buatlah sebuah new ActionScript file dan masukan kode dibawah ini.
------------------------------------------------------------------------------------
package {
import flash.display.MovieClip;

public class MyBox extends MovieClip {

public var xpos3D:Number = 0;
public var ypos3D:Number = 0;
public var zpos3D:Number = 0;

public var currentAngle:Number = 0;

public function MyBox() {

}
}
}
----------------------------------------------------------------------------------
7.Simpan flie tersebut dan namai "MyBox.as". Simpan bersama dengan file .fla nya.
8.Sekarang balik ke main movie. Kemudian pilih frame dan masukin kode dibawah ini.
----------------------------------------------------------------------------------
const MAXIMUM_Z:Number = 450;

const NUMBER_OF_BOXES:Number = 14;

var boxes:Array = new Array();

var focalLength:Number = 300;

var vanishingPointX:Number = stage.stageWidth / 2;
var vanishingPointY:Number = 20;

var floor:Number = 80;

var startingDepth:Number = MAXIMUM_Z;

var zDistance:Number = 50;

for (var i=0; i < NUMBER_OF_BOXES; i++) {

var box:MyBox = new MyBox();

box.xpos3D = 0;

box.ypos3D = floor;

box.zpos3D = startingDepth;

startingDepth -= zDistance;

var scaleRatio = focalLength/(focalLength + box.zpos3D);

box.scaleX=box.scaleY=scaleRatio;

box.x=vanishingPointX+box.xpos3D*scaleRatio;
box.y=vanishingPointY+box.ypos3D*scaleRatio;

boxes.push(box);

addChild(box);
}
addEventListener(Event.ENTER_FRAME, enterFrameHandler);

function enterFrameHandler(e:Event):void {

for (var i=0; i < NUMBER_OF_BOXES; i++) {

var box:MyBox = (MyBox)(boxes[i]);

box.zpos3D-=5;

if (box.zpos3D<=- focalLength) {

box.zpos3D=boxes[0].zpos3D+zDistance;
}


var scaleRatio = focalLength/(focalLength + box.zpos3D);

box.scaleX=box.scaleY=scaleRatio;

box.alpha=scaleRatio-0.5;

box.x=vanishingPointX+box.xpos3D*scaleRatio;
box.y=vanishingPointY+box.ypos3D*scaleRatio;
}

sortZ();
}

function sortZ():void {

boxes.sortOn("zpos3D", Array.NUMERIC | Array.DESCENDING);

for (var i:uint = 0; i < NUMBER_OF_BOXES; i++) {
setChildIndex(boxes[i], i);
}
}
----------------------------------------------------------------------------------
9. Selamat Mencoba..!!! (tekan ctrl+enter)

Menggunakan Path di Tween

Belajar membuat animasi dasar dengan menggunakan Path di Tween.
Contoh membuat sebuah bola berputar melingkar:
1.Gambar sebuah bola dengan mengunakan oval tool.
2.Pilih gambar tersebut kemudian convert ke movie clip (tekan F8).
3.Buatlah sebuah layer motion guide yang baru (klik kanan pada layer, pilih Add Clasic Motion Guide).



4.Pada layer motion guide, gambar sebuah lingkaran dengan menggunakan oval tool (jangan menggunakan fill color).
5.Pada atas lingkaran tersebut, hapuslah sebagian kecil dari lingkaran tersebut.



6.Pindahkan bola ke ujung kiri lingkaran tersebut (bola dipindahkan dengan cara mengklik bagian tengah bola yang terdapat lingkaran kecil). Klik pada snap to object yang terdapat pada tool.



7.Pada layer motion guide, klik frame 50 pada timeline kemudian klik kanan dan pilih insert frame.
8.Pada layer 1, klik frame 50 pada timeline kemudian klik kanan dan pilih insert keyframe.
9.Pada layer 1, klik pada frame 50. Kemudian pindahkan bola ke ujung lingkaran sebelah kanan.



10.Pada layer 1, klik pada frame 1. Kemudian klik kanan dan pilih create classic tween



11.Tekan Ctrl + Enter untuk melihat hasilnya.

(Silahkan install Flash Player terbaru)

Selamat mencoba...!!!

Flash Tweening

Belajar membuat animasi dasar dengan menggunakan Flash Tweening.

Salah satu contoh bagaimana kita membuat suatu kotak berpindah dari kiri ke kanan. Langkah-langkahnya sebagai berikut (menggunakan Adobe Flash CS4):

1.Buatlah sebuah stage dengan ukuran 400x100 dengan frame rate 10 fps, kemudian gambar sebuah kotak ukuran 100x100 dengan menggunakan rectangle tool.
2.Convert kotak tersebut ke movie clip (klik kotak tersebut kemudian tekan F8/klik kanan pada kotak tersebut kemudian pilih convert to symbol) dan pindahkan kotak tersebut kesebelah kiri.
3.Pilih frame 5 pada timeline kemudian klik kanan, pilih Insert Keyframe dan pindahkan kotak tersebut kesebelah kanan.
4.Klik kanan pada frame 5 dan pilih Create Motion Tween.
5.Untuk melihat hasilnya tekan Ctrl + Enter atau pilih tab Control dan pilih Test Movie.

6.Untuk membuat kotak diatas berpindah ke kanan stage, pilih frame 30 kemudian klik kanan dan pilih insert frame.
7.Pindahkan kotak tersebut ke kanan stage.
8.Tekan Ctrl + Enter untuk melihat hasilnya.


Selamat mencoba...!!!