शुरुआती जानकारी
इस गाइड में आपको 3D कहानी सुनाने की कला के तरीके को पसंद के मुताबिक बनाने के अलग-अलग तरीकों के बारे में जानकारी मिलेगी. इससे आपको जियोलोकेशन के लिए आकर्षक स्टोरी बनाने में मदद मिलेगी.
आपके पास दो आसान तरीकों से, कहानी सुनाने की कला को कॉन्फ़िगर करने की सुविधा होती है. Fir, एडमिन ऐप्लिकेशन में मौजूद आसान यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल कर सकते हैं. इसमें एक खास कॉन्फ़िगरेशन पैनल होता है. इस पैनल में उपयोगकर्ता, पूरी स्टोरी और अलग-अलग चैप्टर, दोनों के लिए imageUrl, शीर्षक, तारीख वगैरह जैसी मुख्य प्रॉपर्टी में बदलाव कर सकते हैं.
दूसरा, एडमिन ऐप्लिकेशन में दिए गए जीयूआई का इस्तेमाल करके, हर चैप्टर की सेटिंग और फ़ोकस के विकल्पों को बेहतर बनाया जा सकता है. अपने कॉन्फ़िगरेशन से संतुष्ट होने के बाद, उपयोगकर्ता जनरेट की गई 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 अनुभव को अपनी पसंद के मुताबिक बनाया जा सकता है. यह Admin ऐप्लिकेशन की मदद से खुलेगा.
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 स्टोरीटेलिंग ऐप्लिकेशन को पसंद के मुताबिक बनाने के लिए एक गाइड दी है. हमने एडमिन ऐप्लिकेशन में मौजूद कई विकल्पों को एक्सप्लोर किया है. साथ ही, यह भी पता लगाया है कि इनका इस्तेमाल करके जियोलोकेशन वाली दिलचस्प स्टोरी कैसे बनाई जा सकती हैं. हमने config.json फ़ाइल का इस्तेमाल करके, पसंद के मुताबिक कहानी बनाने की प्रोसेस पर भी चर्चा की है. अगले चरण
अब जब आपने 3D कहानी सुनाने की कला ऐप्लिकेशन को पसंद के मुताबिक बनाने का तरीका जान लिया है, तो अब आप अपनी कहानियां बनाना शुरू कर सकते हैं. शुरुआत करने के लिए यहां कुछ आइडिया दिए गए हैं:
- अपने शहर या किसी ऐसी जगह की जानकारी बनाएं जहां की आपने यात्रा की है.
- किसी ऐतिहासिक घटना या उस व्यक्ति की कहानी बनाएं जिसने आपको प्रेरित किया है.
- किसी काल्पनिक दुनिया या अपने सपनों की कहानी तैयार करें.
खरीदारी की सुविधा वाले कई तरह के वीडियो बनाए जा सकते हैं! इसलिए, अपनी कल्पना को पंख दें और कुछ ख़ास बनाएँ.