Moss — kanvas piksel tempat setiap kuas adalah program kecil

 (moss.town)
1 poin oleh GN⁺ 2026-03-06 | 1 komentar | Bagikan ke WhatsApp
  • Alat pada kanvas piksel 128×128 di mana setiap kuas bekerja seperti program independen untuk menghasilkan warna dan pola
  • Kuas melakukan berbagai aksi seperti blend, spread, drip, grow, glitch, dan semuanya bisa diubah langsung oleh pengguna
  • Setiap sel pada kanvas tersusun sebagai unit data, sehingga warna menumpuk dan pola tak terduga terbentuk
  • Tersedia lebih dari 50 kuas bawaan, dan kode dapat diubah untuk mengatur cara penyebaran atau reaksi warna
  • Gambar yang selesai bisa disimpan lalu dibagikan, dan pengguna lain dapat mengerjakannya ulang dengan kuas serta palet yang sama

Ringkasan MOSS

  • MOSS adalah alat melukis berbasis piksel di mana setiap kuas berfungsi seperti program kecil
    • Alih-alih hanya mewarnai dengan kuas, pengguna dapat mendefinisikan perilaku kuas lewat kode
    • Kuas memanipulasi data pada kanvas, sehingga menghasilkan pola visual yang tidak dapat diprediksi

Karakteristik dan perilaku kuas

  • Kuas bekerja dengan berbagai cara seperti blend, spread, drip, grow, dan glitch
    • Setiap kuas memiliki pola kerja unik, dan pengguna bisa mengubah perilakunya dengan menyunting kode secara langsung
    • Misalnya, cara kuas menyebarkan warna atau respons terhadap warna dapat disesuaikan

Struktur kanvas dan ekspresi visual

  • Kanvas MOSS berukuran 128×128 piksel, dan setiap piksel diperlakukan sebagai sel data
    • Saat kuas memanipulasi data sel, warna menumpuk dan menghasilkan pola alami serta efek kebetulan
    • Proses ini menciptakan hasil visual yang tak terduga

Kuas bawaan dan kustomisasi pengguna

  • MOSS menyediakan lebih dari 50 kuas bawaan
    • Mencakup beragam bentuk, dari efek cat atau tinta sederhana hingga pertumbuhan sulur (vine growth), tetesan basah (wet drips), dan plaid generatif (generative plaid)
    • Pengguna bebas menyesuaikan cara penyebaran, sisa warna, dan respons warna pada kuas

Fitur simpan dan berbagi

  • Gambar yang telah selesai dapat disimpan lalu dibagikan kepada pengguna lain
    • Pengguna yang menerima dapat mengerjakan ulang dalam lingkungan yang sama dengan kuas dan palet yang identik
    • Situs ini juga menampilkan berbagai contoh karya buatan pengguna

Bacaan terkait

