संक्षेप में जवाब
3D वेब प्रेज़ेंटेशन ऐसा डेक है जो ब्राउज़र में चलता है: पढ़ने लायक़ HTML स्लाइड्स एक लाइव three.js सीन के ऊपर रहती हैं, और हर स्लाइड कैमरे को उसके अपने शॉट तक ले जाती है। VITON13 के सात कॉन्सेप्ट डेक में 78 स्लाइड्स हैं, हर डेक gzip में 235–252 KB JavaScript लोड करता है, Apple M5 वाले MacBook पर 60 fps बनाए रखता है और ईमेल के लिए 16:9 PDF में एक्सपोर्ट होता है।
सात कॉन्सेप्ट डेक, और सबके नीचे एक ही इंजन
सितंबर 2026 में VITON13 Studio ने अपने पोर्टफ़ोलियो में सात प्रेज़ेंटेशन कॉन्सेप्ट का एक सेट जोड़ा। हर एक ऐसे काम के लिए बना है जिसे क्लाइंट किसी स्टूडियो के पास बार-बार लेकर आते हैं: Avrora फ़ुटबॉल क्लब का स्पॉन्सरशिप पैकेज बेचना, लॉजिस्टिक्स स्टार्टअप NEXORA का Series A राउंड जुटाना, NOVA स्मार्ट रिंग का लॉन्च, NORD 81 रिहायशी टावर के घर, अंतरिक्ष कंपनी ORBITA, PULSE 2027 फ़ेस्टिवल के पार्टनर पैकेज और जीनोमिक क्लिनिक HELIX। इनमें हर ब्रांड, आँकड़ा, नाम और फ़ोन नंबर गढ़ा हुआ है, और हर डेक की आख़िरी स्लाइड यह बात साफ़-साफ़ कहती है।
कुल मिलाकर इनमें रूसी भाषा में 78 स्लाइड्स हैं: निवेशकों वाली पिच में बारह और बाक़ी छह डेक में ग्यारह-ग्यारह। एक हब पेज सभी डेक को उनकी स्लाइड्स की संख्या, उनके ट्रांज़िशन और PDF डाउनलोड के साथ दिखाता है। सातों डेक tarasovvitalii.com/demos/presentations/ पर चलते हैं, जो स्टूडियो के संस्थापक का पोर्टफ़ोलियो है, और स्टूडियो ने इन्हें स्क्रीन और मापों के साथ एक केस स्टडी के रूप में दर्ज किया है।
कट की जगह कैमरे की उड़ान वाली स्लाइड्स
इस सेट में 3D वेब प्रेज़ेंटेशन दो परतों वाला एक वेब पेज है। पीछे एक लाइव three.js सीन है: रात का स्टेडियम, काँच का टावर, पृथ्वी के ऊपर एक सैटेलाइट। आगे साधारण HTML स्लाइड्स हैं, जिनमें हेडलाइन, आँकड़े और चार्ट होते हैं। हर स्लाइड का सीन में अपना कैमरा स्टेशन है, इसलिए जब प्रेज़ेंटर आगे बढ़ता है, तो ऊपर का टेक्स्ट बदलता है और उसी दौरान कैमरा उड़कर अगले शॉट तक पहुँच जाता है।
स्लाइड्स सात 3D ट्रांज़िशन में से किसी एक के साथ बदलती हैं, जिसे ब्रांड के हिसाब से चुना गया है: फ़ुटबॉल क्लब के लिए रफ़्तार की लकीरों वाली स्प्रिंट, निवेश पिच के लिए घूमता क्यूब, रिंग के लिए फ़्लाई-थ्रू, रिहायशी टावर के लिए पलटता हुआ किताब का पन्ना, अंतरिक्ष कंपनी के लिए ऑर्बिट, फ़ेस्टिवल के लिए ग्लिच फ़्लिप और क्लिनिक के लिए धीरे से ऊपर उठना। स्लाइड खुलते ही आँकड़े गिनती करते हुए बढ़ते हैं, बार चार्ट ऊपर उठते हैं और छोटे 3D कॉलआउट ख़ुद को सीन के हिस्सों से जोड़ लेते हैं।
टेक्स्ट HTML ही रहता है, इसलिए उसे सेलेक्ट और कॉपी किया जा सकता है, स्क्रीन रीडर उसे पढ़ सकता है, और वह हर डिस्प्ले पर साफ़ दिखता है। वीडियो या एनिमेटेड एक्सपोर्ट से यही सबसे बड़ा फ़र्क़ है, क्योंकि वहाँ हर शब्द पिक्सेल बन जाता है।
कोड में गढ़े गए सीन, स्टॉक फ़ुटेज के बिना
सातों में से किसी भी डेक में डाउनलोड किया हुआ 3D मॉडल, फ़ोटो या वीडियो इस्तेमाल नहीं हुआ। स्टेडियम लगभग 43,000 सीटों और फ़ैन्स से बना है, NORD 81 टावर निर्माण वाली स्लाइड पर मंज़िल-दर-मंज़िल ऊपर उठता है, रिंग खुलकर छह लेबल वाले हिस्सों में बँट जाती है, और ORBITA सैटेलाइट के नीचे की पृथ्वी शेडर से बनाई गई है। सीटों और खिड़कियों जैसी बार-बार दोहराई जाने वाली चीज़ें three.js के InstancedMesh से बनती हैं, जो एक ही ऑब्जेक्ट की ढेर सारी कॉपियाँ एक ही ड्रॉ कॉल में रेंडर करता है, और ब्लूम अकेला पोस्ट-इफ़ेक्ट है।
सीन को कोड से बनाने से फ़ाइलें छोटी रहती हैं और स्लाइड ख़ुद सीन को बदल सकती है: बत्तियाँ जल उठती हैं, भीड़ 124 BPM पर थिरकने लगती है, हेलिक्स का मटीरियल बदल जाता है। इसका यह भी मतलब है कि डेक में ऐसी कोई लाइसेंस वाली इमेज नहीं है जिसकी अवधि ख़त्म हो सकती हो या जिसके लिए क्रेडिट लाइन देनी पड़े।
ऐरो कीज़, क्लिकर और स्लाइड सॉफ़्टवेयर की बाक़ी आदतें
डेक को मीटिंग रूम में टिकना होता है, इसलिए इंजन वे आदतें बनाए रखता है जो लोगों में पहले से हैं। ऐरो कीज़, स्पेस बार, PageDown और PageUp स्लाइड्स के बीच ले जाते हैं, और ज़्यादातर प्रेज़ेंटेशन क्लिकर यही कमांड भेजते हैं; माउस व्हील और स्वाइप भी यही काम करते हैं। O की सभी स्लाइड्स का ओवरव्यू खोलती है, जहाँ वे 3D ग्रिड पर झुके हुए कार्ड की तरह दिखती हैं, F फ़ुल स्क्रीन करती है और A ऑटोप्ले शुरू करती है।
हर स्लाइड का अपना पता है, इसलिए सेल्स मैनेजर ऐसा लिंक भेज सकता है जो सीधे पाँचवीं स्लाइड पर खुले। फ़ोन पर सीन स्क्रीन के ऊपरी हिस्से में रहता है और स्लाइड का टेक्स्ट नीचे एक स्क्रॉल होने वाले पैनल में चला जाता है, ताकि लंबी स्लाइड्स भी पतली स्क्रीन पर पढ़ी जा सकें। एक अलग स्क्रिप्ट हर डेक को 16:9 PDF में रेंडर करती है, जो ईमेल अटैचमेंट, प्रिंटिंग और उन लोगों के काम आती है जो डेक ऐसी मशीन पर खोलते हैं जिसे 3D चलाने में दिक़्क़त होती है।
फ़्रेम रेट और वज़न: 28 सितंबर 2026 के आँकड़े
28 सितंबर 2026 को स्टूडियो ने हर डेक की दो स्लाइड्स पर तीन-तीन सेकंड तक requestAnimationFrame से फ़्रेम गिने; यह ब्राउज़र की वह कॉल है जो स्क्रीन के हर रिफ़्रेश पर एक बार चलती है। टेस्ट Apple M5 चिप वाले MacBook पर headless Chrome में, Retina स्केल पर 1600 × 1000 की विंडो में चला। सभी 14 रीडिंग 60 fps निकलीं, 60.1 से 60.2 के बीच।
हर डेक gzip कंप्रेशन के साथ 235 से 252 KB तक JavaScript लोड करता है, और इसमें three.js और GSAP भी शामिल हैं। पूरा बिल्ड 27 MB का है, और उसमें से 14 MB सात PDF संस्करण हैं, जिन्हें विज़िटर सिर्फ़ माँगने पर डाउनलोड करता है। ये एक नई मशीन पर लिए गए लैब आँकड़े हैं: ये किसी पुराने ऑफ़िस लैपटॉप या बजट फ़ोन के बारे में कुछ नहीं बताते, जिन्हें मापा ही नहीं गया।
ब्राउज़र डेक PDF से कब आगे निकलता है और कब पीछे रह जाता है
ब्राउज़र डेक अपनी लागत तब वसूल करता है जब प्रेज़ेंटेशन लिंक के रूप में भेजी जाती है और ठीक-ठाक स्क्रीन पर खुलती है: ऐसा स्पॉन्सरशिप ऑफ़र जिसमें मैच वाली रात का एहसास होना चाहिए, ऐसा रिहायशी प्रोजेक्ट जिसमें इमारत ही प्रोडक्ट है, या ऐसी पिच जिसमें बढ़ता हुआ चार्ट स्थिर चार्ट से ज़्यादा आसानी से समझ आता है। यह तब भी काम आता है जब वही डेक पहले लाइव पेश किया जाए और फिर आगे भेजा जाए, क्योंकि पाने वाला ठीक वही देखता है जो कमरे में बैठे लोगों ने देखा था।
यह तब हारता है जब डेक ज़्यादातर प्रिंट होगा, किसी पुराने कंप्यूटर पर पढ़ा जाएगा, कई लोग उसे किसी स्लाइड टूल में एडिट करेंगे या उसे बिना इंटरनेट के खोला जाएगा। ऐसे मामलों में सामग्री को PDF कॉपी संभालती है, और हो सकता है कि क्लासिक स्लाइड फ़ाइल ही बेहतर विकल्प हो। ऐसा डेक ऑर्डर करने से पहले पूछने लायक़ ईमानदार सवाल यही है कि डेक असल में कहाँ खोला जाएगा।
एक बीच का रास्ता भी है। कंपनी अंदरूनी एडिटिंग के लिए अपनी सामान्य स्लाइड फ़ाइल रख सकती है और 3D वेब प्रेज़ेंटेशन सिर्फ़ उस संस्करण के लिए बनवा सकती है जो स्पॉन्सर, निवेशकों या ख़रीदारों तक जाता है। तब वेब डेक ऐसी कहानी का निखरा हुआ संस्करण बन जाता है जिस पर पहले से सहमति बन चुकी है; इससे काम का महँगा हिस्सा छोटा रहता है और स्प्रेडशीट में हर बार कोई आँकड़ा बदलने पर सीन दोबारा नहीं बनाने पड़ते।
इस कॉन्सेप्ट सेट की सीमाएँ
ये सात डेक एक कॉन्सेप्ट हैं जो एक फ़ॉर्मेट दिखाता है, किसी क्लाइंट का काम नहीं। फ़ुटबॉल क्लब, स्टार्टअप, रिंग, टावर, अंतरिक्ष कंपनी, फ़ेस्टिवल और क्लिनिक असल में मौजूद नहीं हैं, इसलिए यह सेट जुटाए गए राउंड, बेची गई स्पॉन्सरशिप या बुक हुए फ़्लैट के बारे में कुछ साबित नहीं करता। डेक सिर्फ़ रूसी में हैं, और डेमो को जानबूझकर सर्च से बाहर रखा गया है, ताकि लोगों को डेमो नहीं, बल्कि केस पेज मिले।
फ़्रेम रेट एक ही दिन, एक ही मशीन पर मापा गया। किसी असली प्रोजेक्ट में उन डिवाइस पर टेस्टिंग जोड़नी होगी जिन्हें दर्शक सच में इस्तेमाल करते हैं, कमज़ोर ग्राफ़िक्स चिप के लिए एक हल्का मोड चाहिए होगा, और गढ़े हुए आँकड़ों की जगह क्लाइंट के अपने आँकड़े आएँगे।
3D डेक बनवाने से पहले जुटाने लायक़ सामग्री
ऐसे डेक में सीन सबसे ज़्यादा नज़र आने वाला हिस्सा होता है, लेकिन तर्क अब भी स्लाइड्स ही रखती हैं। काम तेज़ी से होता है जब क्लाइंट कहानी पहले से व्यवस्थित करके आता है: वह एक वाक्य जो दर्शकों को याद रहना चाहिए, वे पाँच से सात आँकड़े जो उसे साबित करते हैं, लोगो की फ़ाइलें और रंग, और यह अंदाज़ा कि सीन में कौन-सी चीज़ दिखनी चाहिए, चाहे वह इमारत हो, प्रोडक्ट हो, कोई वेन्यू हो या नक्शे पर कोई रूट।
यह भी जल्दी तय कर लेना अच्छा रहता है कि डेक कौन पेश करेगा और कहाँ। प्रोजेक्टर पर लैपटॉप से दिखाया जाने वाला डेक, ईमेल से निवेशकों को भेजा जाने वाला डेक और किसी इवेंट में फ़ोन पर खोला जाने वाला डेक, इन तीनों में हर स्लाइड पर टेक्स्ट की मात्रा अलग होनी चाहिए, और सीन व शब्दों के बीच का संतुलन भी अलग।
व्यावहारिक चेकलिस्ट
- लिखिए कि डेक सबसे ज़्यादा कहाँ खुलेगा: प्रोजेक्टर पर, ईमेल इनबॉक्स में या फ़ोन पर।
- वे पाँच से सात आँकड़े जुटाइए जिन्हें डेक को साबित करना है, और हर एक का स्रोत भी।
- वह एक चीज़ चुनिए जो 3D सीन में दिखनी चाहिए: वेन्यू, इमारत, प्रोडक्ट या रूट।
- प्रिंट, अटैचमेंट और धीमे कंप्यूटरों के लिए हर डेक का PDF संस्करण माँगिए।
- लिंक भेजने से पहले डेक को उस सबसे पुराने डिवाइस पर चलाकर देखिए जो आपके दर्शकों के पास हो सकता है।
सवाल और जवाब
क्या 3D वेब प्रेज़ेंटेशन को PDF के रूप में भी भेजा जा सकता है?
हाँ। VITON13 के सेट में एक स्क्रिप्ट हर डेक को 16:9 PDF में रेंडर करती है, इसलिए वही स्लाइड्स अटैचमेंट के रूप में जा सकती हैं, प्रिंट हो सकती हैं या ऐसी मशीन पर खुल सकती हैं जिसे 3D में दिक़्क़त होती है, जबकि लिंक पर लाइव संस्करण बना रहता है।
क्या three.js प्रेज़ेंटेशन फ़ोन पर चलती है?
डेक में फ़ोन के लिए अलग लेआउट है: सीन ऊपर रहता है और स्लाइड का टेक्स्ट उसके नीचे स्क्रॉल होने वाले पैनल में चला जाता है। फ़्रेम रेट सिर्फ़ Apple M5 वाले MacBook पर मापा गया, इसलिए पुराने फ़ोन पर परफ़ॉर्मेंस की जाँच नहीं हुई है।
क्या सात डेक में 3D मॉडल या स्टॉक वीडियो इस्तेमाल हुए?
नहीं। स्टेडियम, टावर, रिंग, सैटेलाइट, स्टेज और DNA हेलिक्स कोड से बनाए गए हैं, और डेक में कोई फ़ोटो या वीडियो नहीं है। सीटों और खिड़कियों जैसी दोहराई जाने वाली चीज़ें इंस्टेंसिंग से बनती हैं, ताकि वे हल्की रहें।
मीटिंग में इनमें से कोई डेक कैसे पेश करें?
लिंक खोलकर F की से फ़ुल स्क्रीन करें और ऐरो कीज़, स्पेस बार या PageDown और PageUp भेजने वाले क्लिकर से आगे-पीछे जाएँ। O की सभी स्लाइड्स एक साथ दिखाती है, और सीधा लिंक भेजने के लिए हर स्लाइड का अपना पता है।
क्या Avrora, NEXORA और बाक़ी ब्रांड असली कंपनियाँ हैं?
नहीं। सातों ब्रांड, उनके आँकड़े, क़ीमतें, लोग और फ़ोन नंबर काल्पनिक हैं और सिर्फ़ फ़ॉर्मेट दिखाने के लिए हैं; हर डेक की आख़िरी स्लाइड यह बताती है, और स्टूडियो इस सेट को कॉन्सेप्ट के रूप में चिह्नित करता है।