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