तकनीक· 8 मिनट में पढ़ें

VULK के साथ 3D वेबसाइटें: प्रॉम्प्ट से GLB तक पाइपलाइन असल में क्या करती है

VULK 3D वेबसाइटें कैसे बनाता है: कोड में Three.js और React Three Fiber, किसी फ़ोटो या एक वाक्य से GLB मॉडल, वर्शन और आँकड़ों के साथ।

João CastroJoão Castro
VULK के साथ 3D वेबसाइटें: प्रॉम्प्ट से GLB तक पाइपलाइन असल में क्या करती है

10 अक्टूबर 2026 को सत्यापित: उस कोड पर जिसे VULK आज चलाता है, और उसके प्रोडक्शन रिकॉर्ड पर।

"3D वेबसाइट" का मतलब घूमते हुए लोगो से लेकर किसी गेम तक कुछ भी हो सकता है। यह लेख ठीक-ठीक बताता है कि जब आप VULK से 3D वेबसाइट माँगते हैं तो वह क्या करता है, आपके प्रोजेक्ट में कौन-सी लाइब्रेरी आती हैं, 3D मॉडल कैसे बनता है, उसमें कितना समय लगता है और कितने क्रेडिट लगते हैं।

VULK में "3D" शब्द के नीचे दो अलग चीज़ें हैं, और दोनों का भुगतान अलग तरह से होता है:

  1. कोड में 3D सीन। साइट ख़ुद 3D में ड्रॉ करती है: स्क्रॉल करते ही घूमता प्रोडक्ट, आपके पॉइंटर के पीछे चलता hero, या पूरी स्क्रीन का कोई सीन।
  2. आपके लिए बनाए गए 3D मॉडल। किसी ऐसी चीज़ की असली मॉडल फ़ाइल (GLB) जिसका आप वर्णन करते हैं या जिसकी फ़ोटो देते हैं; वह जेनरेट होती है और फिर सीन में रखी जाती है।

आपके प्रोजेक्ट में आने वाली लाइब्रेरी

जब किसी प्रोजेक्ट को 3D चाहिए, तो जेनरेटर तीन runtime पैकेज जोड़ता है, जिनके वर्शन एक ही जगह पिन किए गए हैं ताकि प्रीव्यू और एक्सपोर्ट किया गया कोड एक जैसे रहें:

पैकेज वर्शन
three 0.185.1
@react-three/fiber 9.6.1
@react-three/drei 10.7.7
@types/three 0.185.0

जिन प्रोजेक्टों में 3D नहीं है, उन्हें ये पैकेज मिलते ही नहीं। जो लैंडिंग पेज 3D में ड्रॉ नहीं करता, वह 3D इंजन डाउनलोड करने की क़ीमत नहीं चुकाता।

सीन के चारों ओर की साइट वही React और Vite प्रोजेक्ट है जो VULK किसी भी वेबसाइट के लिए बनाता है, मोशन के लिए GSAP के साथ। जब 3D व्यू ही पूरा प्रोडक्ट हो, जैसे कोई गेम या सिम्युलेटर, तो VULK पूरी स्क्रीन वाले "stage" लेआउट पर चला जाता है, जिसमें सीन पूरा viewport ले लेता है। इस लेआउट में प्रोजेक्ट की सिर्फ़ एक फ़ाइल Three.js, React Three Fiber या Drei को import कर सकती है, जिससे 3D कोड एक ही जगह रहता है, जहाँ आप उसे ढूँढ और एडिट कर सकते हैं।

3D मॉडल कैसे बनता है

"text to 3D" के ज़्यादातर दावे यही हिस्सा छोड़ देते हैं, इसलिए असली रास्ता यह है।

