Persona 4 Background Pattern

Yosh, posting lagi deh. Kali ini aku mau share Persona 4 Background Pattern.
Persona 4
Loh, bukannya Dark Ard gak bisa design? Terus itu gambarnya nyolong darimana? Hush! Aku emang gak bisa design, karena ini bikinnya bukan pake PhotoShop, Corel, Illustrator, atau sebangsanya. Ini aku bikinnya dari JavaScript. Dan jadilah Persona 4 Background Pattern
Persona 4
Loh, emang bisa? Lah abisnya aku udah Googling nyasar kesana kemari gak dapet dapet Backgroundnya Persona yang ini. Akhirnya nyoba bikin sendiri. Tapi hampir nyerah. Buka Photoshop aja gak tau mau ngapain. Tiba-tiba kepikiran aja bikin dari coding :3
Konsepnya adalah, bikin ratusan <div> untuk kotak-kotaknya. Lah? ratusan? Gak pegel? Ya gak manual juga kalee. Aku menggunakan fungsi looping for pada JavaScript untuk membuatnya menjadi ratusan :3 Jumlahnya secukupnya aja, yang penting layar monitor bisa full kotak-kotak.
Lalu? Untuk warna? tinggal pake CSS aja. Terus ngatur warnanya tiap kotak? Aku menggunakan fungsi random pada JavaScript. Jadi semua kotak mendapatkan attribute class secara acak. Sehingga warnanya beda-beda :3 Gak perlu aku jelasin lagi detail teknisnya. Toh kalo cuman dijelasin tanpa ada demonya juga gak bakal mudeng XD
File: Persona 4 Pattern
Type: Image/PNG
Size: 41,8 KB
Hosted: deviantART
Kalo udah jadi, browsernya aku full screen. Tinggal Print Screen. Paste ke PhotoScape buat nyimpen gambarnya. Jadi deh. Biar Size nya kecil di optimize dulu.
Kalau kalian mau, silahkan download aja :3 Udah aku upload di deviantART kok.
Comments

2 comments:

Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other