Animasi Kaca Mosaik dengan SVG dan JavaScript

Pada artikel sebelumnya aku sudah membahas bagaimana cara membuat tekstur mosaik dengan SVG, sekarang mari kita bawa ke tahap lebih lanjut, yakni membuat efek animasi pada kaca mosaik tersebut, sehingga nampak seolah-olah bergelimang cahaya. Persiapan Untuk memulai, kita akan menggunakan gambar tekstur mosaik yang sudah dibuat pada tutorial sebelumnya. Kamu bisa mengunduhnya di sini. Kemudian …

Animasi Kaca Mosaik dengan SVG dan JavaScript Selengkapnya »

SVG: Membuat Tekstur Kaca Mosaik dengan Inkscape

Pada blog pribadi aku yang terbaru, terdapat gambar dengan filter kaca mosaik yang interaktif dan berubah warna. Dengan menggunakan teknik serupa, kali ini aku akan berbagi tutorial cara membuat efek kaca mosaik dengan Inkscape. Inkscape adalah aplikasi pengolahan gambar vektor yang dapat digunakan untuk menghasilkan gambar SVG. Format gambar SVG saat ini sudah cukup luas …

SVG: Membuat Tekstur Kaca Mosaik dengan Inkscape Selengkapnya »

PHP: Menghapus Tag HTML Tertentu Dari Tulisan

Di bahasa pemrograman PHP kita mengenal fungsi strip_tags() untuk menghapus seluruh tag HTML dari tulisan (string), kecuali tag-tag tertentu. Namun, bagaimana jika sebaliknya, kita ingin menghapus hanya tag-tag tertentu saja dari tulisan dan membiarkan sisanya? PHP tidak memiliki fungsi khusus untuk ini. Tapi kita bisa buat sendiri menggunakan fungsi Regex (regular expression) yaitu preg_replace(). Regular …

PHP: Menghapus Tag HTML Tertentu Dari Tulisan Selengkapnya »

HTML: Memformat Tulisan dan Membuat Karakter Spesial

Seperti halnya program pengedit tulisan seperti Microsoft Word, tulisan pada dokumen HTML bisa diatur dengan berbagai format, seperti cetak tebal, cetak miring, garis bawah, dan sebagainya. Format-format ini diatur dengan cara mengapit tulisan dengan tag-tag khusus. Mari kita lihat contoh berikut ini. Indonesia Raya adalah lagu kebangsaan Republik Indonesia. Lagu ini pertama kali diperkenalkan oleh …

HTML: Memformat Tulisan dan Membuat Karakter Spesial Selengkapnya »

Membuat Permainan Congklak dengan Bahasa C (Bagian 3)

Mereset kembali papan untuk babak berikutnya Melanjutkan tutorial permainan congklak dengan bahasa C, rupanya permainan ini tidak berakhir hanya dalam satu babak. Setelah babak pertama selesai, biji-bijian yang telah terkumpul di rumah disebarkan kembali ke setiap lubang kecil milik pemain, masing-masing sebanyak 7 biji. Karena biji yang terkumpul tidak sama, maka akan ada lubang yang …

Membuat Permainan Congklak dengan Bahasa C (Bagian 3) Selengkapnya »

Membuat Permainan Congklak dengan Bahasa C (Bagian 2)

Tulisan ini merupakan kelanjutan dari tutorial membuat permainan congklak dengan bahasa C. Pada bagian 1 kita sudah membuat program dasar congklak dan melakukan simulasi pergerakan biji-bijian pada papan congklak. Sekarang kita akan melanjutkan dengan mengimplementasi alur permainan congklak. Menerima input dari pemain Sepanjang permainan, pada dasarnya hanya ada dua jenis input yang diterima dari pemain, …

Membuat Permainan Congklak dengan Bahasa C (Bagian 2) Selengkapnya »

Membuat Permainan Congklak dengan Bahasa C (Bagian 1)

Congklak, atau dikenal juga dengan nama dhakon atau mancala, adalah sebuah permainan tradisional di Asia Tenggara. Permainan ini dimainkan oleh dua orang. Pada papan congklak terdapat tujuh lubang kecil (lumbung) yang saling berhadapan dan satu buah lubang besar (rumah) masing-masing di sisi kiri dan kanan. Masing-masing lubang kecil ini berisi tujuh buah biji-bijian atau kerang. …

Membuat Permainan Congklak dengan Bahasa C (Bagian 1) Selengkapnya »

HTML: Element, Tag, Inner HTML dan Attribute

Pada artikel sebelumnya kita mengetahui bahwa HTML tersusun atas tag-tag dengan format seperti ini: di mana <tag> merupakan tag pembuka, dan </tag> merupakan tag penutup. Rangkaian yang kita tulis ini disebut sebagai elemen. Element Perhatikan contoh berikut ini: Hello or Goodbye? 안녕 (an-nyeong) memiliki dua makna, yaitu “halo” dan “sampai jumpa”. Sehingga kata ini diucapkan …

HTML: Element, Tag, Inner HTML dan Attribute Selengkapnya »

Apa itu HTML? Struktur Dasar HTML

Kita mengenal ada banyak macam format file pada komputer. Apabila untuk dokumen teks kita mengenal format seperti DOC, DOCX, PDF, lalu untuk berkas lagu kita mengenal MP3, AAC, dsb. Masing-masing format ini hanya bisa dibuka menggunakan aplikasi tertentu yang mendukung format tersebut. Nah, ketika kita menjelajahi website menggunakan peramban web alias web browser seperti Firefox …

Apa itu HTML? Struktur Dasar HTML Selengkapnya »