अगर animation ब्राउज़र में render होती तो शायद यह कहीं ज़्यादा दिलचस्प होता
मैं उसे चलाने वाला code खुद छेड़कर देखना चाहता था, लेकिन सिर्फ video दिया गया है और code नहीं, इसलिए थोड़ी कमी लगती है
Source code वाली कुछ चीज़ें भी public हैं: https://github.com/Bleuje/processing-animations-code
concepts पर केंद्रित पूरा tutorial भी यहाँ देखा जा सकता है: https://bleuje.com/tutorials/
tutorial में seamless loop के लिए 4-dimensional noise में traverse करने जैसे कई बढ़िया ideas थे, और मैंने अपने project में भी उनसे खेलना शुरू किया। Processing इस्तेमाल न करें तब भी समझना आसान है
मुझे तो उल्टा लगा। चमकदार modern JavaScript pages में से कई न चला पाने वाले lockdown mode phone पर भी इसे देख पाना अच्छा है
इन animations को देखकर ऐसा लगा जैसे 20–25 साल पहले Winamp visualization plugin चालू करके music सुनने वाले समय में लौट गया हूँ
मज़ेदार दौर था, और यहाँ की animations भी शानदार हैं
अगर आपकी उम्र थोड़ी ज़्यादा है, तो शायद Todd Rundgren का Utopia Softworks Flowfazer screensaver याद हो
वे Apple registered developer थे, और 90s की WWDC में उन्हें घूमते हुए भी देखा करता था
सही। हालांकि Pentium MMX पर Winamp visualization चालू करने पर system responsiveness बहुत गिर जाती थी, इसलिए उसे चालू करके बस वही visualization देखने के अलावा कोई चारा नहीं रहता था
सरल लेकिन मज़ेदार समय था
मेरा भी यही ख्याल था। cthugha अब कहाँ होगा?
monitor के ऊपर बड़ा glass lens रखकर ceiling पर project किया करता था। यह joke याद आता है कि गांजा छोड़ने के लिए मैंने गलत दशक चुना
AVS Society याद आ गई :)
source देखते हुए मैं यह जानना चाहता था कि यह randomly generated है या पहले से बनी animations में से random selection है; पता चला दूसरा है, और कुछ अजीब analytics tag भी दिखा
Cloudflare script रोक देता है, इसलिए site खुद जाकर देखनी पड़ेगी। दो बातें जाननी हैं: Google से script हमेशा request की जाती है, और doNotTrack को बस false hardcode किया गया है। मेरा browser वह header भेजता है, इसलिए लगता नहीं कि server ने इसे सही से inject किया है; समझ नहीं आ रहा कि यह करना क्या चाहता है
सही। ये animations सभी page में embedded pre-rendered videos हैं, और उनमें से एक random चुना जाता है
इसके उलट shadertoy [1] सच में impressive है क्योंकि animations real-time में calculate और render होती हैं
पहले shadertoy से प्रभावित होकर मैंने Three.js [2] के साथ shader को background की तरह इस्तेमाल करने वाली website बनाई थी। वह caustics दिखाती थी—यानी waves से गुजरकर pool, lake या समुद्र के तल पर बनने वाले लगातार बदलते light patterns—जो [3] जैसी थी। visitors हमेशा सोचते थे कि यह pre-rendered video है, और सच में हैरान होते थे कि कुछ साल पुराना phone भी उस shader को real-time में smoothly चला रहा है
animations कई तरह की हैं, लेकिन मुझे Electric Sheep याद आ गया, जो एक शानदार fractal flame screensaver था
इसे local में install कर सकते हैं और अपनी पसंद के हिसाब से कई “sheep” को upvote/downvote दे सकते हैं
[1] https://electricsheep.org/
किसी ने नहीं पूछा, तो मैं पूछता हूँ: यह बनाया कैसे गया होगा? क्या ऐसे graphics/visual programming के लिए कोई specialized program है, या यह 3D, math और plotting libraries इस्तेमाल करने वाले Python scripts का bundle है?
आधा-random तरीके से तरह-तरह की चीज़ें try करें, और जो cool लगे उस पर बार-बार काम करते रहें। यह एक तरह की genetic selection है
दूसरी animations का code पढ़कर general ideas और patterns सीखना भी अच्छा है
specialized programs भी हैं, और Processing जैसी languages भी हैं जो computer art में अक्सर इस्तेमाल होती हैं
हालांकि इन works में क्या इस्तेमाल किया गया है, यह पक्का नहीं है
बचपन में जब भी तेज़ बुखार होता था, मैं ठीक ऐसी ही चीज़ें देखता था
यादें एकदम खुल गईं। लगता है एक बार मैंने Sudafed बहुत ज़्यादा ले लिया था, और आधे सपने-आधे जागे हुए हाल में ठीक ऐसा ही देखा था
मुझे early teens में night terrors होते थे, तब एहसास कुछ ऐसा ही होता था
desktop पर right-click करके browser में show controls जैसा option enable करें तो loop point काफी साफ़ दिखता है
कुछ में loop हास्यास्पद रूप से छोटा है
इसे देखकर लगता है जैसे किसी film में वह scene हो जहाँ evil mastermind local लोगों को hypnotize करके अपनी मर्ज़ी से चलाता है
“मत देखो, यहाँ, यह पहनो”
“धत्त, हम बहुत देर से पहुँचे। वह पहले ही बहुत गहराई में जा चुका है”
“tcp का flow रोकने के लिए traffic reroute करने हेतु server mainframe database को फिर से synchronize करना होगा”
और हाँ, wormhole animation के लिए Doctor Who theme music चाहिए
अजीब बात है कि कल मैंने यह link रिश्तेदारों को text से भेजने की कोशिश की, लेकिन बिल्कुल deliver नहीं हुआ
कुछ variations try किए, और लगता है bleuje . com link वाले सभी group messages block हो रहे हैं। शायद कहीं filter लगा है? Android Messages पर T-Mobile इस्तेमाल कर रहा हूँ
1 टिप्पणियां
Hacker News टिप्पणियाँ
अगर animation ब्राउज़र में render होती तो शायद यह कहीं ज़्यादा दिलचस्प होता
मैं उसे चलाने वाला code खुद छेड़कर देखना चाहता था, लेकिन सिर्फ video दिया गया है और code नहीं, इसलिए थोड़ी कमी लगती है
concepts पर केंद्रित पूरा tutorial भी यहाँ देखा जा सकता है: https://bleuje.com/tutorials/
tutorial में seamless loop के लिए 4-dimensional noise में traverse करने जैसे कई बढ़िया ideas थे, और मैंने अपने project में भी उनसे खेलना शुरू किया। Processing इस्तेमाल न करें तब भी समझना आसान है
इन animations को देखकर ऐसा लगा जैसे 20–25 साल पहले Winamp visualization plugin चालू करके music सुनने वाले समय में लौट गया हूँ
मज़ेदार दौर था, और यहाँ की animations भी शानदार हैं
वे Apple registered developer थे, और 90s की WWDC में उन्हें घूमते हुए भी देखा करता था
सरल लेकिन मज़ेदार समय था
monitor के ऊपर बड़ा glass lens रखकर ceiling पर project किया करता था। यह joke याद आता है कि गांजा छोड़ने के लिए मैंने गलत दशक चुना
source देखते हुए मैं यह जानना चाहता था कि यह randomly generated है या पहले से बनी animations में से random selection है; पता चला दूसरा है, और कुछ अजीब analytics tag भी दिखा
Cloudflare script रोक देता है, इसलिए site खुद जाकर देखनी पड़ेगी। दो बातें जाननी हैं: Google से script हमेशा request की जाती है, और
doNotTrackको बस false hardcode किया गया है। मेरा browser वह header भेजता है, इसलिए लगता नहीं कि server ने इसे सही से inject किया है; समझ नहीं आ रहा कि यह करना क्या चाहता हैइसके उलट shadertoy [1] सच में impressive है क्योंकि animations real-time में calculate और render होती हैं
पहले shadertoy से प्रभावित होकर मैंने Three.js [2] के साथ shader को background की तरह इस्तेमाल करने वाली website बनाई थी। वह caustics दिखाती थी—यानी waves से गुजरकर pool, lake या समुद्र के तल पर बनने वाले लगातार बदलते light patterns—जो [3] जैसी थी। visitors हमेशा सोचते थे कि यह pre-rendered video है, और सच में हैरान होते थे कि कुछ साल पुराना phone भी उस shader को real-time में smoothly चला रहा है
animations कई तरह की हैं, लेकिन मुझे Electric Sheep याद आ गया, जो एक शानदार fractal flame screensaver था
इसे local में install कर सकते हैं और अपनी पसंद के हिसाब से कई “sheep” को upvote/downvote दे सकते हैं
[1] https://electricsheep.org/
किसी ने नहीं पूछा, तो मैं पूछता हूँ: यह बनाया कैसे गया होगा? क्या ऐसे graphics/visual programming के लिए कोई specialized program है, या यह 3D, math और plotting libraries इस्तेमाल करने वाले Python scripts का bundle है?
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
दूसरी animations का code पढ़कर general ideas और patterns सीखना भी अच्छा है
हालांकि इन works में क्या इस्तेमाल किया गया है, यह पक्का नहीं है
main site पर latest animations click करने पर chronological list देख सकते हैं
[1] https://bleuje.com/animationsite/2023_1/
बचपन में जब भी तेज़ बुखार होता था, मैं ठीक ऐसी ही चीज़ें देखता था
desktop पर right-click करके browser में show controls जैसा option enable करें तो loop point काफी साफ़ दिखता है
कुछ में loop हास्यास्पद रूप से छोटा है
इसे देखकर लगता है जैसे किसी film में वह scene हो जहाँ evil mastermind local लोगों को hypnotize करके अपनी मर्ज़ी से चलाता है
“मत देखो, यहाँ, यह पहनो”
“धत्त, हम बहुत देर से पहुँचे। वह पहले ही बहुत गहराई में जा चुका है”
“tcp का flow रोकने के लिए traffic reroute करने हेतु server mainframe database को फिर से synchronize करना होगा”
और हाँ, wormhole animation के लिए Doctor Who theme music चाहिए
अजीब बात है कि कल मैंने यह link रिश्तेदारों को text से भेजने की कोशिश की, लेकिन बिल्कुल deliver नहीं हुआ
कुछ variations try किए, और लगता है bleuje . com link वाले सभी group messages block हो रहे हैं। शायद कहीं filter लगा है? Android Messages पर T-Mobile इस्तेमाल कर रहा हूँ