Psychedelic Graphics 0: परिचय

 (benpence.com)
1 पॉइंट द्वारा GN⁺ 2025-01-25 | 1 टिप्पणियां | WhatsApp पर शेयर करें

Psychedelic Graphics 0: परिचय

  • यह सीरीज़ animation और game के लिए psychedelic visuals बनाने का तरीका परिचित कराती है। इसे इस तरह बनाया गया है कि graphics या programming का पूर्व ज्ञान न होने पर भी समझा जा सके। यदि आपको trigonometric functions और programming का बुनियादी ज्ञान है, तो यह मददगार होगा।
  • उम्मीद है कि इस सीरीज़ के ज़रिए आप वीडियो में इस्तेमाल किए गए psychedelic graphics की बुनियाद समझ पाएँगे। अधिकांश वीडियो Blender का उपयोग करके बनाए गए हैं, लेकिन इस सीरीज़ में सिखाई गई तकनीकें आसानी से दूसरी जगह लागू की जा सकती हैं, और बाद में Blender पर अधिक गहराई से चर्चा की जाएगी।

UV क्या है?

3D मॉडल

  • Computer graphics अक्सर 3D दिखाई देते हैं, लेकिन graphics code लिखते समय अक्सर 2D में सोचना पड़ता है। यदि आपने 3D modeling program में कोई सुंदर आकार बनाया है, तो वास्तव में आपने space में तैरते हुए points (vertices) बनाए हैं और उनमें से कुछ को जोड़कर ठोस आकार (faces) बनाया है।
  • 3D मॉडल अधिकांशतः खाली होते हैं, और हम केवल उनकी सतह देख सकते हैं। 3D मॉडल पर रंग लगाने का मानक तरीका UV mapping/texturing है। जैसे पृथ्वी का 2D projection थोड़ा खिंचा और दबा हुआ दिखता है, वैसे ही जब 3D मॉडल का रंग 2D में project किया जाता है, तो वह भी कुछ ऐसा ही दिखता है।

Texture painting

  • जब आप texture paint करते हैं, तो वह 3D मॉडल पर दिखाई देता है। अधिकांश software आपको सीधे 3D मॉडल पर paint करने देता है ताकि image texture को रंगा जा सके।

UV coordinates

  • UV को position, यानी 2D coordinates, के रूप में समझा जा सकता है। UV coordinates को परिभाषित करने के लिए (0, 0) से (1, 1) तक की space का उपयोग किया जाता है। UV map वह data है जो color image texture और 3D मॉडल की faces को जोड़ता है।

Graphics code कैसे काम करता है

Graphics का रंग

  • Computer graphics के रंग अक्सर RGB में व्यक्त किए जाते हैं। लाल, हरे और नीले के मिश्रण से मनुष्य द्वारा पहचाने जा सकने वाले लगभग सभी रंग बनाए जा सकते हैं। Computer graphics में लाल, हरे और नीले की मात्रा आमतौर पर 0.0 से 1.0 तक होती है।

UV का रंग

  • UV coordinates को रंग में बदलकर visualize किया जाता है, जिससे समझने और समस्या हल करने में मदद मिलती है। UV का पहला मान (X value) लाल के रूप में और दूसरा मान (Y value) हरे के रूप में उपयोग किया जाता है।

Floating point और vectors vec2, vec3

  • float एक single decimal number है। vec का अर्थ vector है, और vec2 दो decimal numbers से बना होता है, जबकि vec3 तीन decimal numbers से बना होता है।

Graphics program की संरचना

  • Graphics को distributed तरीके से नियंत्रित करना पड़ता है। Code एक बार चलकर सारे रंग उत्पन्न नहीं करता, बल्कि स्क्रीन के हर छोटे हिस्से के लिए लाखों बार चलाया जाता है। यदि आपके पास programming का अनुभव है, तो यह सोचने का बिल्कुल अलग तरीका है।

  • अब आप भाग 1 शुरू करने के लिए तैयार हैं। इन सीमाओं के बावजूद दिलचस्प visuals कैसे बनाए जाते हैं, यह आप भाग 1 में देख सकते हैं।

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

1 टिप्पणियां

 
GN⁺ 2025-01-25
Hacker News राय

  • David Tristram 1990 के दशक के computer graphics performance group Raster Masters के संस्थापक सदस्यों में से एक थे, और उन्होंने Silicon Graphics workstations का उपयोग करके Grateful Dead, Herbie Hancock, Graham Nash आदि के live music के साथ synthetic images तैयार कीं

    • वह फिलहाल मुख्य रूप से Resolume Avenue और TouchDesigner का उपयोग करते हुए 2D video processing environment में काम कर रहे हैं
    • Hydra एक शानदार JavaScript-आधारित livecoding environment है, जिसमें low-level तक गए बिना psychedelic graphics के साथ प्रयोग किया जा सकता है

  • पहले वे UV texture coordinates को deform करने के तरीकों का अध्ययन करते थे, और अब ShaderToy जैसे fragment shaders का उपयोग करते हैं

    • texture coordinates को flow field के अनुसार displace करने की प्रक्रिया दिलचस्प है
    • coordinates को उनकी मूल स्थिति में वापस लाने के लिए एक सरल "restoring" force लागू करने का तरीका भी है
    • feedback और displacement effects को मिलाकर fluid flow जैसी motion बनाई जाती है

  • HTML में images को process करने वाले shaders लिखना आसान होने की वजह से यह अच्छा लगता है

    • depth map के एक साधारण approximation से भी दिलचस्प परिणाम मिल सकते हैं
    • पहले उन्होंने WebGL का उपयोग करके images के बीच crossfade को smooth बनाने वाला एक project किया था

  • psychedelic अनुभवों को visual रूप में दोबारा प्रस्तुत करने में उनकी गहरी रुचि है

    • Rolling Hills लेख में visual hallucinations को दोबारा बनाने के तरीकों के बारे में बताया गया है
    • ऐसे artist भी हैं जो आधुनिक तकनीक का उपयोग करके psychedelic visuals को अच्छी तरह साकार करते हैं

  • Todd Rundgren ने 1990 के दशक की शुरुआत में Flowfazer नाम का एक Mac app विकसित किया था, जो उपयोगकर्ताओं को रचनात्मक प्रेरणा पाने में मदद करता था

  • Tipper और Fractaled Visions का performance psychedelic visuals के सबसे सटीक चित्रणों में से एक था

    • Fractaled Vision के visuals जटिल और समृद्ध हैं, जो विस्मित कर देते हैं

  • WebGL shaders लिखते हुए वे physical camera effects को लागू करने की कोशिश कर रहे हैं

    • इससे graphics, math, GPU, memory, CPU, animation और time processing की समझ बढ़ाने में मदद मिलती है

  • Jim Crutchfield के video feedback systems पर किए गए शोध जटिल spatial और temporal dynamics के अध्ययन के लिए उपयोगी experimental systems प्रदान करते हैं