लिक्विड ग्लास ऑर्ब स्टूडियो

एनिमेटेड काँच का गोला बनाएँ और पारदर्शी PNG, लूपिंग WebM या स्वतंत्र HTML निर्यात करें।

प्रीसेट चुनें, गोले और हाइलाइट को समायोजित करें, फिर मॉकअप के लिए पारदर्शी PNG, मोशन एडिट के लिए छह-सेकंड लूप या स्वतंत्र HTML रेंडरर निर्यात करें।

लाइव पूर्वावलोकन

WebGL2 शेडर रेंडरर

कोई इनपुट या सेटिंग नहीं भेजी जाती। रेंडरिंग इसी ब्राउज़र में होती है।

लाइव पूर्वावलोकन तैयार हो रहा है…

WebM पारदर्शिता ब्राउज़र कोडेक पर निर्भर है; एडिटर में परिणाम जाँचें।

पृष्ठभूमि
फ़्रैगमेंट शेडर
कैसे उपयोग करें

वेब प्रोजेक्ट के लिए काँच का गोला बनाएँ

एनिमेटेड काँच का गोला बनाएँ और पारदर्शी PNG, लूपिंग WebM या स्वतंत्र HTML निर्यात करें।

इस्तेमाल करने के चरण

  1. मूल इनपुट यहाँ दें: प्रीसेट।
  2. सेट करें: काँच का रंग / गोले का आकार / अपवर्तन / चमक / घूमने की गति / पारदर्शी / पृष्ठभूमि का रंग / PNG आकार। काम के अनुसार विकल्प चुनने के लिए नीचे का संदर्भ देखें।
  3. चुनें: PNG डाउनलोड करें / 6 सेकंड का WebM रिकॉर्ड करें / स्वतंत्र HTML डाउनलोड करें। कॉपी, डाउनलोड या दूसरे उपयोग से पहले परिणाम जाँचें।
  4. प्रीसेट चुनें, गोले और हाइलाइट को समायोजित करें, फिर मॉकअप के लिए पारदर्शी PNG, मोशन एडिट के लिए छह-सेकंड लूप या स्वतंत्र HTML रेंडरर निर्यात करें।

विकल्प कैसे चुनें

विकल्पक्या बदलता है
PNG आकार / पारदर्शीPNG स्थिर चित्र रखता है; WebM 6 सेकंड की ऐनिमेशन रिकॉर्ड करता है; अलग HTML के रेंडरर को WebGL ब्राउज़र चाहिए। स्थिर पारदर्शी सामग्री में PNG लें। WebM पारदर्शिता को गंतव्य ब्राउज़र या ऐप में जाँचें।

उदाहरण और अपेक्षित परिणाम

उदाहरण: Aurora चुनें और पारदर्शिता चालू रखें। 1024 px निर्यात से गोले के चारों ओर पारदर्शी जगह वाला 1024 × 640 PNG बनता है। WebM में पारदर्शिता ब्राउज़र कोडेक और एडिटिंग ऐप पर निर्भर है।

अगर काम नहीं कर रहा हो

  • रेंडरर शुरू न हो तो ब्राउज़र में WebGL समर्थन जाँचें। वीडियो कोडेक असमर्थित हो या दूसरे ऐप में पारदर्शिता खोए तो स्थिर चित्र के लिए PNG लें, या WebM को गंतव्य ऐप में पहले जाँचें।