3D स्टोरीटेलिंग: कस्टमाइज़ेशन गाइड

परिचय

यह गाइड आपको ऐसे अलग-अलग तरीकों के बारे में जानकारी देगी जो 3D कहानी सुनाने की कला के ज़रिए किया जा सकता है पसंद के मुताबिक बनाया जा सकता है, जिससे आपको जियोलोकेशन की शानदार स्टोरी बनाने का मौका मिलता है.

कहानी सुनाने की कला की जानकारी देने वाले प्लैटफ़ॉर्म को दो तरीकों से कॉन्फ़िगर किया जा सकता है आसान तरीके होते हैं. फ़र, आप एडमिन ऐप्लिकेशन, जिसमें खास तौर पर एक कॉन्फ़िगरेशन पैनल मौजूद है. इस पैनल में उपयोगकर्ता ये काम कर सकते हैं: मुख्य प्रॉपर्टी में बदलाव करने के लिए, जैसे कि ImageUrl, शीर्षक, तारीख वगैरह दोनों चैप्टर का इस्तेमाल करें.

दूसरा, आप हर एक के लिए कैमरे की सेटिंग और फ़ोकस के विकल्पों को बेहतर बना सकते हैं एडमिन ऐप्लिकेशन में दिए गए जीयूआई का इस्तेमाल करके चैप्टर. अपने कॉन्फ़िगरेशन से संतुष्ट होने के बाद, उपयोगकर्ताओं के पास, जनरेट की गई 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 अनुभव. यह 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 कहानी सुनाने की कला ऐप्लिकेशन को पसंद के मुताबिक बनाने का तरीका जान लिया है, तो अपनी स्टोरीज़ बनाना शुरू कर सकते हैं. शुरुआत करने के लिए यहां कुछ आइडिया दिए गए हैं:

  • अपने शहर या किसी ऐसी जगह की जानकारी बनाएं जहां की आपने यात्रा की है.
  • किसी ऐतिहासिक घटना या उस व्यक्ति की कहानी बनाएं जिसने आपको प्रेरित किया है.
  • किसी काल्पनिक दुनिया या अपने सपनों की कहानी तैयार करें.

खरीदारी की सुविधा वाले कई तरह के वीडियो बनाए जा सकते हैं! अपनी कल्पनाओं को उड़ान दें और कुछ खास होता है.