You are on page 1of 3

MEMBUAT GRAFIK FUNGSI KUADRAT DENGAN FLASH

Pada tutorial ini akan dibahas tentang pembuatan grafik fungsi kuadrat. Fungsi kuadrat memiliki bentuk
f(x)=ax2 + bx + c, dengan a, b, c, merupakan bilangan real dan a tidak sama dengan nol. Akan dibuat media
interaktif untuk membuat grafik fungsi kuadrat, dengan nilai a, b, dan c dapat dibuah.
1.

Buatlah dokumen baru dengan properti sebagai berikut:

2.

Ubah nama layer 1 menjadi background. Klik kanan stage, pilih grid, kemudian pilih edit grid. Ubah
properti grid menjadi seperti berikut, kemudian klik tombol OK.

3.

Klik kanan stage, pilih grid, kemudian pilih show grid.

4.

Buat sumbu X dan Y dengan membuat garis lurus. Buatlah garis vertikal, kemudian ubah propertinya
menjadi berikut:

Buat garis horisontal, kemudian ubah propertinya menjadi berikut:

5.

Kunci layer background, kemudian buat layer baru dan ubah nama menjadi label.

Membuat Grafik Fungsi Kuadrat

-1-

6.

Buatlah label untuk sumbu koordinat seperti berikut:

7.

Kunci layer label. Buat layer baru, ubah nama layer menjadi fungsi.

8.

Buatlah teks Y=Ax^2 + Bx + C dengan menggunakan text tool dengan properti sebagai berikut:

9.

Kemudian buat tiga input text, dan secara berturut-turut beri nama variabel dengan A, B dan C.

10. Pada layer fungsi, buat persegi panjang. Letakkan disamping teks, kemudian convert menjadi button.
Beri nama ok_btn. Berikut tampilan layer fungsi:
Membuat Grafik Fungsi Kuadrat

-2-

11. Klik kanan tombol OK, pilih actions. Kemudian masukkan script berikut:

12. Buat layer baru, kemudian ubah nama menjadi layer aksi.
13. Klik frame 1 pada layer aksi, kemudian tekan tombol F9. Ketikkan script berikut ini:
lukis = true;
//mengeset nilai awal
A = 1;
B = 0;
C = 0;
i = 0;
// titik pusat koordinat
center_x = 300;
center_y = 250;
fb = 10;
//jarak antar titik koordinat
onEnterFrame = function () {
if (lukis) {
with (_root) {
clear();
//fungsi membuat garis
a = Number(A);
b = Number(B);
c = Number(C);
koorx = (i-center_x)/fb;
y = a*Math.pow(koorx, 2)+b*koorx+c;
//
koory = center_y-y*fb;
//menentukan tipe garis (ketebalan, warna, transparansi)
lineStyle(2, 16711680, 100);
//fungsi yang membentuk persamaan garis
moveTo(i, koory);
for (i=1; i<=1000; i++) {
koorx = (i-center_x)/fb;
y = a*Math.pow(koorx, 2)+b*koorx+c;
koory = center_y-y*fb;
lineTo(i, koory);
}
lukis = false;
i = 0;
}}};
stop();
with (_root) {
clear();
}

Membuat Grafik Fungsi Kuadrat

-3-