HTML 5 - EaselJs : Like flash Syntax (animation)

var stage;
var logo;
var myText;

   init();



function init(){

 stage = new Stage(document.getElementById("container"));
     
 logo = new Bitmap("http://jsrun.it/assets/3/6/8/m/368mt.png");
 
 logo.shadow = new Shadow("#4d4d4d", 2, 2, 2);
 
 myText = new Text('Happy new year 2012', 'Bold 18px Arial', '#000');
 myText.x = 0;
 myText.y = 0;
 
 stage.addChild(myText);
 
 Tween.get(myText).to({x:150},6000);
 Tween.get(myText).to({y:250},6000);
 
 
 myText.scaleX = 1.2;
 myText.scaleY = 1.2;

 stage.addChild(logo);

 var g = new Graphics();
 g.beginFill("#d2e9ff");
 g.drawCircle(0,0,3);
 //dd
 Ticker.setFPS(80);
 Ticker.addListener(window);
}
function tick(){
 myText.rotation  += 1;
 var temp = logo.clone();
 stage.addChild(temp);
 logo.rotation +=5;
 logo.x +=(stage.mouseX - logo.x) *0.1;
 logo.y +=(stage.mouseY - logo.y) *0.1;
        setTimeout(function(){stage.removeChild(temp);},700);
 stage.update();

 }





    

SetRGB untuk merubah warna movie clip

Bila kita ingin merubah warna pada sebuah movie clip tentulah sangat mudah, tinggal klik movie clip kemudian pada movie clip propertyes dipilih tint lalu pilih warna yang di inginkan. Tapi jika kita ingin merubahnya secara action script misalnya untuk aplikasi mewarnai gambar, bagaimana caranya?
Sebelum kita bicarakan lebih lanjut perlu diketahui adalah warna yang diubah adalah warna dari movie

Click and Drag dalam Action Script Flash

Kali ini saya akan share cara membuat aplikasi dengan perintah click and drag pada animasi interaktif flash. Apa itu Click and drag? Pasti anda sudah mengerti sebuah proses perintah dengan cara melakukan klik mause lalu digerakkan (ditarik) pada posisi yang kita kehendaki kemudian kliknya kita lepas. Ada dua langkah penting dalam pemrograman untuk membuat click and drag yaitu saat di click bisa

Array : Belajar Action Script Flash Dasar #7

Array adalah kumpulan data terstruktur yang memiliki type data yang sama. Data dalam array dapat kita olah untuk berbagai keperluan. Data Array ini hanya tersimpan pada komputer saat program dijalankan. Selain terdapat array setiap data pada array memiliki index yang khusus untuk mengidentifikasikan setiap data. Dengan demikian array kita dapat membuat kumpulan data dan mengolah serta

Text Field : Belajar Action Script Flash Dasar #6

Text Field adalah sesuatu yang penting pada bahasa pemrograman, begitu pula pada flash. Text field dalam flash dapat dimanfaatkan menjadi tiga hal, yaitu teks untuk tampilan, tek untuk input dan teks untuk keluaran. Pada postingan kali ini akan dibahas berbagai bentuk text field dan contoh pemanfaatan dalam suatu program. Untuk masalah text field ini tidak ada perbedaan antara flash dan flash

gotoAndPlay : Belajar Action Script Flash Dasar #5

Goto adalah perintah yang banyak terdapat pada berbagai bahasa pemrograman. Tak terkecuali pada Action Script Flash. Bahkan pada AS Flash goto ada berbagai macam. Pada pokoknya ada 2 macam goto yang dibedakan karena proses melompatnya yaitu :
gotoAndPlay perintah ini digunakan untuk melompat ke suatu tempat dan langsung berjalan ke frame berikutnya atau animasi tetap berjalan tanpa berhenti.

Emulasi Array pada Flashlite 1,1

Array memiliki banyak manfaat dalam pemrograman, dengan array kita dapat menyimpan sementara data yang kemudian dapat kita olah dengan mudah. Salah satu manfaat array adalah membuat quis untuk menampilkan soal yang acak. Sayang sekali dalam flash lite tidak mengenal array. Berarti kita tidak bisa membuat soal quis acak ya? Tunggu dulu, jangan berkecil hati, kita bisa membuat emulasinya. Maksudnya

Membuat Quis dgn Flash atau Flash Lite

Postingan ini akan membahas tentang quis sederhana, ya ... kita akan membuat quis. Kali ini saya tidak memisahkan pembuatan quis versi Flash dan quis versi flash lite. Kedua versi ini memiliki konsep dasar yang sama, hanya ada sedikit perbedaan mengenai action scriptnya.
Isi Tampilan Soal
Konsepnya adalah memanfaatkan keyframe pada masing masing frame untuk mengisi tampilan soalnya. Jadi 1 soal

Jam Analog Flash Lite untuk screen saver HP

