Contoh project Pemrograman Grafik sederhana OpenGL menggunakan fungsi glLines

0 komentar
import java.util.logging.Level;
//import java.util.logging.Logger;
//import static komgraf01.KomGraf01.DISPLAY_HEIGHT;
//import static komgraf01.KomGraf01.DISPLAY_WIDTH;
import org.lwjgl.LWJGLException;
import org.lwjgl.input.Keyboard;
import org.lwjgl.input.Mouse;
import org.lwjgl.opengl.Display;
import org.lwjgl.opengl.DisplayMode;
import static org.lwjgl.opengl.GL11.*;
import static org.lwjgl.util.glu.GLU.gluOrtho2D;

public class Create_Line {
    public static int DISPLAY_WIDTH=800;
    public static int DISPLAY_HEIGHT=600;
       

    public void render() {
        glColor3f(1.0f, 0.0f, 1.0f);
        glLineWidth(5);
        glBegin(GL_LINES);
        glVertex2f(100, 100);
        glVertex2f(100, 350);
        glVertex2f(200, 100);
        glVertex2f(300, 350);
        glVertex2f(350, 225);
        glVertex2f(550, 225);
        glEnd();
        glFlush();
    }

    public static void main(String[] args) {
        Create_Line main = null;
        try {
            System.out.println("Keys:");
            System.out.println("esc - Exit");
            main = new Create_Line();
            main.create();
            main.run();
        } catch (Exception ex) {
            //   LOGGER.log(Level.SEVERE, ex.toString,ex);
        } finally {
            if (main != null) {
                main.destroy();
            }
        }
    }

    private void create() throws LWJGLException {
        Display.setDisplayMode(new DisplayMode(DISPLAY_WIDTH, DISPLAY_HEIGHT));
        Display.setFullscreen(false);
        Display.setTitle("Create Point");
        Display.create();
        //Keyboard
        Keyboard.create();
        //Mouse
        Mouse.setGrabbed(false);
        Mouse.create();
        //OpenGL
        initGL();
        resizeGL(); //To change body of generated methods, choose Tools | Templates.
    }

    private void run() {
        while (!Display.isCloseRequested() && !Keyboard.isKeyDown(Keyboard.KEY_ESCAPE)) {
            if (Display.isVisible()) {
                render();
            } else {
                if (Display.isDirty()) {
                    render();
                }
                try {
                    Thread.sleep(100);
                } catch (InterruptedException ex) {
                }
            }
            Display.update();
            Display.sync(60);
        }
    }
    private void destroy() {
        Mouse.destroy();
        Keyboard.destroy();
        Display.destroy();
    }
    private void initGL() {
        //2D Initialization
        glClearColor(0.0f, 0.0f, 0.0f, 0.0f);
        glDisable(GL_DEPTH_TEST);
        glDisable(GL_LIGHTING);
    }
    private void resizeGL() {
        //2D Scene
        glViewport(0, 0, DISPLAY_WIDTH, DISPLAY_HEIGHT);

        glMatrixMode(GL_PROJECTION);
        glLoadIdentity();
        gluOrtho2D(0.0f, DISPLAY_WIDTH, 0.0f, DISPLAY_HEIGHT);
        glPushMatrix();
        glMatrixMode(GL_MODELVIEW);
        glLoadIdentity();
        glPushMatrix();
    }
}



Tampilannya sbb:




Read More »

Contoh project Pemrograman Grafik sederhana OpenGL menggunakan fungsi glVertex

0 komentar
import java.util.logging.Level;
import java.util.logging.Logger;
//import static komgraf01.KomGraf01.DISPLAY_HEIGHT;
//import static komgraf01.KomGraf01.DISPLAY_WIDTH;
import org.lwjgl.LWJGLException;
import org.lwjgl.input.Keyboard;
import org.lwjgl.input.Mouse;
import org.lwjgl.opengl.Display;
import org.lwjgl.opengl.DisplayMode;
import static org.lwjgl.opengl.GL11.*;
import static org.lwjgl.util.glu.GLU.gluOrtho2D;

public class Create_Point {
   
    public static int DISPLAY_WIDTH=800;
    public static int DISPLAY_HEIGHT=600;
   
