Animasi Dot 16x16 yang Dibuat dengan Aturan Matematika Sederhana

• Animasi dot 16x16 ini dibuat melalui aturan matematika sederhana
• Pergerakan setiap dot didasarkan pada rumus dan operasi matematika
• Dengan algoritme minimal dan logika sederhana, dimungkinkan untuk menghasilkan pola yang kompleks namun menarik
• Tanpa teknik rendering yang rumit, hasil yang mencolok secara visual tetap dapat dicapai
• Metode ini memiliki potensi besar untuk dimanfaatkan dalam visualisasi kreatif maupun pendidikan pemrograman

---

Gambaran umum

• Animasi ini dibuat dengan dasar susunan dot berukuran 16x16
• Posisi serta warna atau status setiap dot berubah dari waktu ke waktu mengikuti aturan matematika sederhana
• Pendekatan implementasi ini efisien secara pemrograman sekaligus sangat intuitif
• Bahkan tanpa teknik yang rumit atau canggih, metode ini tetap mampu menghadirkan efek visual yang menarik dan teratur
• Sangat berpotensi diterapkan pada seni visual, kreasi algoritmik, pendidikan untuk pengembang pemula, dan lain-lain

Poin utama

• Animasi ditampilkan dalam bentuk grid dua dimensi 16x16
• Perubahan pada setiap dot didasarkan pada rumus matematika atau aturan tertentu
• Sebagai contoh, operasi matematika dasar seperti sin, cos, xor, atau mod digunakan untuk menentukan pergerakan dan warna dot
• Tidak diperlukan kode yang rumit atau library eksternal untuk menciptakan efek visual yang detail
• Hanya dengan menerapkan rumus sederhana secara berulang, kita bisa menghasilkan pola yang orisinal

Makna dan kemungkinan pemanfaatan

• Pendekatan ini unggul dalam menghasilkan hasil yang mengesankan hanya dengan kode minimal
• Berguna untuk melatih pemikiran algoritmik, intuisi matematika, dan kreativitas visual
• Ini adalah contoh yang baik untuk mempelajari bagaimana animasi dan visualisasi bekerja secara terprogram
• Dapat dengan mudah diterapkan untuk tujuan pendidikan, eksperimen artistik, atau proyek kreatif
• Memiliki aksesibilitas dan kegunaan yang tinggi bagi pengembang pemula dan kreator dari semua usia

[xcutz]

Menarik sekali

[ng0301]

Wow...

[GN⁺]

Komentar Hacker News

• Tixy benar-benar menakjubkan, saya pernah membuat sesuatu yang mirip sendiri: saya ingin membuat animasi untuk layar matriks LED lewat situs https://muffinman.io/pulsar/ , saat itu saya belum menemukan tixy jadi saya membuat pulsar, lalu belakangan baru menemukan kembali tixy, ada juga proyek serupa https://sliderland.blinry.org/ yang memakai slider HTML, hal-hal seperti ini benar-benar menyenangkan
• Beberapa tahun lalu saat pertama kali menemukan tixy, saya sangat menyukainya sampai saya membuat situs https://www.mathsuniverse.com/tixy dengan izin pembuat aslinya, saya menambahkan puzzle ke grid tixy dan memakainya untuk murid-murid di kelas ilmu komputer, dan mereka sangat tenggelam dalam puzzle ini
  • Ini mengingatkan saya pada game puzzle 3D Replicube yang baru dirilis, yang menerapkan prinsip yang sama dalam 3D
  • Pendekatan seperti ini benar-benar keren untuk pendidikan, saya juga awalnya terkesan dengan fungsi-fungsi kecil itu lalu bereksperimen dengan membuat klon di calculang, saya menambahkan fitur evaluasi F9 agar bisa memilih subekspresi dan melihat hasilnya, dan itu sangat membantu untuk memahami polanya, videonya juga bisa dilihat di sini: https://www.youtube.com/watch?v=uXUd_-xrycs
  • Ini juga bekerja dengan baik di ponsel, hanya saja keyboard ponsel agak kurang nyaman, tetapi tetap tidak masalah untuk digunakan, itu memang batasan ponsel
  • Dalam grafik komputer, koordinat (0,0) dimulai dari kiri atas, bukan dari bawah
• Saya sudah membuat berbagai animasi dengan tixy, ini sangat menyenangkan: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29sin%28y%29%2Bsin%28t2%29 , dan saya juga membuat pola serangan sel darah putih: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bcos%28yt%29%2Bt%2F0.7
• Saya juga membuat efek api: https://tixy.land/?code=Math.sin%28%28y%2F3%5Ex%7Ci%29%2Bt%29
• tixy adalah versi yang sangat mudah dari situs seperti Shadertoy, dan pendekatan yang mudah ini sangat sesuai dengan selera saya
• Pembuat tixy adalah Martin Kleppe (@aemkei), yang terkenal lewat quine dan trik JS, dan proyek-proyek keren lainnya juga bisa dilihat di: https://aem1k.com/world/ , https://aem1k.com/qlock/
• Terinspirasi oleh tixy, saya membuat aplikasi menggambar dengan brush yang bisa diprogram: https://fig.sonnet.io aplikasi ini menarik karena gerakan brush berubah mengikuti waktu, bukan tekanan atau sudut, jadi Anda harus menggambar mengikuti ritme, cara kerja dan implementasinya bisa dilihat di sini: https://untested.sonnet.io/notes/fig-tree-brushes/
• Saya juga membagikan contoh fungsi yang unik: https://tixy.land/?code=%281%2Ft%258%29+%2F+tan%28t+%2F+%28y*x%2Ft%29%…
• Saya juga membuat pola bintang berujung lima: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%29
  • Saya juga mengimplementasikan gerakan dua ular: https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29sin%28%28y-7%29%2F2-t%29%09-sin%28%28h%3Dhypot%28x-%3D7%2Cy-%3D7%29-5%29%29exp%28-hh%2F9%29cos%28atan2%28y%2Cx%29%2Bt%29
• Anda bisa membuat lingkaran yang terus bergerak dan makin membesar dengan tixy: https://tixy.land/?code=%28x-10t%2521%29**2%2B%28y-10t%2521%29**2-t