सरल गणितीय नियमों से बनी 16x16 डॉट एनीमेशन

• 16x16 डॉट एनीमेशन को सरल गणितीय नियमों के ज़रिए बनाया गया है
• हर डॉट की गति गणितीय सूत्रों और ऑपरेशनों पर आधारित होती है
• न्यूनतम algorithm और सरल logic से भी जटिल लेकिन आकर्षक पैटर्न बनाए जा सकते हैं
• जटिल rendering तकनीकों के बिना भी विज़ुअली प्रभावशाली परिणाम हासिल किए जा सकते हैं
• इस तरीके में creative visualization और programming education में उपयोग की काफ़ी संभावनाएँ हैं

---

अवलोकन

• यह एनीमेशन 16x16 आकार के डॉट array को आधार बनाकर बनाया गया है
• हर डॉट की स्थिति, रंग या अवस्था सरल गणितीय नियमों के अनुसार लगातार बदलती रहती है
• यह implementation तरीका programmatically efficient होने के साथ-साथ बहुत सहज भी है
• जटिल या उन्नत तकनीकों के बिना भी आकर्षक और नियमित visual effects बनाए जा सकते हैं
• visual art, algorithmic creation, beginner developer education आदि में इसके उपयोग की संभावनाएँ अधिक हैं

मुख्य बातें

• एनीमेशन 16x16 के 2D grid के रूप में दिखाई देता है
• हर डॉट में बदलाव गणितीय सूत्रों या किसी विशिष्ट नियम पर आधारित होता है
• उदाहरण के लिए, sin, cos, xor या mod जैसे मूलभूत गणितीय operations डॉट की गति और रंग तय करने में इस्तेमाल किए जा सकते हैं
• परिष्कृत visual effects बनाने के लिए जटिल code या external libraries की आवश्यकता नहीं होती
• केवल सरल सूत्रों को बार-बार लागू करके भी मौलिक पैटर्न बनाए जा सकते हैं

महत्व और उपयोग की संभावनाएँ

• इस तरीके की ताकत यह है कि minimal code से भी प्रभावशाली परिणाम बनाए जा सकते हैं
• यह algorithmic thinking, mathematical intuition, visual creativity का अभ्यास करने में उपयोगी है
• animation और visualization प्रोग्राम के स्तर पर कैसे काम करते हैं, इसे सीखने का अच्छा उदाहरण है
• इसे शैक्षिक उद्देश्यों, कलात्मक प्रयोगों या creative projects में आसानी से अपनाया जा सकता है
• सभी आयु वर्ग के शुरुआती developers और creators के लिए इसकी accessibility और usability काफ़ी अच्छी है

[xcutz]

काफ़ी दिलचस्प है

[ng0301]

वाह...

[GN⁺]

Hacker News राय

• Tixy वाकई कमाल है, मैंने भी कुछ ऐसा खुद बनाकर देखा था: https://muffinman.io/pulsar/ नाम की साइट के साथ मैं LED matrix स्क्रीन के लिए animation बनाना चाहता था, उस समय मुझे tixy नहीं मिला, इसलिए मैंने pulsar बनाया, और बाद में जाकर tixy फिर से मिला। इसी तरह का एक और प्रोजेक्ट HTML slider का इस्तेमाल करता है: https://sliderland.blinry.org/ । ऐसी चीज़ें सच में मज़ेदार हैं
• कुछ साल पहले जब मैंने tixy पहली बार खोजा, तो मुझे यह इतना पसंद आया कि मूल लेखक की अनुमति लेकर मैंने https://www.mathsuniverse.com/tixy नाम की साइट बनाई। इसमें tixy grid में puzzle जोड़े गए हैं और मैं इसे छात्रों के साथ computer science की कक्षा में इस्तेमाल करता हूँ। छात्र इन puzzles में गहराई से डूब जाते हैं
  • इससे हाल ही में रिलीज़ हुए 3D puzzle game Replicube की याद आती है, जो इसी तरह के सिद्धांत को 3D में लागू करता है
  • यह तरीका शिक्षा के लिए सच में शानदार है। मैं भी शुरू में उन छोटे-छोटे functions को देखकर प्रभावित हुआ और calculang में एक clone बनाकर प्रयोग किया। उसमें F9 evaluation फीचर जोड़ा ताकि sub-expression चुनकर उसका result देखा जा सके, और इससे pattern समझने में बहुत मदद मिली। वीडियो भी देख सकते हैं: https://www.youtube.com/watch?v=uXUd_-xrycs
  • यह मोबाइल पर भी अच्छी तरह काम करता है, बस मोबाइल keyboard थोड़ा असुविधाजनक है, लेकिन इस्तेमाल में फिर भी कोई दिक्कत नहीं। वह फोन की सीमा है
  • computer graphics में (0,0) coordinate नीचे नहीं बल्कि ऊपर बाएँ से शुरू होता है
• मैंने tixy से कई तरह की animations बनाई हैं, यह बहुत मज़ेदार है: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29sin%28y%29%2Bsin%28t2%29 , और white blood cells के attack pattern भी बनाए हैं: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bcos%28yt%29%2Bt%2F0.7
• मैंने fire effect भी बनाया: https://tixy.land/?code=Math.sin%28%28y%2F3%5Ex%7Ci%29%2Bt%29
• tixy, Shadertoy जैसी साइट का बहुत आसान version है, और यही आसान तरीका मेरी पसंद के बिल्कुल फिट बैठता है
• tixy के लेखक Martin Kleppe (@aemkei) हैं, जो quine और JS tricks जैसी चीज़ों के लिए मशहूर हैं। उनके दूसरे शानदार प्रोजेक्ट भी देखे जा सकते हैं: https://aem1k.com/world/ , https://aem1k.com/qlock/
• tixy से प्रेरित होकर मैंने programmable brush वाला एक drawing app बनाया: https://fig.sonnet.io । इस app में brush की movement pressure या angle से नहीं, बल्कि समय के साथ बदलती है, इसलिए rhythm के अनुसार ड्रॉ करना मज़ेदार लगता है। यह कैसे काम करता है और इसे कैसे बनाया गया, वह यहाँ देखा जा सकता है: https://untested.sonnet.io/notes/fig-tree-brushes/
• एक अजीब-सा function उदाहरण भी साझा किया गया: https://tixy.land/?code=%281%2Ft%258%29+%2F+tan%28t+%2F+%28y*x%2Ft%29%…
• मैंने pentagram pattern भी बनाया: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%29
  • दो साँपों की movement भी बनाई: 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
• tixy से लगातार चलने वाला और धीरे-धीरे बड़ा होता हुआ circle भी बनाया जा सकता है: https://tixy.land/?code=%28x-10t%2521%29**2%2B%28y-10t%2521%29**2-t