1 komentar

 
GN⁺ 2026-03-06
Komentar Hacker News

  • Terima kasih sudah membagikan ini. Aku suka Aseprite, Procreate, dan Pico8, dan sudah lama menyimpan ide brush yang dapat diprogram di kepala
    Belakangan ini, di sela-sela proyek, aku sempat membuat sendiri mainan menggambar bernama MOSS. Setiap brush adalah skrip kecil yang memahami semua piksel di kanvas, dan mendefinisikan cara menggambar dengan noise, pola, tekanan, kecepatan, dan lain-lain
    Misalnya, bisa membuat brush yang menyemprotkan piksel seperti spray sungguhan, brush cap yang bentuknya berubah setiap kali diseret, brush garis perspektif yang benar-benar bertemu di titik hilang, atau bahkan alat fill cerdas (“Fill of my Dreams”)
    Aku ingin berbagi kode brush di komentar atau mengeksplorasi ide bersama. Ada dokumentasi API di tombol (?) kanan bawah, dan di bagian bawah ada fitur salin prompt untuk menangani API lewat agen

    • Sekitar 10 tahun lalu aku juga pernah membuat program brush yang dapat diprogram. Berbeda dari MOSS, programku berbasis simulasi fisika, bukan shader, tetapi menurutku pendekatan seperti ini punya potensi besar
      Sensasi menggambar burung hanya dengan satu sapuan benar-benar luar biasa
      Mungkin ini bisa jadi inspirasi, jadi aku bagikan tautan ke proyekku — Wind by Laura
    • Ini benar-benar menyenangkan dan penuh karakter. Terasa jelas inspirasinya dari Pico8 dan Aseprite
      Brush generatif prosedural juga terdengar menarik — misalnya brush yang membuat pemandangan kota acak saat menggambar
      Untuk ide seperti ini, teknik Wave Function Collapse mungkin bisa dimanfaatkan
    • Aku sangat suka nuansa pixelated-nya. Ini pertama kalinya aku melihat brush runtime yang dapat diprogram bekerja secara real-time
      Aku penasaran apakah kamu bisa membagikan beberapa kode brush menarik yang belum ada di aplikasinya
    • Keren sekali. Aku terkesan karena ini bisa mengenali dan merespons sensitivitas tekanan tablet Wacom milikku. Di antara alat berbasis web, ini benar-benar menonjol
    • Apakah ini open source, dan apakah ada repositori GitHub?

  • Proyek yang sangat keren. Rasanya orang yang lebih kreatif dariku bisa memakai ini untuk tujuan yang sama sekali berbeda
    Dulu aku pernah melihat video seseorang yang membuat aplikasi menggambar sederhana memakai format subtitle YouTube
    Jika kode brush MOSS bisa membaca status kanvas dan menggambar, aku jadi berpikir apakah sebaliknya juga mungkin membuat brush yang merender video sederhana atau game (misalnya Tic-Tac-Toe) selama tombol mouse ditekan
    Memang itu bukan tujuan utamanya, tetapi sepertinya akan jadi tantangan yang seru

    • Apakah kamu tahu tautan channel YouTube itu? Mencari dengan kata “SWEet” tidak terlalu membantu

  • Ini benar-benar mengagumkan. Bisakah ditambahkan fitur menggambar garis lurus dengan menekan tombol Shift? Seperti di MSPaint

    • Ide bagus, jadi langsung kutambahkan. Jika menekan Shift sebelum atau saat menggambar garis, garis pratinjau akan muncul dan diterapkan saat mouse dilepas

  • Proyek ini mengingatkanku pada eksperimen format file gambar superkecil yang dulu pernah kubuat
    Aku merangkum tulisan terkait di Medium

  • Aku sangat suka ini. Terutama kalau ada fitur-fitur seperti berikut

    • Merekam proses menggambar sebagai timelapse
    • Menampilkan daftar brush yang dipakai dalam gambar
      Lebih jauh lagi, akan sangat menarik jika sapuan brush bisa direkam, lalu diputar ulang setelah kode brush diubah di kemudian hari

  • Baru saja kucoba, tetapi tidak ada yang tergambar. Brush dan warna bisa dipilih, tetapi kanvas sama sekali tidak merespons
    Diuji di Chrome pada MacOS

  • Sangat hebat. Stylus Surface Pro milikku berfungsi dengan baik, bahkan mengenali data tekanan. Dan ini semua di dalam browser!

  • Ide yang sangat keren. Rasanya seperti versi melukis dari Shadertoy — tautan Shadertoy
    Aku penasaran apakah ada fitur untuk berbagi brush di dalam aplikasi atau semacam galeri brush
    Berbagi karya berdasarkan tema seperti bagian “weekly” di halaman utama memang menyenangkan, tetapi orang yang kurang percaya diri dengan kemampuan menggambarnya mungkin hanya ingin berbagi brush

    • Fitur berbagi sedang diperluas secara bertahap. Aku ingin membangun komunitas tempat artis brush dan artis piksel bisa berkolaborasi atau berbagi mainan
      Saat ini aku menyimpan brush milikku sebagai file .txt kecil
      Sebagai catatan, file png yang disimpan dari MOSS juga menyandikan data brush, jadi jika file itu dibagikan, brush dan palet yang sama bisa dimuat kembali
      Ide ini terinspirasi dari cara PICO8 mengodekan data game

  • Konsep yang keren. Di iOS, jika brush Aquarelle digeser cepat, laju polling dari event sentuhan terlihat cukup jelas
    Garisnya halus, tetapi karena warnanya makin pekat saat brush lebih lama berada di satu tempat, muncul sedikit efek banding

    • Bagian itu sudah kuperbaiki. Aku memperbarui sebagian mesin penanganan sentuhan jadi sekarang sedikit lebih baik. Belum sempurna, tetapi sudah menemukan titik seimbang. Terima kasih atas masukannya

  • Aku kurang paham cara memakainya. Akan bagus kalau ada tutorial