Pada postingan kali ini saya hanya mencoba test HTML5 Canvas yang dapat membuat background. Memang agak berat untuk pengkodeannya. Jika ingin menerapkan silahkan ambil kode di blog ini dengan menekan crtl+u. Gradient ini bisa anda modifikasi lagi seperti pemilahan warna pada context dan juga efek dari mouse dengan tinggi dan lebar yang bisa di sesuaikan.
HTML5 canvas menurut saya adalah tag html5 yang terbilang sakti, dari satu tag bisa memanggil javascript dan bisa membuat hal yang istimewa seperti animasi, game dan sebagainya.
Yang membuat rumit HTML5 canvas adalah pemahaman yang terletak pada matematika seperti coordinate, menghitung jari-jari lingkaran, menghitung luas lingkaran, persamaan kuadrat dan pertidaksamaan kuadrat. Saya pun masih mempelajari tentang HTML5 canvas dan project yang berhasil di telaah adalah ternyata HTML5 canvas bisa di buat responsive desain. Para pengembang mengatakan HTML5 canvas adalah tag html masa depan, semoga bisa terus berkembang dan bisa di terapkan. Amin
Amin
moga trus berkembang nih mas html5 canvas yakin saya hehe
btw ni sorot nya gak bisa fokus pas di hotspotnya mouse ya mas?
oh..bisa kim klo di atas memang sengaja ane buat seperti itu..
ini ada di sini kim:
body.onmousemove = function (event)
Nah untuk letak di sini:
rx = 200 * x / width,
ry = 600 * y / width;
Itu dimana nanti radial akan muncul.
Amin…
semoga terus berkembang, tapi saya nyimak aja dah bang, nyerah kalau suruh hitung2 gitu, hehehe
Ane juga masih pusing soalnya klo background canvas masih meraba..makanya belum berani kasih kode dan tutorial. Buat eksperiment sembari belajar mas dhen.
nah kalau experiment-nya sudah banyak entar ane ajari juga bang hen, hehehehe…
Waah.. dari pertama lihat diBLOGGER ADMINnye Bang Amdhas dulu, Ayas udah Terkagum-kagum ma efek warnanya lo.. MANTAAAFFFF BANGEEET!!!
Tapi Ayas masih belum ngerti makeknya neh Bang, waktu praktek dulu malah gak muncul efeknya!!
Yach.. maklumlah cuma modal Copast doang!!
Hwehehe… PizZZ
Nah,, klo di blogspot jangan sampe ada break line itu masalahnya sebenarnya. Coba post editornya jangan pake break line itu bisa di setting di dasbord blogspot klo perlu pake yang old editor.
Soalnya klo ada break line di takutkan masuk ke kode javascript. Tapi bukan itu saja, mungkin ada hal lainya misal kesalahan kode untuk pemanggilan id dari canvas atau mungkin yang lainnya.
Waduw… Ayas malah bingung neh Bang!! ^_^
Hmm… mungkin aja ada kesalahan Ayas ngetik kodenya ato ada atribut kodenya yang tertinggal saat Mengcopast tuh Bang!!
Oke… Ayas pelajari lagi deh Bang, MAKASI BANGEEET Bang!!
^_^
Wah udah banyak ya ternyata yang mempelajari HTML5, kalo gitu mau ikutan belajar juga ah
Yu kita sama-sama belajar..
Spektakuler sekali canvas HTML5 nya.
Efek backgroundnya bikin mata nggak bisa berkedip.
Semoga saja Canvas HTML5 bisa menjadi tag yang diandalkan di masa depan. Sukses..
Amin, semoga..
Canvas ini yg ingin aku pelajari bang,tapi gak mudeng2 aku wkwkwkw.Anyway canvas sering gak responsive bang,itu gimana cara ngakalinnya?
Ini dia pertanyaan yang ane tunggu2. Siip, membuat cabvas responsive.
Agak rumit sebenarnya itu tergantung dari canvas dan posisi. Nah jika terlanjur di java script maka hal yang baik menggunakan media query. Tapi kita musti membuat division..ga semua canvas sih.
Contoh kecil ambil variable atau pemanggilan dengan this/that..misal variable dulu.
var width = window.innerWidth;
var height = window.innerHeight;
Itu artinya akan menyesuaikan layar windows di tinggi dan lebar. Tapi ketika di kecilkan tidak responsive. Nah, atasi itu dengan division untuk melapisi tag canvas tersebut..kayanya pernah ane kasih contohnya. Ntar posting di kopizine aja deh..
oke bang ditunggu postingannya,saya juga penikmat responsive
bang hendro kalo soal canvas-2 gini jago nya dari dulu, asyik bang mantab!!
di blogger admin ada banyak tutor-2 yang ginian ya bang.. sip!
canvas ?
saya belum mudeg bang:), diantara yang membuat saya tertarik adalah keyframe, saya terkadang iri bang melihat demo-demo yang ada di Mozilla:(
buseett keren2
wuih keren gan … :)
kereeennn sih mas,,,
tpi agk pusing dngn wrna ny yg gk konsisten….
(mnurut sya…heheee)
lanjoottt,mas…
MAMPIR ke blog qu yah… ^_^
slamet mnikmati
Wuihhh….
Keren, Mas…
Salam kenal dulu aja dah, sambil numpang belajar di postingan2 lainnya.
makasih…
Loh,,, potingan yang lama enggak bisa dikoment ya Bang?
kalau html5 ini,emang mas amdhas banget nih hehehe…
saya ingat banget,orang belum ngapa2 di html5,tapi mas amdhas yg di blogger admin udah ngebahas tentang Html5,
saya setuju banget dan sangat berharap..kalau di blog ini mas amdhas bikin tutorial dan pembahasan tentang Html5 lagi seperti blogger admin..
Insya Allah ndre ane buat lagi pembahasannya tentang HTML5 canvas.