मॉडल एक इमेज से बनता है। VULK इमेज को Tencent के Hunyuan 3D Pro 3.1 को भेजता है और बदले में materials के साथ एक GLB फ़ाइल पाता है। अगर आप चीज़ का वर्णन शब्दों में करते हैं, तो VULK पहले अपने डिफ़ॉल्ट इमेज मॉडल (Gemini 3.1 Flash Image) से एक रेफ़रेंस फ़ोटो बनाता है और फिर उस फ़ोटो से mesh बनाता है। अगर आप अपनी फ़ोटो जोड़ते हैं, तो वही फ़ोटो स्रोत बनती है। दूसरे शब्दों में, VULK में "text to 3D" का मतलब है टेक्स्ट से फ़ोटो और फ़ोटो से मॉडल, और आप वह फ़ोटो देख सकते हैं जिससे मॉडल बना।

कोई चीज़ माँगते समय आप उसकी फ़िनिश और पोज़ चुन सकते हैं। जब आप बाद में किसी चीज़ को बदलने को कहते हैं, तो VULK उस फ़ोटो से नई चीज़ बनाता है जिससे उसका parent बना था, ताकि मूल चीज़ खो न जाए।

फिर फ़ाइल वेब के लिए तैयार की जाती है। हर मॉडल @gltf-transform/cli 4.5.0 के साथ एक ही फ़िनिशिंग चरण से गुज़रता है:

  • Textures को lossless WebP में दोबारा एन्कोड किया जाता है, ताकि normal और roughness maps में compression की गड़बड़ियाँ न आएँ।
  • Geometry को Draco से compress किया जाता है: positions 16 bits पर, normals 12 पर और texture coordinates 14 पर quantise होते हैं।
  • Texture का आकार वैसा ही रखा जाता है जैसा मिला, और triangles कम नहीं किए जाते। Simplification ने, बहुत छोटी error setting पर भी, चिकने पेंट किए हुए पैनलों पर साफ़ दिखने वाली सिलवटें डाल दीं, इसलिए फ़िनिशिंग चरण स्रोत की geometry को वैसा ही रखता है।

फिर उसकी जाँच होती है। फ़ाइल एक वैध GLB होनी चाहिए जिसमें सच में geometry हो। उसके बाद एक planning मॉडल (GPT-6.1 Sol) लिखता है कि क्या जाँचना है, एक अलग vision मॉडल (Gemini 3.7 Flash) इमेज देखता है, और कोड में तय एक नियम आख़िरी फ़ैसला करता है। एक जॉब को ज़्यादा से ज़्यादा तीन सशुल्क कोशिशें मिलती हैं; वह कभी चुपचाप चौथी कोशिश नहीं करता।

कितना समय लगता है, मापा हुआ

प्रोडक्शन रिकॉर्ड से, जो 10 अक्टूबर 2026 को पढ़े गए: 11 सितंबर से 8 अक्टूबर 2026 के बीच पूरे हुए मॉडल जॉब का median 485 सेकंड रहा, यानी लगभग आठ मिनट, जॉब बनने के पल से उसके आख़िरी अपडेट तक।

मॉडल पूरा होने के बाद आप उसे प्रोजेक्ट कार्ड में उसकी लाइन से GLB फ़ाइल के रूप में डाउनलोड भी कर सकते हैं और कहीं और इस्तेमाल कर सकते हैं।

इसकी क़ीमत क्या है

  • Builder में 3D शामिल नहीं है, न कोड में सीन, न जेनरेट किए गए मॉडल। प्लान कार्ड पर यह पंक्ति शामिल नहीं के रूप में दिखती है।
  • Pro, Max, Team, Business और Enterprise में दोनों शामिल हैं।
  • एक जेनरेट किया गया 3D मॉडल 30 VULK क्रेडिट का है। एक प्रोजेक्ट में कितनी चीज़ें आ सकती हैं, यह आपके क्रेडिट बैलेंस पर निर्भर है, हर साइट पर तीन या चार की किसी तय सीमा पर नहीं।

प्लानों की कीमतें pricing पेज पर हैं: Builder $19.99 प्रति माह, Pro $39.99 और Max $199, 10 अक्टूबर 2026 को पढ़ी गईं।

जो डिवाइस 3D ड्रॉ नहीं कर सकता, उस पर क्या होता है

