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