Bila anda sudah membaca postingan saya tentang membuat jam analog yang full Action Script, mungkin sebaiknya anda mengobati rasa penasaran bila ingin membuat versi Handphone atau flash lite. Versi Flash Lite ini dapat anda gunakan sebagai wallpaper atau screen saver pada handphone anda. Dalam membuat aplikasi ini anda tinggal membuat state yang sesuai layar anda (lihat postingan ini bila belum

Full Action Script untuk jam analog

Anda mencari action script untuk membuat jam analog? Postingan kali ini saya akan sharing action script untuk membuat jam analog. Kenapa full? Karena tanpa mengambar sama sekali. Jadi anda tinggal buat data baru di Flash dengan ukuran stage 240 x 240, kemudian pasangkan script dibawah ke frame 1 dan sim salabim ctrl-enter muncul jam analognya. Bila gambar yang tampil tidak memenuhi hasrat anda,

Membuat aplikasi HP dgn Flash Lite #5

Anda mungkin sudah membaca postingan sebelumnya, yaitu membuat perintah ke dalam movie clip atau keluar muvie clip. Tetapi pada portingan tersebut dibahas dalam pemanfaatannya di flash bagaimana dengan flash lite?
Konsep pemanfaatannya dalam masalah ini tidak memiliki perbedaan. Memang di segala pemanfaatan script, flash dan flash lite tidak ada perbedaan konsep, yang membedakan keduanya adalah

_parent dan _root : Belajar Action Script Flash Dasar #4

Pada postingan kali ini saya akan sharing cara membuat perintah dari root ke dalam movie clip atau sebaliknya. Dalam flash, semua perintah atau script digunakan untuk properties object yang ada di root. Demikian pula dengan besaran atau variabel ada pada root dan berdeda atau tidak berhubungan dengan segala hal yang ada di dalam movie clip. Tidak bisa dihubungkan dengan cara biasa tetapi harus

Membuat aplikasi HP dgn Flash Lite #4

Pada postingan ini saya akan sharing tentang pemanfaatan tombol numerik untuk kontrol. Jika anda tidak paham maksud numerickey silahkan baca postingan ini. Bila anda baru saja mencoba Adobe Flash Lite sebaiknya anda baca dulu postingan pertama dulu. Untuk mempelajari postingan ini sebaiknya ada memahami dasar Action script, untuk mempelajarinya silahkan baca postingan berikut ini. Selain itu anda

Membuat aplikasi HP dgn Flash Lite #3

Pada postingan ini saya akan memaparkan pemanfaatan tombol softkey. Jika anda tidak paham maksud softkey silahkan baca postingan ini. Ini adalah postingan ke tiga untuk Flash lite, silahkan baca dulu yang pertama dan yang kedua. Untuk mempelajari postingan ini sebaiknya ada memahami dasar Action script, untuk mempelajarinya silahkan baca postingan berikut ini. Selain itu anda harus memahami cara

Membuat aplikasi HP dgn Flash Lite #2

Tutorial flashlite ini melanjutkan tutorial sebelumnya yang mengawali tutorial cara membuat aplikasi handphone mengunakan flash lite. Untuk mempelajari tutorial ini, selain anda harus membaca tutorial sebelumnya anda juga harus bisa mengunakan flash dan mengunakan action script dasar. Bila anda merasa belum yakin dengan kemampuan anda sebaiknya anda membaca postingan saya yang lain. Untuk flash

Membuat aplikasi HP dgn Flash Lite #1

Tutorial ini untuk memenuhi hasrat anda yang ingin membuat "application mobile" atau aplikasi yang dijalankan di perangkat Handphone. Untuk membuat aplikasi handphone ini ada banyak cara, dan yang paling populer saat ini adalah mengunakan java, tetapi mengunakan bila anda sudah mahir mengunakan flash tentu akan lebih mudah mengunakan flash lite. Bila anda belum bisa mengunakan Flash silahkan

(as3) dupliquer arriere plan - duplicate background

import flash.display.MovieClip;
import flash.display.Bitmap;
import flash.display.Loader;
import flash.display.BitmapData;

var img_ld:Loader = new Loader;
img_ld.contentLoaderInfo.addEventListener(Event.COMPLETE,imgComplete);
img_ld.load(new URLRequest("image.png"));

function imgComplete(e:Event):void{
var bmp:BitmapData = new BitmapData(e.target.content.width,e.target.content.height,true,0xFFFFFF);
bmp.draw(e.target.content);
var spr:MovieClip = new MovieClip;
var matrix = new flash.geom.Matrix();
matrix.rotate(Math.PI/4);
spr.graphics.beginBitmapFill(bmp,matrix,true,true);
spr.graphics.drawRect(0,0,stage.stageWidth,stage.stageHeight);
spr.graphics.endFill();
addChild(spr);
}