Pengenalan Koding usia dini

Apa mungkin bisa memperkenalkan koding kepada yang berusia masih kecil? Itu pertanyaan yang muncul di kepala saya ketika berseliweran kelas-kelas koding untuk anak di beranda facebook. 

Setelah di cari, ternyata malah diperkenalkan dari usia 3-6 tahun.

Gambarnya seperti apa? Ku cari, diberikan 5 angka dan pasangan warnanya, ada gambar bunga, dimana bagian-bagiannya diberi nomor, dan tugasnya adalah mewarnai sesuai pasangan angka-warna.

Wah, gitu ya.

Akhirnya ku coba buat yang seperti itu. Tapi soal dan kunci jawabannya saja. Untuk mewarnainya perlu di simpan ke pdf dan di print/cetak di kertas dulu. 

Dan sudah jadi 4 tema. Link nya : galihw.github.io/MewarnaiGambar

Silahkan dicoba ya

Ubah png ke base64

Silahkan Pilih 1 File png:


Silahkan Klik untuk dapatkan Hasil Edit (atau Ctrl+Shift+i --> copy):

...

Filter Warna untuk javascript

Gunakan link ini untuk mendapatkan filter warna sesuai keinginan:

https://angel-rs.github.io/css-color-filter-generator/

misal

hijau

filter: brightness(0) saturate(100%) invert(76%) sepia(68%) saturate(7285%) hue-rotate(96deg) brightness(128%) contrast(123%);

biru

filter: brightness(0) saturate(100%) invert(8%) sepia(99%) saturate(7166%) hue-rotate(247deg) brightness(104%) contrast(144%);

merah

filter: brightness(0) saturate(100%) invert(19%) sepia(95%) saturate(7202%) hue-rotate(358deg) brightness(109%) contrast(112%);

bentuk di atas formatnya untuk css

di javascript tinggal hilangkan kata filter

var biru = "brightness(0) saturate(100%) invert(8%) sepia(99%) saturate(7166%) hue-rotate(247deg)"

masukkan di ctx

ctx.filter = biru;