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

 (tixy.land)
9 पॉइंट द्वारा GN⁺ 2025-05-11 | 3 टिप्पणियां | WhatsApp पर शेयर करें
  • tixy एक creative code golfing पेज है, जहाँ एक छोटे से formula से 16x16 डॉट पैटर्न और एनीमेशन बनाए जाते हैं
  • (t,i,x,y) => के बाद expression जोड़ने के तरीके से, समय और coordinate values का उपयोग करके स्क्रीन पर डॉट्स की चाल को परिभाषित किया जाता है
  • 32 characters or less की सीमा होने से, जटिल graphics की बजाय संक्षिप्त गणितीय नियमों के प्रयोग पर फोकस रहता है
  • स्क्रीन के डॉट्स पर क्लिक करने से अतिरिक्त जानकारी देखी जा सकती है, इसलिए उदाहरणों को सीधे explore करते हुए उनके काम करने का तरीका समझा जा सकता है
  • छोटे नियम तुरंत visual pattern के रूप में दिख जाते हैं, इसलिए यह code golf और generative art को साथ में अनुभव करने का एक रूप है

tixy कैसे लिखा जाता है

  • tixy खुद को “creative code golfing” के रूप में प्रस्तुत करता है
  • उपयोगकर्ता (t,i,x,y) => के बाद एक छोटा expression लिखकर व्यवहार को परिभाषित करते हैं
  • पेज पर 32 characters or less की सीमा स्पष्ट रूप से दी गई है

स्क्रीन इंटरैक्शन

  • स्क्रीन के dots पर क्लिक करने से अधिक जानकारी देखी जा सकती है
  • परिणाम सरल गणितीय नियमों से बनी 16x16 डॉट एनीमेशन है

संबंधित पढ़ाई

3 टिप्पणियां

 
xcutz 2025-05-16

काफ़ी दिलचस्प है
 
ng0301 2025-05-13

वाह...
 
GN⁺ 2025-05-11
Hacker News की राय

  • Tixy इतना शानदार है कि मैंने खुद भी कुछ वैसा ही बनाया: https://muffinman.io/pulsar/
    मैं LED matrix screen के लिए animations बनाना चाहता था, लेकिन tixy फिर से नहीं मिल पाया, इसलिए pulsar बनाया; बनाने के बाद ही वह फिर मिला
    एक मिलता-जुलता project https://sliderland.blinry.org/ भी है, जो HTML sliders इस्तेमाल करता है

  • कुछ साल पहले जब मैंने पहली बार tixy खोजा था, तो यह इतना पसंद आया कि मूल author की अनुमति लेकर मैंने https://www.mathsuniverse.com/tixy बनाया, जिसमें tixy grid में हल किए जा सकने वाले puzzles हैं
    मैं इसे computer science students के साथ इस्तेमाल कर रहा हूं और सभी इसमें काफी डूब जाते हैं

    • हाल ही में रिलीज़ हुआ Replicube याद आता है
      वही किस्म की चीज़ 3D में करने वाला game
    • पढ़ाने का वाकई शानदार तरीका है
      शुरू में छोटी-छोटी functions देखकर मैं दंग रह गया था, और calculang experiment करने के लिए एक मिलता-जुलता clone भी बनाया था [1]
      मैंने evaluation feature (F9) जोड़ा, जिससे sub-expressions चुनकर देखा जा सकता है कि वे क्या कर रहे हैं; इससे pattern समझने में मदद मिली. Video [2] में है
      [1] https://calculang-editables.netlify.app/tixyish
      [2] https://www.youtube.com/watch?v=uXUd_-xrycs
    • 40 साल से ज़्यादा समय से programming कर रहा हूं, और ऐसी चीज़ें सीखने के तरीकों में यह सबसे मज़ेदार लगा
      सच में मज़ेदार है
    • मेरा 5 साल का बच्चा #7 पर अटकने से पहले तक काफी अच्छा कर रहा था
      syntax में मदद कर रहा हूं, लेकिन conceptual hints फिलहाल रोकने की कोशिश कर रहा हूं
      तुरंत मिलने वाला visual feedback बहुत पसंद आया
    • हैरानी है कि "(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)" puzzle 36 का जवाब क्यों नहीं है

  • Weeee: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29s...
    white blood cell attack: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...

  • tixy से प्रेरित होकर मैंने programmable brushes वाला drawing app बनाया: https://fig.sonnet.io
    shape dynamics pressure या tilt पर नहीं, बल्कि time-based हैं, इसलिए rhythm में drawing करनी पड़ती है और यह काफी मज़ेदार है
    यह कैसे काम करता है और कैसे implement किया गया है, यहां है: https://untested.sonnet.io/notes/fig-tree-brushes/

  • पसंद आया. ये रहा windshield wiper
    https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x

  • मूल रूप से beginners के लिए https://www.shadertoy.com/ जैसा लगता है
    बिल्कुल मेरी पसंद का

  • https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2...
    यह radar है

    • अब बस कुछ blinking dots जोड़ने हैं

  • Author Martin Kleppe हैं, X पर @aemkei, और वे कमाल के quines और कई JS magic के लिए जाने जाते हैं
    https://aem1k.com/world/
    https://aem1k.com/qlock/

  • किसी और चीज़ का इंतज़ार करते हुए doodle की तरह कुछ बनाए
    Creativity को बढ़ावा देने वाली constraints बहुत अच्छी हैं
    X Plus Star
    https://tixy.land/?code=%28sin%28t0.8-sqrt%28%28x-7.5%29**...
    Sin Sin
    https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29
    Traffic
    https://tixy.land/?code=sin%28iit*0.0005%29

  • 5-point star: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...