शुरुआती जानकारी
यह गाइड आपको उन अलग-अलग तरीकों के बारे में बताएगी जिनसे 3D स्टोरीटेलिंग सलूशन को अपनी पसंद के मुताबिक बनाया जा सकता है. इससे आपको भौगोलिक स्थान से जुड़ी शानदार कहानियां बनाने में मदद मिलेगी.
कहानी सुनाने की कला को दो आसान तरीकों से कॉन्फ़िगर किया जा सकता है. Firs, Admin ऐप्लिकेशन में मौजूद, काम के यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल किया जा सकता है. इसमें एक खास कॉन्फ़िगरेशन पैनल मौजूद है. इस पैनल में, उपयोगकर्ता पूरे स्टोरी और अलग-अलग चैप्टर के लिए, इमेजUrl, शीर्षक, तारीख वगैरह जैसी मुख्य प्रॉपर्टी में बदलाव कर सकते हैं.
दूसरा, एडमिन ऐप्लिकेशन में जीयूआई का इस्तेमाल करके, हर चैप्टर के लिए कैमरे की सेटिंग और फ़ोकस के विकल्पों को बेहतर बनाया जा सकता है. कॉन्फ़िगरेशन से संतुष्ट होने पर, उपयोगकर्ताओं के पास जनरेट की गई JSON फ़ाइल डाउनलोड करने का विकल्प होता है.
इसके अलावा, JSON फ़ाइल में सीधे तौर पर बदलाव किया जा सकता है. JSON स्ट्रक्चर में बदलाव किया जा सकता है, कॉन्फ़िगर किए गए कहानी सुनाने वाले समाधान को लोड किया जा सकता है, और एडमिन कंट्रोल पैनल को बायपास किया जा सकता है. इस ड्यूअल अप्रोच में, उपयोगकर्ता के लिए आसान इंटरफ़ेस और JSON में बेहतर तरीके से बदलाव करने की सुविधा मिलती है.
शुरुआत करना:
चालू करें
खुद रचें अपनी कहानी
कहानी के लेआउट को कवर स्टोरी में बांटा गया है. इसके बाद, इसमें चैप्टर का इस्तेमाल किया गया है.
कवर और चैप्टर, दोनों को अपनी पसंद के मुताबिक बनाया जा सकता है.
एडमिन ऐप्लिकेशन और कॉन्फ़िगरेशन फ़ाइल, दोनों का इस्तेमाल करके स्टोरी बनाने और उन्हें अपनी पसंद के मुताबिक बनाने के बारे में जानकारी
देखें.
कवर पेज
आपको सबसे पहले अपनी पूरी कहानी के लिए एक कवर पेज बनाना होगा. इससे आपकी स्टोरी में खास जानकारी, कवर फ़ोटो, और ब्यौरा जुड़ जाता है.
एडमिन ऐप्लिकेशन का इस्तेमाल करें
सबसे पहले, अपनी खबर के लिए एक कवर पेज जोड़ें. एडमिन ऐप्लिकेशन से ऐसा करने के लिए नीचे दी गई स्क्रीन का इस्तेमाल करें:
config.json का इस्तेमाल करें
इसके अलावा, अगर आपके पास कॉन्फ़िगरेशन फ़ाइल है, तो इन सेक्शन को सीधे फ़ाइल में जोड़ा जा सकता है:
- 1.
imageUrl: पूरी खबर के लिए मुख्य मीडिया फ़ाइल (इमेज, GIF या वीडियो) का यूआरएल.
यह सार्वजनिक तौर पर ऐक्सेस किया जा सकने वाला कोई भी यूआरएल हो सकता है, जो किसी ऐसी इमेज, GIF या वीडियो फ़ाइल पर ले जाता हो जिसे आपको पूरी स्टोरी के लिए मुख्य मीडिया के तौर पर इस्तेमाल करना हो.
- 2.
title: पूरी कहानी का टाइटल. - 3.
date: खबर से जुड़ी तारीख या समय सीमा. - 4.
description: कम शब्दों में कहानी की जानकारी. - 5.
createdBy: कहानी का क्रिएटर या लेखक. - 6.
imageCredit: मुख्य इमेज का क्रेडिट. - 7.
cameraOptions: पूरी स्टोरी के लिए कैमरे की शुरुआती सेटिंग.
चैप्टर
कहानी को चैप्टर में बांटा गया है. हर चैप्टर की अलग-अलग स्थितियां हैं. जितने चाहें उतने चैप्टर बनाए जा सकते हैं. सबसे पहले एक पता चुनें और फिर चैप्टर में यहां दी गई जानकारी जोड़ें.
एडमिन ऐप्लिकेशन का इस्तेमाल करें
जगह की खोज: आप जिस जगह को दिखाना चाहते हैं उसे ढूंढने के लिए, इंटिग्रेट किए गए Google Maps Platform के ऑटोकंप्लीट खोज बार का इस्तेमाल करें.
जगह जोड़ने के बाद, जगह की जानकारी के बगल में मौजूद बदलाव करें बटन पर क्लिक करके चैप्टर में जानकारी जोड़ी जा सकती है:
जगह के बारे में जानकारी जोड़ें:
कॉन्फ़िगरेशन पूरी हो जाने के बाद, json फ़ाइल डाउनलोड करें. इसके बाद, डेमो ऐप्लिकेशन में उसका इस्तेमाल किया जा सकता है.
config.json का इस्तेमाल करके कॉन्फ़िगर करें
हर चैप्टर को अपनी पसंद के मुताबिक बनाने के लिए, डाउनलोड की गई config.json फ़ाइल में इन वैरिएबल में सीधे बदलाव किया जा सकता है:
title: चैप्टर का टाइटल.id: चैप्टर के लिए यूनीक आइडेंटिफ़ायर.imageUrl: चैप्टर की इमेज का यूआरएल.imageCredit: चैप्टर की इमेज के लिए क्रेडिट.content: चैप्टर के लिए टेक्स्ट कॉन्टेंट.dateTime: चैप्टर के लिए खास तारीख या समय.coords: चैप्टर से जुड़ी जगह के लिए निर्देशांक.lat: अक्षांश.lng: देशांतर.
address: चैप्टर से जुड़ा पता.
कैमरे की सेटिंग
इस ऐप्लिकेशन से कैमरे पर कई तरह के कंट्रोल मिलते हैं. इस सेक्शन में आपको कैमरा की अलग-अलग सेटिंग और उन्हें पसंद के मुताबिक बनाने के बारे में जानकारी मिलेगी.
(अपना परफ़ेक्ट व्यू ऐंगल पाने के लिए पैन करें,ज़ूम करें, कैमरे को झुकाएं)
एडमिन ऐप्लिकेशन का इस्तेमाल करना
कैमरा: देखने का चुना हुआ अनुभव देने के लिए कैमरे की मूवमेंट की स्पीड और ऑर्बिट टाइप को अडजस्ट करें.
लोकेशन मार्कर से, किसी खास जगह पर पिन दिखाने या छिपाने के बीच टॉगल किया जा सकता है.
दायरा फ़ोकस किसी खास जगह को पिन किए बिना, किसी इलाके के आस-पास विनेट शैडो बनाता है. आस-पास या सामान्य इलाके को दिखाने के लिए यह बहुत अच्छा विकल्प है.
इस इमेज में, किसी पॉइंट के बजाय किसी हिस्से के बारे में बताने के लिए, कैमरे के फ़ोकस को बदलने का तरीका बताया गया है.
config.json का इस्तेमाल करें
आपके पास json कॉन्फ़िगरेशन फ़ाइल का इस्तेमाल करके, कैमरे के सभी पैरामीटर को सीधे पसंद के मुताबिक बनाने का विकल्प भी है:
cameraOptions: चैप्टर के लिए कैमरे की सेटिंग. (कैमरे के ऐंगल के बारे में ज़्यादा जानें)position: पोज़िशन पैरामीटर, 3D एनवायरमेंट में कैमरे के स्पेशल कोऑर्डिनेट को तय करता है. इसमें तीन वैल्यू होती हैं: x, y, और z. हर निर्देशांक x, y, और z ऐक्सिस में एक पॉइंट दिखाता है, जिससे कैमरे की जगह तय होती है.heading: हेडिंग पैरामीटर उस हॉरिज़ॉन्टल दिशा के बारे में बताता है जिसमें कैमरे को फ़ोकस किया गया है. भौगोलिक भाषा में, यह कैमरे के व्यू और उत्तर दिशा के बीच के ऐंगल को दिखाता है. 0 की हेडिंग से पता चलता है कि कैमरा उत्तर की ओर है.pitch: पिच पैरामीटर कैमरे का वर्टिकल ऐंगल तय करता है. यह कैमरे के व्यू का झुकाव या झुकाव दिखाता है. पॉज़िटिव पिच नीचे की ओर दिखती है, जबकि नेगेटिव पिच ऊपर की ओर दिखती है.roll: रोल पैरामीटर, कैमरे के ऐक्सिस के चारों ओर घूमने को तय करता है. यह कैमरे के घूमने वाली हलचल को दिखाता है. 0 का रोल कोई रोटेशन नहीं दिखाता है, जबकि पॉज़िटिव या नेगेटिव वैल्यू क्रमश: दाईं या बाईं ओर रोटेशन को दिखाता है.
focusOptions: किसी खास पॉइंट पर फ़ोकस करने के विकल्प.focusRadius: फ़ोकस के लिए दायरा.showFocus: फ़ोकस दिखाने या छिपाने के लिए बूलियन.showLocationMarker: जगह का मार्कर दिखाने या छिपाने के लिए बूलियन.
अपना कॉन्फ़िगरेशन सेव करें
आखिर में, कैमरे की पोज़िशन सेव करने के लिए, कैमरे की पोज़िशन सेव करें पर क्लिक करें. इसके बाद, अपने काम को सेव करने के लिए, बदलाव मोड छोड़ें पर क्लिक करें
इस ऐप्लिकेशन का इंटरफ़ेस इस्तेमाल करने में आसान है, जिससे 3D अनुभव को पसंद के मुताबिक बनाया जा सकता है. यह एडमिन ऐप्लिकेशन है.
फ़ाइनल config.json
आखिरी config.json फ़ाइल में वह सारी जानकारी शामिल होती है जो आपकी पसंद के मुताबिक कहानी सुनाने की कला को जनरेट करने के लिए ज़रूरी है. इसमें कवर पेज की जानकारी, चैप्टर, और कैमरे की सेटिंग शामिल हैं. इस फ़ाइल का इस्तेमाल करके अपनी स्टोरी को बेहतर बनाया जा सकता है. साथ ही, पक्का किया जा सकता है कि यह वैसी ही दिखे जैसी आपको चाहिए.
शुरू करने के लिए,एडमिन ऐप्लिकेशन से config.json फ़ाइल डाउनलोड करें या नए सिरे से नई फ़ाइल बनाएं. फिर, फ़ाइल को टेक्स्ट एडिटर में खोलें और वैल्यू में बदलाव करना शुरू करें. अपनी ऑडियंस को यूनीक और इमर्सिव अनुभव देने के लिए, टेक्स्ट, इमेज, और कैमरे की सेटिंग बदलें.
कहानी की खास जानकारी वाली json फ़ाइल, कुछ इस तरह से दिख सकती है:
{
"properties": {
"imageUrl": "https://storage.googleapis.com/gmp-3d-tiles-storytelling/assets/images/317-300x160.jpg",
"title": "Title",
"date": "1967",
"description": ""his is where you put descriptions",
"createdBy": "Add author",
"imageCredit": "Add image credit",
"cameraOptions": {
"position": {
"x": -2708127.031960028,
"y": -4260747.583520751,
"z": 3886346.825328216
},
"heading": -1.5708,
"pitch": -0.785398,
"roll": 0
}
}
कोई खास चैप्टर ऐसा दिख सकता है. चैप्टर, एक कलेक्शन है और इसमें कई चैप्टर शामिल हो सकते हैं.
"chapters": [
{
"title": "The Jimmy Hendrix Experience",
"id": 4,
"imageUrl": "https://storage.googleapis.com/gmp-3d-tiles-storytelling/assets/images/401-300x160.jpg",
"imageCredit": "Hunter",
"content": "XYZZZ",
"dateTime": "Aug 10-12 1967",
"coords": {
"lat": 37.7749,
"lng": -122.4194
},
"address": "The Filmore | 1805 Geary Blvd",
"cameraOptions": {
"position": {
"x": -2706472.5713478313,
"y": -4261528.277488908,
"z": 3885143.750529967
},
"heading": 0,
"pitch": 0,
"roll": 0
},
"focusOptions": {
"focusRadius": 3000,
"showFocus": false,
"showLocationMarker": true
}
},
बेहतर कस्टमाइज़ेशन
आप कोड को गहराई से समझ सकते हैं और कई अन्य कस्टमाइज़ेशन कर सकते हैं:
कॉन्फ़िगरेशन फ़ाइल को किसी दूसरी जगह से लोड करें
बॉक्स में, समाधान एक लोकल फ़ाइल से कहानी सुनाने की कला के कॉन्फ़िगरेशन को लोड करता है . हालांकि, इसे config.js में आसानी से बदला जा सकता है:
export async function loadConfig(configUrl) {
try {
// Fetch the configuration data from the specified URL.
const configResponse = await fetch(configUrl);
कैमरे के कॉन्फ़िगरेशन
/utils/cesium.js फ़ाइल की मदद से, कैमरे को अपनी पसंद के मुताबिक बनाया जा सकता है.
यह कई ज़रूरी वैरिएबल के बारे में बताता है, जैसे:
- आरएडीआईयूएस
- BASE_PITCH_RADIANS
- BASE_HEADING_RADIANS
- BASE_ROLL_RADIANS
- DEFAULT_HIGHLIGHT_RADIUS
इन वैरिएबल में बदलाव करके, अलग-अलग तरह के बेहतरीन कैमरा एंजल और अनुभव पाएं.
नतीजा
इस दस्तावेज़ों में, हमने 3D स्टोरीटेलिंग ऐप्लिकेशन को पसंद के मुताबिक बनाने की एक गाइड दी है. हमने Admin ऐप्लिकेशन में मौजूद कई विकल्पों के बारे में जाना. साथ ही, भौगोलिक स्थान से जुड़ी दिलचस्प और दिलचस्प कहानियां बनाने के लिए, इनका इस्तेमाल कैसे किया जा सकता है. हमने config.json फ़ाइल का इस्तेमाल करके कस्टम स्टोरी बनाने की प्रोसेस पर चर्चा की है. अगले चरण
अब आपने 3D स्टोरीटेलिंग ऐप्लिकेशन को पसंद के मुताबिक बनाना सीख लिया है, तो अब अपनी स्टोरी बनाना शुरू किया जा सकता है. शुरुआत करने के लिए यहां कुछ आइडिया दिए गए हैं:
- अपने गृहनगर या उस स्थान के बारे में एक कहानी बनाएं, जहां आप जा चुके हैं.
- किसी ऐतिहासिक घटना या किसी ऐसे व्यक्ति की कहानी बनाएं जिसने आपको प्रेरित किया हो.
- एक काल्पनिक दुनिया या अपने सपने के बारे में एक कहानी बनाएं.
खरीदारी की सुविधा वाले कई तरह के वीडियो बनाए जा सकते हैं! इसलिए, अपनी कल्पनाओं को उड़ान दें और कुछ खास बनाएं.