سرد القصص الثلاثي الأبعاد: دليل التخصيص

مقدمة

سيرشدك هذا الدليل إلى الطرق المختلفة التي يمكن أن يوفّرها حلّ سرد القصص الثلاثية الأبعاد. على شكل موقع جغرافي، مما يتيح لك إنشاء قصص آسرة حول رصد الموقع الجغرافي.

لديك المرونة في تهيئة حل سرد القصص من خلال والطرق المناسبة. Firs، يمكنك استخدام واجهة المستخدم السهلة والمتوفرة في تطبيق مشرف، يضم لوحة إعداد مخصصة. داخل هذه اللوحة، يمكن للمستخدمين تعديل الخصائص الرئيسية مثل imageUrl والعنوان والتاريخ وغير ذلك لكل من القصة الشاملة والفصول الفردية.

ثانيًا، يمكنك ضبط إعدادات الكاميرا وخيارات التركيز لكل منها باستخدام واجهة المستخدم الرسومية في تطبيق المشرف. بمجرد الرضا عن تهيئتها، بإمكان المستخدمين تنزيل ملف JSON الذي تم إنشاؤه.

ويمكنك بدلاً من ذلك تعديل ملف JSON مباشرةً. يمكنك ضبط بنية JSON وتحميل حل سرد القصص الذي تم إعداده وتجاوز لوحة تحكم المشرف. يقدم هذا النهج المزدوج كلاً من واجهة سهلة الاستخدام ومعالجة متقدمة بتنسيق JSON.

البدء:

تفعيل

إنشاء قصتك الخاصة

ينقسم التخطيط العام للقصة إلى قصة غلاف تليها فصول. ويمكن تخصيص كلّ من الغلاف والفصل بشكل فردي. وقت المغادرة:
تفاصيل حول كيفية إنشاء القصص وتخصيصها باستخدام تطبيق "المشرف" وكذلك ملف التهيئة.

صفحة الغلاف

أول شيء عليك القيام به هو إنشاء صفحة غلاف لموقعك قصة. يؤدي ذلك إلى إضافة النظرة العامة وصورة الغلاف ووصفًا إلى قصتك.

استخدام تطبيق "المشرف"

تبدأ بإضافة صفحة غلاف لقصتك. يمكنك إجراء ذلك من خلال تطبيق "المشرف". باستخدام الشاشة التالية:

صورة

استخدام config.json

بالإضافة إلى ذلك، إذا كان لديك ملف الإعداد، يمكنك إضافة هذه الأقسام مباشرةً في الملف:

  • 1. imageUrl: عنوان URL لملف الوسائط الرئيسي (صورة أو GIF أو فيديو) القصة بأكملها.

يمكن أن يكون ذلك أي عنوان URL متاح للجميع يوجّه المستخدمين إلى صورة أو ملف GIF أو فيديو. ملف تريد استخدامه كوسائط رئيسية للقصة بأكملها.

  • 2. title: عنوان القصة بأكملها
  • 3- date: التاريخ أو الإطار الزمني المرتبط بالقصة
  • 4. description: وصف موجز للقصة
  • 5- createdBy: منشئ القصة أو مؤلفها
  • 6- imageCredit: اسم الصورة الرئيسية
  • 7. cameraOptions: إعدادات الكاميرا الأولية للقصة بأكملها

الفصول

القصة مقسمة إلى فصول، يحتوي كل منها على مجموعة خاصة من المتغيرات. يمكنك ويمكنك إنشاء أي عدد تريده من الفصول عليك أن تبدأ بتحديد عنوان، ثم تضيف التفاصيل التالية إلى الفصل.

استخدام تطبيق "المشرف"

البحث عن الموقع الجغرافي: استخدام ميزة الإكمال التلقائي من "منصة خرائط Google" المدمجة شريط البحث للعثور على الموقع الذي تريد عرضه.

بعد إضافة موقع، يمكنك إضافة تفاصيل إلى الفصل من خلال النقر على زر تعديل بجانب الموقع:

صورة

إضافة تفاصيل حول الموقع الجغرافي:

بمجرد أن تكون راضيًا عن التهيئة العامة، قم بتنزيل ملف json يمكنك استخدامه في التطبيق التجريبي.

الضبط باستخدام config.json

يمكنك تعديل المتغيّرات التالية مباشرةً في ملف config.json الذي تم تنزيله لتخصيص كل فصل:

  • title: عنوان الفصل
  • id: المعرّف الفريد للفصل
  • imageUrl: عنوان URL لصورة الفصل
  • imageCredit: ملكية صورة الفصل
  • content: المحتوى النصي للفصل
  • dateTime: التاريخ أو الإطار الزمني الخاص بالفصل
  • coords: إحداثيات الموقع الجغرافي المرتبط بالفصل
    • lat: خط العرض
    • lng: خط الطول
  • address: العنوان المرتبط بالفصل

