Taman Bermain 3D Max

Hollaa... Yups, udah lama tak berjumpa para pecinta setia blog ane. Wkwkwkwk

Postingan kali ini bercerita tentang 3D Max. Huihiii... Ini adalah tugas 3D Max gue 2 minggu sebelum UKK (Ujian Kenaikan Kelas). Si guru cuma ngasih tugas disuruh buat design taman bermain pake 3D Max dan boleh di edit dengan menggunakan Photoshop.

Gue berfikir keras dengan tugas ini soalnya sebelum tugas ini dateng, ada tugas 3D Max juga tetang design property. Nanti bakal gue posting juga setelah postingan ini.

Gue bingung mau buat design dan permainan kaya gimana, tadinya gue mau buat perosotan, ayunan, atau sejenisnya yang gampang-gampang aja. Tapi udah terlalu banyak di kelas gue yang buat design kaya gitu. Jadi gue memilih buat design taman bermain dufan-dufanan. Gue akhirnya berfikiran buat bikin maskot yang paling anak-anak suka dari Dufan, yaitu "bianglala". Hahahahaa

Sebenernya taman bermain ini disuruh buat seminimalnya 3 alat permainan, tapi berhubung gue lagi pusing dengan tugas design property alhasil gue cuma "tok" di bianglala doang. Dan untungnya tugas gue diterima dengan baik dengan si guru. Mhihihi

Ini gue liatin tahap modelingnya :

Tahap modeling ini gue cuma butuh waktu sekitar 6 jam, udah termasuk setting lighting, dan penambahan material.

Hasil Render :

Hasil render ini selesai kurang lebih 45 menitan, karna bentuk materialnya kebanyakan pake material besi, jadinya rendering lumayan lama dan berat.

Seperti biasa, gue pake plugin Vray buat renderingnya. Dan menggunakan sedikit material buat mempercantik tampilannya. Kalo pohon sama awannya itu gue edit dari Photoshop. Yang ada pohon di tahap modeling itu pohon gagal wkwkwk.

Cara Membuat Rollover Image di HTML

Huiihh, demen banget ya gue posting tutorial. Ahahahahaa, ya ga papa lah. Berbagi ilmu itu wajib hukumnya, ya.. daripada gue galau-galauan terus kan. Hmmmm

Sekarang ini gue mau ngasih tau gimana caranya bikin rollover image di HTML.

Rollover image itu semacam button yang kita kasih sentuhan animasi sedikit. Jadinya nanti kaya gambar gif gitu. Misalkan kaya button share di blog-blog atau button follow di blog-blog, kan kalo kita deketin mouse ke gambar itu ada semacam perpindahan warna. Jadi di postingan ini gue bakal ngasih tau bagaimana cara membuatnya. Sebenernya sih tanpa gue kasih tau juga mungkin kalian udah tau caranya. Ada sih cara gampangnya bikin rollover image pake software semacam Adobe Dreamweaver. Cuma nanti script yang kita dapetin bakal panjang lebar.

Sekarang ini gue bakal ngasih tau gimana caranya buat bikin rollover image dengan script yang minim.

Begini caranya :

• Siapin 2 gambar sama tapi beda warna. Misalkan kaya  gambar ini...

Gambar 1 :

Gambar 2 :

• Terus kita kasih script ini :

Ini ditaro di bagian tag <head> :

<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>

Ini ditaro di bagian tag <body> :

<center><a class="pic" href="LINK TUJUAN JIKA GAMBAR DIKLIK">
<img class="image1" src="URL GAMBAR 1" />
<img class="image2" src="URL GAMBAR 2" /></a></center>

------------------------------------

 Maka nanti yang akan kita dapatkan seperti ini :

Lucu khaannn... Emmmm... hahahahaahaa...

Udah yaaahh tutorial seputar rollover image.

Terimakasih sudah berkunjung...

Cara Menjalankan File Lain di Flash

Niihh, gue punya cara gimana caranya mangil setan *eh. Ahhahahahaha engga deenngg, gue kali ini mau ngasih tau tentang  gimana caranya maanggil file lain di dalam Macromedia Flash.

Misalkan gini :

Jadi, saat kita punya 2 proyek yang berbeda misalkan hmmm yang pertama kita punya animasi jam nah yang kedua kita punya animasi CV. Gimana caranya kita buat proyek awal pebukaan tentang hasil akhir tugas kita? Jadi gini nihh prosesnya. 

Kita udah punya file .swf  animasi Jam dan CV

Terus kita buat animasi pembuka, terus kita buat 2 button di dalamnya. Yang pertama button untuk animasi Jam, yang kedua untuk CV lalu masing-masing button kita kasih script :

on (release) {
    loadMovieNum("NAMA FILE.swf", 0, "GET");
}

Maka nanti button di animasi pembuka akan menjalankan file yang kita panggil itu.

File yang kita panggil harus berada dalam satu file yang sama, kalo engga nanti ga bakal bisa jalan scriptnya. Inget yaa itu yang di tandain warna merah itu nama filenya, bukan tempat lokasi file yang mau kita panggil.

Iyaps, sekianlah tutorial gamal kali ini. Semoga bermanfaat. :D

Cara Play Music di HTML

Haiii, kali ini gue bakal ngasih tau bocoran dari koding HTML tentang gimana caranya bisa play lagu pake HTML. Awalnya sih gue tau kode ini dari tugas HTML gue, yang disuruh buat design web pake Adobe Dreamweaver. Kebetulan gue dapet tema tentang tangga lagu gitu deh.

Gue ngerjain tugas ini sekelompok, sama Bagus, Lioni, dan Vini.

Cuss langsung aja ke topiknya..

Codingnya kaya gini :

<audio controls="controls">
    <source src="URL MUSIC.ogg" />
    <source src="URL MUSIC.mp3" />
        <p>Maaf, browser Anda tidak mendukung untuk menjalankan music ini.
<br>Silahkan Anda gunakan browser lain.</br>
</p>
</audio>

Mari kita liat koding itu. Saat play music kita harus nyiapin lagunya dulu yang akan di putar. File itu berbentuk .MP3 dan .OGG. Biar dapet file .ogg kita bisa convert file .mp3 yang kita punya pake software tambahan, gue sih biasa pake Format Factory buat convert jenis file.

Yang merah itu kita masukin url music kita yang akan kita pake.

Koding ini kita simpen dalam satu file proyek yang kita buat. Kaya gini conttohnya, gunanya biar ga ribet dan rapih.

Nanti kita bakal dapetin hasilnya kaya gini di browser yang kita pake :

Koding ini sayangnya masih belum bisa jalan di IE 9 ke bawah, buat browser yang lain juga belum tau deh gue, soalnya gue belum nyoba browser lain kecuali ke-3 browser di atas. Sejauh ini, yang paling bagus buat play music HTML itu di IE, tampilannya lebih keren kedua itu di chrome, yang ketiga baru deh di mozila.

Kalo nanti kita dapetin tulisan kaya gini : "Maaf, browser Anda tidak mendukung untuk menjalankan music ini. Silahkan Anda gunakan browser lain."  

Jangan panik ya.. Woles aja woless, hehehe. Itu tandanya Browser yang kita pake ga support sama kodingnya. Soalnya koding yg dipake ini koding HTML5.

Okedehh... Sekian tutorial dari gue kali ini, semoga bermanfaat.