हर विज़िटर के पास WebGL नहीं होता। जब यह नहीं होता, तो सीन ख़ाली आयत के बजाय एक डिज़ाइन किया हुआ fallback दिखाता है, साइट के अपने रंगों का एक wash। सीन विज़िटर की reduced-motion सेटिंग का सम्मान करते हैं, और 768 पिक्सेल से संकरी स्क्रीनों पर कम pixel density पर रेंडर होते हैं।

आप अपने किसी मौजूदा प्रोजेक्ट से 3D हटा भी सकते हैं। VULK से इसे हटाने को कहने पर वह 3D runtime हटा देता है और उन पेजों को ढाल देता है जो इसका इस्तेमाल करते थे, टूटे हुए imports पीछे नहीं छोड़ता।

गेम: क्या मौजूद है

लोग VULK से अक्सर गेम माँगते हैं, इसलिए यह अलग करना ज़रूरी है कि प्रोडक्ट क्या करता है और शोकेस में क्या है।

प्रोडक्ट में: गेम stage मोड वाला एक 3D प्रोजेक्ट है। छोटे गेम सीधे चैट के अंदर एक self-contained HTML टुकड़े के रूप में भी चल सकते हैं, जो 64 KB तक सीमित है और एक sandboxed frame में दिखता है जो अपने आसपास के पेज तक नहीं पहुँच सकता।

शोकेस में: Rutura एक एडवेंचर गेम है जिसे हमारी टीम ने बनाया और शोकेस original के रूप में पब्लिश किया। इसके दोनों कैरेक्टर साइट से सर्व होने वाले असली skinned मॉडल हैं: ranger की फ़ाइल 10,237,204 bytes की है, जिसमें 174,688 triangles और 52 joints वाला skeleton है, और हर कैरेक्टर के तीन animation clips हैं।

सार्वजनिक 3D प्रोजेक्ट जिन्हें आप खोल सकते हैं

ये शोकेस प्रोजेक्ट हैं, जिन्हें हमारी टीम ने बनाया और पब्लिश किया। इन्हें लैपटॉप और फ़ोन दोनों पर खोलें, ताकि देख सकें कि सीन दोनों पर कैसा बर्ताव करता है:

  • Unfold, एक ही चीज़ हर कोण से।
  • Ossa, React Three Fiber सीन में पत्थर के स्पीकर।
  • Rutura, ऊपर बताया गया एडवेंचर।
  • Miso, एक kinetic दुनिया में एक छोटी बिल्ली।

पूरा कैटलॉग शोकेस में है, कैटेगरी के हिसाब से फ़िल्टर किया हुआ।

अक्सर पूछे जाने वाले प्रश्न

VULK कौन-सी 3D लाइब्रेरी इस्तेमाल करता है?

Three.js 0.185.1, React Three Fiber 9.6.1 और Drei 10.7.7 के साथ। ये सिर्फ़ उन्हीं प्रोजेक्टों में जोड़ी जाती हैं जो 3D में ड्रॉ करते हैं।

क्या VULK किसी फ़ोटो से 3D मॉडल बना सकता है?

हाँ। फ़ोटो जोड़ें और VULK उससे Hunyuan 3D Pro 3.1 के साथ मॉडल बनाता है। टेक्स्ट विवरण से, VULK पहले एक रेफ़रेंस फ़ोटो बनाता है और फिर उससे मॉडल बनाता है।

एक मॉडल में कितना समय लगता है?

11 सितंबर से 8 अक्टूबर 2026 के बीच पूरे हुए जॉब का median 485 सेकंड रहा, यानी लगभग आठ मिनट।

3D के लिए कौन-सा प्लान चाहिए?

Pro या उससे ऊपर। Builder में न 3D सीन शामिल हैं, न जेनरेट किए गए मॉडल। हर जेनरेट किया गया मॉडल 30 क्रेडिट का है।

प्रकाशित द्वारा João Castro · 8 मिनट में पढ़ें

आगे पढ़ें

सभी लेख →
VULK सपोर्ट

ऑनलाइन

नमस्ते! आज मैं आपकी कैसे मदद कर सकता हूँ?

लोकप्रिय विषय

AI सपोर्ट • support.vulk.dev