    public void render() {
        glClear(GL_COLOR_BUFFER_BIT);
        glLoadIdentity();
        glColor3f(0.0f, 1.0f, 0.0f);
        glPointSize(10);
        glBegin(GL_POINTS);
        glVertex2f(100, 100);
        glVertex2f(200, 100);
        glVertex2f(200, 300);
        glVertex2f(100, 300);
        glVertex2f(150, 375);
        glVertex2f(375, 375);
        glVertex2f(425, 300);
        glVertex2f(425, 100);
        glEnd();
    }

    public static void main(String[] args) {
        Create_Point main = null;
        try {
            System.out.println("Keys:");
            System.out.println("esc - Exit");
            main = new Create_Point();
            main.create();
            main.run();
        } catch (Exception ex) {
        //    LOGGER.log(Level.SEVERE, ex.toString(), ex);
        } finally {
            if (main != null) {
                main.destroy();
            }
        }
    }
    private void create() throws LWJGLException {
        Display.setDisplayMode(new DisplayMode(DISPLAY_WIDTH, DISPLAY_HEIGHT));
        Display.setFullscreen(false);
        Display.setTitle("Create Point");
        Display.create();
        //Keyboard
        Keyboard.create();
        //Mouse
        Mouse.setGrabbed(false);
        Mouse.create();
        //OpenGL
        initGL();
        resizeGL(); //To change body of generated methods, choose Tools | Templates.
    }

    private void run() {
        while (!Display.isCloseRequested() && !Keyboard.isKeyDown(Keyboard.KEY_ESCAPE)) {
            if (Display.isVisible()) {
                render();
            } else {
                if (Display.isDirty()) {
                    render();
                }
                try {
                    Thread.sleep(100);
                } catch (InterruptedException ex) {
                }
            }
            Display.update();
            Display.sync(60);
        }
    }
    private void destroy() {
        Mouse.destroy();
        Keyboard.destroy();
        Display.destroy();
    }
    private void initGL() {
        //2D Initialization
        glClearColor(0.0f, 0.0f, 0.0f, 0.0f);
        glDisable(GL_DEPTH_TEST);
        glDisable(GL_LIGHTING);
    }
    private void resizeGL() {
        //2D Scene
        glViewport(0, 0, DISPLAY_WIDTH, DISPLAY_HEIGHT);

        glMatrixMode(GL_PROJECTION);
        glLoadIdentity();
        gluOrtho2D(0.0f, DISPLAY_WIDTH, 0.0f, DISPLAY_HEIGHT);
        glPushMatrix();
        glMatrixMode(GL_MODELVIEW);
        glLoadIdentity();
        glPushMatrix();
    }
       
}


Tampilannya sebagai berikut:






Read More »

Membuat project baru untuk OpenGL di NetBeans

0 komentar
Membuat program baru untuk open GL
File
New Project – Java Application -next
Beri nama sesuai kehendak anda untuk project yang anda buat
























Pilih tab Libraries - add
Kemudian klick kanan di project kemudian pilih properties
























Kemudian
Klick kanan pada project- properties-run
























Kemudian copas file berikut (yang harus dilakukan setiap kali program Pemrograman Grafik/openGL) dibuat.

-Djava.library.path="Directory\lwjgl-2.9.1\native\windows"

Catatan:
Sesuaikan dengan letak folder, misalnya: -Djava.library.path="F:\LWJGL\lwjgl-2.9.1\native\windows"

Pada VM Options
kemudian Ok

Project baru siap digunakan.

Read More »

Menambahkan tools LWJGL di netbeans (Pemrograman Grafik)

0 komentar
Menambahkan tools LWJGL di Netbeans
caranya adalah sbb:

1. Pilih menu Tools

                                                        













2. Pilih Libraries, maka akan muncul tampilan sbb:

















3. Pilih menu New Library
    Berikan nama baru, Library Name dengan nama LWJGL

















4. Kemudian di OK, sorot folder yang sudah dibuat tadi (LWGJL)
    Pilih Add JAR_Folder, memilih letak  software library yang sudah di download


















5. Kemudian masuk di folder “lwjgl-2.9.1”, masuk “jar” pilih (jinput.jar + lwgjl.jar + lwjgl.util)

















6. Kemudian Add folder
    Maka akan muncul 3 file

















7. Kemudian pilih tab Saurces, kemudian pilih src

















8. Ada empat file di folder src yang didalamnya ada 4 buah folder, pilih generated dan java, seperti berikut:

















9. Kemudian klick Add Jar
    Maka akan tampil sbb:

















