Pemrograman
Now Reading
Cara Membuat Gradasi Warna di Netbeans GrafKom Part 3
Inovasi Baru
1

Cara Membuat Gradasi Warna di Netbeans GrafKom Part 3 – Halo teman-teman sekalian. Disini kita akan melanjutkan pelajaran grafika komputer kita part 3, yaitu Membuat Gradasi Warna. Jika pada pembelajaran sebelumnya kita sudah bisa membuat sebuah objek, seperti bintang, kotak, lingkaran, dan lain sebagainnya. Sekarang kita akan coba untuk mewarnainya dengan gradasi warna. Di dalam aplikasi Netbeans, kita bisa membuat suatu objek sesuka kita maupun mewarnainya. Kita dapat mencampurkan beragam jenis warna (RGB) dalam suatu objek yang akan kita buat. Nah, penasarankan bagaimana Cara Membuat Gradasi Warna ini? Jangan kemana-mana ya guys tetap lanjutin baca artikelnya 😀

Cara Membuat Gradasi Warna di Netbeans GrafKom Part 3

Gradasi Warna

Contoh Gradasi Warna (RGB)

Cara Membuat Gradasi Warna di Netbeans GrafKom Part 3

Contoh Hasil Gradasi Warna di dalam Netbeans

Disini saya akan menunjukkan bagaimana kita membuat suatu gradasi warna, tapi sebelumnya kita memerlukan suatu objek untuk diwarnai. Pada contoh kali ini, saya akan menggambil objek persegi sebagai contoh objek yang akan diwarna. Sistem warna yang digunakan adalah sistem RGB, yaitu warna yang terdiri dari 3 komponen. Ketika intensitas setiap komponen sama (red == green == blue), maka yang dihasilkan adalah warna abu-abu. Hitam adalah (0,0,0), dan putih adalah (255,255,255), jadi total ada 256 macam gradasi abu-abu. Jika diketahui lebar persegi adalah width, dan ada 256 warna, maka supaya “adil”, setiap garis memiliki perbedaan warna sebanyak 256/width. Namun karena intensitas warna pada komputer adalah bilangan bulat, perlu dibulatkan ke integer terdekat. Berikut adalah contoh koding yang dapat kalian coba di projek aplikasi Netbeans kalian :

Contoh koding ini dapat kalian masukkan di dalam class MyPanel yang sebelumnya telah kita buat pada artikel kemarin.

import javax.swing.JPanel;
import java.awt.Graphics; // Object yang menyediakan berbagai method untuk menggambar Object 
import java.awt.Color;
import java.awt.Font;

public class MyPanel extends JPanel{
    @Override
    public void paintComponent(Graphics g){
        super.paintComponent(g);
        gradientBox(g, 100, 100, 200, 150,new Color(200,50,150),new Color(0,255,150));
        // new Color = kalian bisa tentukan warna apa yang ingin kalian gradasikan
    }

    public void gradientBox(Graphics g , int x, int y , int width, int height, Color start, Color end){
        double stepR = (end.getRed()-start.getRed())/width;
        double dcR = 0;
        double stepG = (end.getGreen()-start.getGreen())/width;
        double dcG = 0;
        double stepB = (end.getBlue()-start.getBlue())/width;
        double dcB = 0;
        
        int icR, icG, icB;
        System.out.println(stepR);
        System.out.println(stepG);
        System.out.println(stepB);
     
        // Contoh lain yang dapat kalian coba
//         for (int i = 0; i < width; i++) {
//            icR = (int) Math.round(dcR);
//            icG = (int) Math.round(dcG);
//            icB = (int) Math.round(dcB);
//            //g.setColor(new Color(255-i,255-i,255-i)); 
//            g.setColor(new Color(start.getRed()+icR ,start.getGreen()+icG, start.getBlue()+icB)); // degradasi warna max lebar 255 
//            g.drawLine(x+i, y, x+i, y+height);
//            dcR = dcR + stepR; 
//            dcG = dcG+ stepG;
//            dcB = dcB + stepB;
//           }
         
         for (int i = 0; i < width; i++) {
            icR = (int) Math.round(dcR);
            icG = (int) Math.round(dcG);
            icB = (int) Math.round(dcB);
            //g.setColor(new Color(255-i,255-i,255-i)); 
            g.setColor(new Color(start.getRed()+icR ,start.getGreen()+icG, start.getBlue()+icB)); // degradasi warna max lebar 255 
            
            g.drawLine(x+i, y, x+i, y+height);
            dcR = dcR + stepR; 
            dcG = dcG+ stepG;
            dcB = dcB + stepB;
        }
    }
}

Nah, itu adalah contoh koding yang dapat kalian pelajari di rumah. Ini adalah dasar-dasar dalam pembuatan gradasi di dalam suatu aplikasi. Jika kita telah memahaminya dengan benar, kita akan mengerti bagaimana algoritma yang terjadi pada saat kita membuat gradasi warna di dalam suatu objek. Untuk memperjelas pelajaran ini, nantikan juga video tutorial yang akan kita buat nantinya. Kalian bisa cek di channel kami Youtube.

Itu adalah Cara Membuat Gradasi Warna di Netbeans GrafKom Part 3. Part 3 ini merupakan artikel pembelajaran lanjutan dari artikel sebelumnya yaitu part 2. Jika kalian masih belum memahaminya kalian dapat melihat kembali artikel tersebut atau dapat menuliskannya di form komentar dibawah ini. Sekian dari saya, salam IT ^_^

Baca juga : Cara Menggambar Kotak dan Bintang Grafkom Part 2

What's your reaction?
Luar Biasa
0%
Suka Sekali
100%
Keren
0%
Kagum
0%
Jelek
0%
Tidak Suka
0%
About The Author
GreenIT
1 Comments

Leave a Response