Teks Mengelilingi Lingkaran

04
Jan

Written by admin

Sebelumnya kita sudah membuat sebuah teks yang mengelilingi setengah lingkaran. Kali ini kita akan membuat teks mengelilingi sebuah lingkaran penuh.

1. Buatlah sebuah flash document.

2. Buatlah sebuah lingkaran berwarna merah dengan hitam sebagai warna garisnya.

3. Seleksi lingkaran ini kemudian tekan F8. Pada panel yang muncul masukkan lingkaran sebagai name dan movie clip sebagai type lalu tekan ok.

4. Seleksi movie clip lingkaran di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan lingkaran sebagai instance name. Letakkan movie clip lingkaran ini di tengah-tengah stage.

5. Tekan Ctrl+L dan pada panel library yang muncul klik kanan warna putih yang berada di bawah movie clip lingkaran pada panel library kemudian pilih New Font.

6. Pada panel yang muncul, masukkan jenisHuruf sebagai name, Arial sebagai Font, berikan tanda contreng pada Bold lalu tekan ok.

7. Klik kanan jenisHuruf pada panel library kemudian pilih linkage. Pada panel yang muncul, berikan tanda contreng pada Exprot for ActionScript kemudian masukkan jenisHuruf sebagai identifier lalu tekan ok.

8. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

//membuat variable kalimat yang berisi kata kata yang akan melingkar
kalimat = "WARUNG FLASH  Tempat Sarapan Tutorial Flash  ";
//membuat sebuah movie clip kosong bernama huruf
this.createEmptyMovieClip("huruf", 0);
//posisi x movie clip huruf sama dengan posisi x movie clip lingkaran
huruf._x = lingkaran._x;
//posisi y movie clip huruf sama dengan posisi y movie clip lingkaran
huruf._y = lingkaran._y;
//membuat variable sudut
sudut = (2*Math.PI)/kalimat.length;
//membuat variable jarak dengan nilai -40
jarak = -40;
//membuat movie clip lingkaran menjadi tidak terlihat
lingkaran._alpha = 0;
//membuat variable format yang berisi format text
format = new TextFormat();
//font pada variable format sama dengan font symbol pada library dengan identifier jenisHuruf
format.font = "jenisHuruf";
//ubah ukuran huruf pada format menjadi 20
format.size = 20;
//ubah warna huruf pada variable format menjadi coklat
format.color = 0x333300;
for (i=0; i<kalimat.length; i++) {
	if (kalimat.charAt(i) != " ") {
		//membuat dan mengatur nilai variable posX dan posY
		posX = Math.round(Math.cos(i*sudut)*(lingkaran._width+jarak));
		posY = Math.round(Math.sin(i*sudut)*(lingkaran._height+jarak));
		//membuat sebuah text field dengan nama huruf
		huruf.createTextField("h"+i, i, posX, posY, 20, 20);
		//membuat variable _hrf berisi huruf['h'+i];
		_hrf = huruf['h'+i];
		//aktifkan autosize pada variable _hrf
		_hrf.autoSize = true;
		//mengatur arah rotasi variable _hrf
		_hrf._rotation = (i*sudut)*(180/Math.PI)+90;
		//kata yang ada di variable _hrf sama dengan kata yang ada di variable kalimat per huruf
		_hrf.text = kalimat.charAt(i);
		//jalankan TextFormat yang ada di variable format ke variable _hrf
		_hrf.setTextFormat(format);
		//variable _hrf tidak dapat diseleksi
		_hrf.selectable = false;
		//akitfkan embedFonts pada variable _hrf
		_hrf.embedFonts = true;
	}
}
//membuat kalimat yang melingkar berputar berlawanan arah jarum jam
huruf.onEnterFrame = function() {
	this._rotation -= 2;
};

9. Tekan Ctrl+Enter untuk melihat hasilnya.

Sourcenya dapat di download di sini

Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash

Posted in Flash - Menengah

15 Responses to “Teks Mengelilingi Lingkaran”

indra Says:
January 4th, 2010 at 12:44
ak seneng belajar flash . web ne sangat membantu sekali
admin Says:
January 4th, 2010 at 16:48
Terima kasih
Wahyu Sule Says:
January 6th, 2010 at 04:38
Wah,,,ternyata ada web tutorial flash yg dari Indonesia asli euy…! keren juga! Abdi teh seneng pisan ama ne Web, ditingkatkan yah!
admin Says:
January 6th, 2010 at 06:51
Oke, akan kami tingkatkan
Alim Mahdi Says:
January 7th, 2010 at 13:20
Great… sangat bermanfaat… salam dari New Flasher dari Bali.
admin Says:
January 7th, 2010 at 15:23
Salam juga dari kami
andrian Says:
January 8th, 2010 at 14:09
makasih broo tas ilumnya..
admin Says:
January 8th, 2010 at 16:22
Sama-sama bro
charlie Says:
February 25th, 2010 at 21:13
bos, bisa ga*.swf dipanggil dalam flas???klu bisa gmana caranya
admin Says:
March 1st, 2010 at 06:19
Coba pakai loadMovieNum : http://warungflash.com/2009/08/loadmovienum/
sato Says:
June 28th, 2010 at 14:20
q kemaren buat ni animasi tp kug animasi text mengelilingi linkarannya bisa masuk ke laen frame, bahkann laen scene y, pa emg bgt. mohon bantuannya.
donny Says:
August 6th, 2010 at 17:34
ini sangat bermanfaat…sy bangga ada web tutorial flash berbahasa indonesia,palagi cukup lengkap mengulasnya…

ada nggak tutorial bikin jigsaw puzzle??
jika blm ada mohon bantuanya untuk bikin skripsi,dmn kriteria objek nya saat mendekati target otomatis “snap”,jika objek bkn pd “spot”-nya maka objek tersebut kembali ke tempat semula…

terimakasih bantuanya…
admin Says:
August 9th, 2010 at 08:22
Untuk dasarnya anda dapat melihatnya di sini :
http://warungflash.com/2009/03/drag-drop-puzzle/
http://warungflash.com/2009/04/drag-drop-puzzle-2/
http://warungflash.com/2009/07/puzzle-slide/
enss Says:
August 12th, 2010 at 08:33
mas admin.. cara ganti warna fontnya gimana ya?
admin Says:
August 12th, 2010 at 09:13
Coba pake ini http://warungflash.com/2010/01/setrgb/

Warung Flash

Pages