إعدادات الكاميرا

يوفّر التطبيق العديد من عناصر التحكّم المختلفة في الكاميرا. هذا القسم يرشدك عبر إعدادات الكاميرا المختلفة وكيفية تخصيصها.

صورة

(التحريك والتكبير/التصغير وإمالة الكاميرا للحصول على زاوية عرض مثالية)

استخدام تطبيق "المشرف"

الكاميرا: اضبط سرعة حركة الكاميرا ونوع المدار لإنشاء تجربة المشاهدة التي اخترتها

  • تتيح لك علامة الموقع الجغرافي التبديل بين عرض دبوس في موقع جغرافي محدّد الموقع أو إخفائها.

  • يؤدي تركيز النطاق إلى إنشاء ظل نقوش الصورة النصفية حول منطقة معينة بدون بتحديد موقع معين. هذه طريقة رائعة لعرض الحي أو منطقتك العامة.

صورة

يوضح هذا كيفية تغيير تركيز الكاميرا لعرض منطقة بدلاً من نقطة محددة.

استخدام config.json

يمكنك أيضًا تخصيص جميع مَعلمات الكاميرا مباشرةً باستخدام إعدادات JSON الملف:

  • cameraOptions: إعدادات الكاميرا لهذا الفصل (مزيد من المعلومات حول الكاميرا الزوايا)

    • position: تحدد مَعلمة الموضع الإحداثيات المكانية الكاميرا في بيئة ثلاثية الأبعاد. يتكون من ثلاث قيم: x وy وz. يمثل كل إحداثي نقطة في المحاور x وy وz، ويحدد لموقع الكاميرا.

    • heading: تشير معلمة العنوان إلى الاتجاه الأفقي في الذي توجهه الكاميرا. ومن الناحية الجغرافية، فإنها تمثل الزاوية بين زاوية رؤية الكاميرا والاتجاه الشمالي. عنوان 0 يشير إلى أن الكاميرا تتجه نحو الشمال.

    • pitch: تحدد مَعلمة درجة الصوت الزاوية الرأسية والكاميرا. ويشير إلى إمالة العرض أو ميله في الكاميرا. حاسمة العرض الترويجي الإيجابي يشير إلى أسفل، بينما يشير العرض السالب إلى الأعلى.

    • roll: تحدّد معلمة اللفّ الدوران حول الكاميرا على المحور. وهو يمثّل الحركة الملتوية للكاميرا. رمية صفرية تشير إلى عدم تدوير، بينما تشير القيم الموجبة أو السالبة إلى تدوير إلى اليمين أو اليسار، على التوالي.

  • focusOptions: خيارات للتركيز على نقطة معيّنة

  • focusRadius: النطاق الجغرافي للتركيز

  • showFocus: قيمة منطقية لإظهار التركيز أو إخفائه.

  • showLocationMarker: قيمة منطقية لإظهار علامة الموقع الجغرافي أو إخفائها.

حفظ الإعدادات

أخيرًا، انقر على حفظ موضع الكاميرا لحفظ موضع الكاميرا، ثم انقر على مغادرة وضع التعديل لحفظ عملك.

صورة

يوفر هذا التطبيق واجهة سهلة الاستخدام تتيح لك تخصيص التجربة ثلاثية الأبعاد. هذا هو تطبيق "المشرف".

ملف 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

لا تتردد في تعديل هذه المتغيرات للحصول على العديد من الشخصيات والتجارب.

الخاتمة

في هذه المستندات، قدّمنا دليلاً لتخصيص أسلوب سرد القصص الثلاثي الأبعاد. التطبيق. لقد تعرفنا على الخيارات المختلفة المتاحة في تطبيق "المشرف" وكيف يمكن استخدامها لإنشاء قصص غامرة وجذابة في الموقع الجغرافي. أر عملية إنشاء قصة مخصّصة باستخدام ملف config.json الملف. الخطوات التالية

والآن بعد أن تعلّمت كيفية تخصيص تطبيق سرد القصص الثلاثي الأبعاد، يمكنك يمكنك البدء بإنشاء قصصك الخاصة إليك بعض الأفكار لمساعدتك على البدء:

  • يمكنك إنشاء قصة عن مسقط رأسك أو مكان زرته.
  • يمكنك إنشاء قصة عن حدث تاريخي أو عن شخص ألهمك بأفكارك.
  • إنشاء قصة عن عالم خيالي أو حلم كنت حلمه

الخيارات لا تحصى. أطلِق العنان لخيالك وأطلق العنان لخيالك شيء مميز حقًا.