10. Kemudin pilih tap “javadoc”

















11. Kemudian Add ZIP/Folder

















12. Kemudian pilih lwjgl-docs-2.9.1.zip

















13. Kemudian Add ZIP
      Jika sudah semua Klick “OK”



      












Kurang lebih seperti itu. cara untuk setting LWGJL di Netbeans.
Terima Kasih. Semoga bermanfaat.


Read More »
0 komentar




Ini adalah artikel pertama dari seri Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK. mungkin jika ada kekurangan terhadap artikel yang ada, mohon untuk ditambahkan sebagai masukan. terima kasih .

Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK 

Intel XDK adalah sebuah software untuk pengembangan sebuah aplikasi berbasis web yang dapat digunakan untuk berbagai macam platform, seperti Android, iOS, Windows (Universal), bahkan hingga IoT (Internet of Things). Singkatnya, dengan menggunakan Intel XDK, kita dapat membuat sebuah aplikasi Android, iOS, Windows (Universal), dan IoT menggunakan bahasa pemrograman web, seperti HTML5, Javascript, dan beberapa bahasa pemrograman web lainnya.
Dengan menggunakan Intel XDK, kita tidak hanya dapat membuat sebuah aplikasi, Intel XDK juga sering digunakan untuk pengembangan game berbasis web. Jika anda membuat sebuah game menggunakan Construct 2, setelah di export menjadi HTML5, anda dapat mem-build nya menggunakan aplikasi Intel XDK ini.
Jika anda seorang web developer atau hanya mengerti bahasa pemrograman web, Intel XDK sangat cocok untuk digunakan untuk memulai belajar membangun aplikasi Android. Untuk pemula sekalipun yang belum terlalu mengerti bahasa pemrograman, Intel XDK dapat digunakan dengan sangat mudah.
Untuk menggunakan Intel XDK, hampir semua proses pengerjaan dapat dilakukan secara visual dan dengan drag n drop saja. Jika ingin memberikan fungsi tambahan yang lebih detail, anda juga bisa langsung menambahkannya pada halaman editor.
Untuk menggunakan Intel XDK, pastikan anda terhubung dengan koneksi internet yang stabil.

Download & Install Intel XDK

Untuk dapat menggunakan Intel XDK, anda dapat mendownload versi terbarunya secara gratis di https://software.intel.com/intel-xdk atau silahkan klik di sini. Pilihlah sesuai dengan sistem operasi yang anda gunakan. Dalam tutorial ini, menggunakan Intel XDK versi 3641.




belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 1.

Jika sudah terdownload, install saja seperti menginstall aplikasi desktop pada umumnya.

Tampilan Awal

Apabila telah terinstal, silahkan buka aplikasi Intel XDK anda. Jika belum memiliki akun, buatlah terlebih dahulu. Jika sudah, anda bisa langsung login menggunakan akun Intel Developer Zone anda.
di asumsikan anda sudah memiliki akun dan berhasil login pada Intel XDK, berikut adalah tampilan utama dari Intel XDK.



belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 2.

Bisa anda lihat, anda bisa menggunakan beberapa template atau sample yang tersedia untuk memulai belajar membuat aplikasi mobile berbasis web.
Untuk membuat project baru, klik Template pada bagian HTML5 Companion Hybrid Mobile or Web App, lalu klik Blank. Pilih HTML5 + Cordova dan beri tanda checklist pada Use App Designer. Klik Continue.
Beri nama project anda dengan nama HelloWorld. Lalu klik Create.



belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 3.

Tampilan Ruang Kerja

Jika project anda telah berhasil dibuat, anda akan masuk ke tampilan berikutnya. Tampilan berikut ini biasa saya sebut Workspace atau Ruang Kerja.
Terdapat beberapa menu yang dapat anda lihat, seperti Develop, Simulate, Test, Debug, Build, dan Publish.



belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 4.

Berikut penjelasan singkat mengenai menu-menu tersebut.

Develop

Ini adalah menu di mana anda dapat mengerjakan semua project anda mulai dari design hingga editing script. Pada sebelah kiri atas, terdapat sub-menu Code dan Design. Pada sub-menu Design, di sini anda dapat mengatur seluruh tampilan project kalian secara visual. Untuk menambahkan Text Box, Button, dan lain sebagainya, anda hanya perlu drag n drop komponen tersebut pada tab Controls.
Untuk menambahkan sebuah page, anda juga hanya perlu klik New Page pada tab Pages.
Sub-menu lainnya adalah Code. Pada sub-menu ini, anda bisa gunakan untuk mengedit project anda dengan menggunakan text editor yang ada di dalam Intel XDK.




belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 5.

Simulate

Menu ini digunakan untuk mensimulasikan project yang anda buat menggunakan beberapa emulator yang tersedia di Intel XDK.

Test

Menu ini digunakan untuk mensimulasikan project yang anda buat menggunakan perangkat yang anda memiliki. Anda juga harus menginstall aplikasi tambahan yang dapat di-download di Store anda agar dapat melakukan testing secara langsung.

Debug

Digunakan untuk melihat apakah project yang anda buat terdapat error atau bug.

Build

Menu ini digunakan untuk mem-build project yang telah dibuat menjadi sebuah aplikasi siap pakai untuk beberapa perangkat yang didukung oleh Intel XDK.

Publish

Digunakan untuk mem-publish hasil build yang telah dibuat ke dalam beberapa Store yang didukung oleh Intel XDK. Anda juga dapat mengisi deskripsi, icon, screenshot, category dan lain sebagainya pada menu ini, sehingga sudah siap untuk di publish ke dalam Store.

Membuat Aplikasi Sederhana

Sebelumnya, sudah menjelaskan cara membuat sebuah project yang diberi nama dengan HelloWorld, sekarang buka kembali menu Develop pada workspace anda dan pastikan aktif pada sub-menu Design.
Pada tab Controls > Common, drag n drop icon Text ke dalam page anda. Sehingga muncul tulisan “Lorem ipsum …“, anda hapus saja dan tuliskan dengan “Hello World”.



belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 6.

Jika sudah, klik menu Simulate, dan pilih platform dan perangkat yang digunakan untuk melihat dalam bentuk emulatornya. Dalam tutorial ini, saya memilih platform Android, dan perangkat Google Nexus 4. Lalu klik, Start Simulator.




belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 7.

Tunggu beberapa saat, dan jika berhasil tampilan workspace anda akan seperti gambar di bawah ini.



belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 8.

Sekarang anda sudah mengerti bagaimana cara menggunakan Intel XDK ini, mudah bukan?

Jadi, itulah tutorial Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK dasar. Semoga artikel ini bermanfaat. Terima kasih.
https://www.tutorialpemrograman.com

Read More »

Library pada C dan C++

0 komentar

Library Function Pada C dan C++ dalam Bahasa Pemrograman

Library adalah kumpulan fungsi yang disediakan oleh bahasa pemrograman C atau C++, yang dapat digunakan sewaktu-waktu kapan pun dibutuhkan tinggal memanggil dengan perintah #include <nama_library>.
Sebagai contoh fungsi yang digunakan untuk mencetak ke layar monitor (cout) disimpan pada file iostream.h. berikut beberapa library yang disediakan:

Library iostream.h

Standard Input / Output Streams Library.
Elemen iostream library (char instantion) :

Classes :

| ios_base Base | ios | istream | ostream | iostream | ifstream | ofstream | fstream | istringstream | ostringstream | stringtream | streambuf | filebuf | stringbuf |

Objects :

| cin | cout | cerr | clog |

Types :

| fpos : | streamoff | streampos | streamsize |

Manipulators :

| boolalpha | dec | endl | ends | fixed | flush | hex | internal | left | noboolalpha | noshowbase | noshowpoint | noshowpos | noskipws | nounitbuf | nouppercase | oct | resetiosflags | right | scientific | setbase | setfill | setiosflags | setprecision | setw | showbase | showpoint | showpos | skipws | unitbuf | uppercase | ws |

Objek iostream mewarisi semua anggota yaitu istream dan ostream, sehingga mampu melakukan kedua operasi input dan output.

Library stdio.h

Library stdio.h adalah library pada bahasa C yang digunakan untuk operasi input output (stdio = Standard Input and Output). Tanpa menggunakan library ini maka perintah - perintah input/output tidak dapat dieksekusi atau dijalankan.

Library Functions :

| clearr() | fclose() | fccloseall() | fdopen() | fflush() | fgetc() | fgetchar() | fgetpos() | fgets() | flushall() | fopen() | fprint() | fputc() | fputchar() | fputs() | fread() | free() | freopen() | fscan() | fseek() | fsetpos() | ftell() | fwrite() | gets() | getw() | perror() | printf() | puts() | putw() | rename() | rewind() | scanf() | unlink() |

