داستان سرایی سه بعدی: از ویرایشگر برای ساخت یک داستان استفاده کنید
با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
برای ایجاد داستان های سه بعدی جذاب که بینندگان را به سفری در مکان های واقعی می برد آماده اید؟ این راهنما به شما نشان می دهد که چگونه با استفاده از ویرایشگر داخلی یک داستان جدید بسازید.
از رابط بصری ما برای تنظیم عناوین، توضیحات، تصاویر و زوایای دوربین استفاده کنید. برای مبتدیان عالی است!
ویرایشگر داستان را باز کنید
راه حل 3D Storytelling دارای یک ویرایشگر داخلی است که به شما امکان می دهد داستان را از رابط کاربری بسازید.
ویرایشگر در سمت چپ صفحه است. با کلیک کردن روی این نماد کوچک باز کنید:
می‌توانید با مراجعه به نسخه میزبانی‌شده 3D Storytelling Admin یا با دانلود و نصب نمونه Storytelling خود از GitHub به ویرایشگر دسترسی پیدا کنید.
صفحه جلد را ایجاد کنید
از بخش «جزئیات داستان» برای تنظیم عنوان، تصویر، توضیحات و جزئیات دیگر استفاده کنید. این داستان شما را به بیننده معرفی می کند.
اضافه کردن فصل
هر فصل مانند یک توقف در سفر شماست. در اینجا نحوه اضافه کردن آنها آمده است:
با استفاده از نوار جستجوی داخلی تکمیل خودکار مکان را جستجو کنید.
هنگامی که یک مکان اضافه شد، می توانید با کلیک بر روی دکمه ویرایش در کنار مکان، جزئیات را به فصل اضافه کنید:
روی " ویرایش " کلیک کنید تا عنوان، توضیحات، تصویر و تاریخ فصل خود را وارد کنید.
اگر می خواهید فصل خاصی را حذف کنید، یک دکمه حذف درست در زیر دکمه ویرایش وجود دارد.
می‌توانید با کشیدن و حرکت دادن با استفاده از نمادهای نقطه‌دار سمت چپ، فصل‌ها را دوباره ترتیب دهید :
فصل را ذخیره کنید
برای ذخیره یک فصل خاص فقط روی دکمه " ترک حالت ویرایش " کلیک کنید. دکمه حالت ترک ویرایش به عنوان دکمه ذخیره عمل می کند.
تنظیمات دوربین را سفارشی کنید
می توانید تنظیمات مختلف دوربین را سفارشی کنید:
نمایش/پنهان کردن نشانگر موقعیت ممکن است نخواهید پین را در یک مکان خاص نشان دهید، بلکه بخواهید یک منطقه کلی را به نمایش بگذارید. برای نمایش یا پنهان کردن پین، کادر "نمایش نشانگر موقعیت مکانی" را علامت بزنید یا علامت آن را بردارید.
نمایش یک شعاع در اطراف یک منطقه شما می توانید انتخاب کنید که یک منطقه در اطراف یک مکان خاص با استفاده از ویژگی "Display Radius Focus" نشان داده شود. وقتی علامت بزنید، یک لغزنده شعاع باز می شود که به شما امکان می دهد شعاع مرزی فوکوس دوربین را کنترل کنید.
این نشان می دهد که چگونه گزینه های دوربین پیشرفته به ایجاد یک تجربه سفارشی کمک می کنند.
مکان دوربین را سفارشی کنید زاویه دوربین خاصی را که می‌خواهید نشان دهید با کنترل‌های آسان دوربین تنظیم کنید:
شیب: نقشه را از بالا یا در سطح زمین ببینید. کلید Control (یا Cmd در برخی از کامپیوترها) را در حالی که کلیک کرده و با ماوس به بالا یا پایین بکشید، نگه دارید.
چرخش: برای نمای 360 درجه، نقشه را بچرخانید. کلید Control (یا Cmd در برخی از رایانه ها) را در حالی که کلیک کرده و با ماوس به چپ یا راست بکشید، نگه دارید.
زوم: یک نمای نزدیک یا زاویه باز بگیرید. از چرخ اسکرول ماوس خود یا حرکات زوم یا کوچکنمایی آشنا استفاده کنید.
برای یافتن زاویه مناسب برای هر مکان، ترکیب شیب، چرخش و زوم را آزمایش کنید. بسته به تنظیمات رایانه، کنترل‌ها ممکن است کمی متفاوت باشند.
نحوه کنترل بوم سه بعدی را بررسی کنید تا زاویه دوربین عالی خود را بدست آورید.
نهایی و دانلود کنید
پس از ساخته شدن داستان و فصل ها، پیکربندی را دانلود کنید.
روی " دانلود " کلیک کنید تا پیکربندی سفارشی خود را در قالب JSON دریافت کنید.
این پیکربندی می‌تواند برای ایجاد داستان‌سرایی سه بعدی خود با جدا کردن کد از GitHub استفاده شود.
تاریخ آخرین بهروزرسانی 2025-09-04 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-09-04 بهوقت ساعت هماهنگ جهانی."],[[["\u003cp\u003eCreate immersive 3D stories with real-world locations using the built-in editor to customize titles, descriptions, images, and camera angles for a captivating user journey.\u003c/p\u003e\n"],["\u003cp\u003eEasily add chapters to your story by searching for locations, providing details such as titles, descriptions, and images, and reordering them as needed.\u003c/p\u003e\n"],["\u003cp\u003eFine-tune the camera settings for each chapter by controlling the tilt, rotate, and zoom to achieve the perfect perspective and enhance the visual experience.\u003c/p\u003e\n"],["\u003cp\u003eDownload the story configuration in JSON format once finalized to integrate it with the 3D Storytelling solution and share it with your audience.\u003c/p\u003e\n"],["\u003cp\u003eAccess the 3D Storytelling Admin app either through the hosted version or by downloading the code from GitHub to get started building your stories.\u003c/p\u003e\n"]]],["The core process involves creating a 3D story using the built-in editor, accessible via a hosted app or downloaded code. Users set story details, add chapters by searching locations, and customize chapter elements like titles, descriptions, images, and dates. Chapters can be reordered and deleted. Camera settings are adjustable, including showing/hiding markers, displaying a radius, and fine-tuning the view via tilt, rotate, and zoom. Finally, the complete story configuration is downloadable as a JSON file.\n"],null,["Ready to create captivating 3D stories that take viewers on a journey through\nreal-world locations? This guide will show you how to build a new story using\nthe built-in editor.\n\nUse our intuitive interface to adjust titles, descriptions, images, and camera\nangles. It's perfect for beginners!\n| **Use the hosted** [3D Storytelling Admin app](https://js-3d-storytelling-admin-t6a6o7lkja-uc.a.run.app/)\n|\n| Or\n| [Get an API Key](https://console.cloud.google.com/google/maps-apis/credentials?utm_source=3d_solutions_storytelling). and **download** the code from [GitHub](https://github.com/googlemaps-samples/js-3d-storytelling).\n\nOpen the story editor\n\nThe 3D Storytelling solution comes with a built-in Editor which lets you to\nbuild the story from the UI\n\nThe editor is on the left side of the page. Open by clicking this small icon:\n\nYou can access the editor by visiting the hosted version\n[3D Storytelling Admin app](https://goo.gle/3d-storytelling-admin) or by\ndownloading and installing your own Storytelling instance from [GitHub](https://github.com/googlemaps-samples/js-3d-storytelling)\n\nCreate the cover page\n\nUse the \"Story details\" section to set a title, image, description, and other\ndetails. This introduces your story to the viewer.\n\nAdd chapters\n\nEach chapter is like a stop on your journey. Here's how to add them:\n\n1. Search for a location using the built-in Autocomplete search bar.\n\n2. Once a location is added you can add details to the chapter by clicking on the\n **Edit** button next to the location:\n\n3. Click \"**Edit**\" to enter the title, description, image, and date for your\n chapter.\n\n4. If you want to delete a particular chapter, there is a **delete** button right\n below the Edit button.\n\n5. You can **reorder** the chapters by dragging and moving using the left hand\n dotted icons:\n\nSave the chapter\n\nTo save a specific chapter just click the \"**Leave Edit mode**\" button.\nThe Leave Edit mode button acts as a save button.\n\nCustomize camera settings\n\nYou can customize different camera settings:\n\n- **Show/hide the location marker** You may not want\n to show the pin on a specific location rather want to showcase a general area.\n Check/uncheck the \"Display location marker\" box to show or hide a pin.\n\n- **Show a radius around an area** You can choose to show an area around a\n specific location using the \"Display Radius Focus\" feature. When checked\n it will open up a radius slider that will allow you to control the boundary\n radius of the camera focus.\n\n | **Note:** Make sure to click \"Save camera position\" to save the above settings before exiting.\n\nThis shows how advanced camera options help create a customized experience.\n\n- **Customize the camera location** Fine tune the specific camera angle you\n want to show with easy camera controls:\n\n- **Tilt:** See the map from above or at ground level. Hold down the Control\n key (or Cmd on some computers) while clicking and dragging up or down with\n your mouse.\n\n- **Rotate:** Spin the map for a 360-degree view. Hold down the Control key\n (or Cmd on some computers) while clicking and dragging left or right with your\n mouse.\n\n- **Zoom:** Get a close-up or a wide-angle view. Use scroll wheel of your mouse\n or familiar zoom in/out gestures.\n\nExperiment with combining tilt, rotate, and zoom to find the perfect angle for\neach location. The controls may vary slightly depending on your computer's\nsetup.\n\nCheck how to control the 3D canvas to get your perfect camera angle.\n\nFinalize and download\n\nOnce the story and the chapters are built, download the configuration.\n\nClick \"**Download**\" to get your customized config in JSON format.\n\nThis configuration can be used to create your own 3D Storytelling by forking the\ncode from [GitHub](https://github.com/googlemaps-samples/js-3d-storytelling)."]]