Library Macroes :

| feof(f) | ferror(f) | fileno(f) | getch(f) | getchar(f) | putchar(f) | remove(path) |

Contoh penggunaan library stdio.h dengan library functions printf() dalam program :

#include <stdio.h>
int main(){
printf("Hello SMKN 4 MALANG!\n");
printf("Selamat Belajar Pemrograman C++.");
return 0;
}

Contoh penggunaan library stdio.h dengan library functions puts() dalam program :

#include <stdio.h>
#include <conio.h>
using namespace std;
int main(){
char x[20]="SMKN 4 MALANG";
puts("Sekolah Siap Kerja Hanya di ");
puts(x);
return 0;
}

Library math.h

Library math.h merupakan sebuah library yang disediakan untuk melakukan perhitungan secara matematika.

Library Functions :

| abs() | acosh() | asin() | atan() | atan2() | atof() | ceil() | cos() | cosh() | exp() | fabs() | floor() | fmod() | labs() | ldexp() | log() | log10() | pow() | sin() | sinh() | sqrt() | tan() | tanh() |

Contoh penggunaan library math.h dengan library functions cos() dan sin() dalam program :

//Penggunaan library math.h
#include <iostream.h>
#include <math.h>
using namespace std;
int main(){
    double kecepatan, jarak, sudut;
    kecepatan=20;
    sudut=25;
jarak = 2*kecepatan*kecepatan*sin(sudut*3.14/180)*cos(sudut*3.14/180)/9.8;
cout<<"Jarak = "<<jarak;
    cout<<"\n";
    system("Pause");
    return 0;
}

Library stdlib.h

Library stdlib.h merupakan library yang hampir sama dengan library math.h, namun isi dari library stdlib.h berbeda dengan library math.h yaitu :

Library Functions :

| abs() | atof() | atoi() | atol() | div() | exit() | free() | ldiv() | malloc() | rand() | srand() | system() |

Library Macroes :

| abs(x) | atoi(s) | random(num) | randomize() |

Contoh penggunaan library stdlib.h dengan library functions atoi() dalam program :

//Penggunaan library stdlib.h
#include <iostream.h>
#include <stdlib.h>
using namespace std;
int main(){
    char karakter[8]="12.3AB";
    int nilai;
    nilai=atoi(karakter);
    cout<<nilai<<endl;
    system("Pause");
    return 0;
}

Library string.h

Suatu library pada bahasa C yang digunakan untuk memberikan nilai suatu karakter string.

Librari Functions :

| strcpy() | strcat() | strchr() | strcmp() | strlen() |

Contoh penggunaan library string.h dengan library functions strcpy() dalam program :

//Penggunaan library string.h
#include <iostream.h>
#include <string.h>
using namespace std;
int main(){
    char info[30];
strcpy(info, "info: SMKN 4 MALANG");
cout<<info;
cout<<"\n";
system("Pause");
return 0;
}

Library conio.h

Library Functions :

| clrscr() | getch() | getche() | gotoxy() | khbit() | putch() |

Contoh penggunaan library conio.h dengan library funtions getche() atau getch() dalam program :

//Penggunaan library conio.h
#include <iostream.h>
#include <conio.h>
using namespace std;
int main(){
cout<<"Hai, Selamat datang siswa baru SMKN 4 MALANG \n";
getche();
}

Library io.h

Library Functions :

| access() | _close() | close() | _creat() | eof() | filelenght() | _open() | open() | _read() | read() | _write() | write() |

Library ctype.h

Library Functions :

| stlower() | toupper() |

Library Macroes :

| isalnum( c) | isalpha( c) | isascii( c) | iscntrl( c) | isdigit( c) | isgraph( c) | islower( c) | isprint( c) | ispunct( c) | isspace( c) | isupper( c) | isxdigit( c) | toascii( c) | _tolower( c) | _toupper( c) |

Rujukan:
http://firman-rpl.blogspot.co.id/

Read More »
0 komentar


Read More »

Contoh project Pemrograman Grafik sederhana OpenGL menggunakan fungsi glLines

import java.util.logging.Level; //import java.util.logging.Logger; //import static komgraf01.KomGraf01.DISPLAY_HEIGHT; //import static k...