3D 敘事技術入門

圖片

簡介

說故事解決方案是一項多用途工具,可讓記者、旅客和熱愛者將敘事融入地理景觀。這個平台提供生動有趣的內容,讓您使用 Google 地圖平台逼真的 3D 圖塊呈現故事。無論你是記者,想透過地理資訊傳達故事情節,或是旅客,想記錄旅遊經歷,這個解決方案都能提供友善的使用者介面,讓你分享故事。

目的

3D 故事述說解決方案旨在整合地理資訊,強化故事的傳達效果。這是一款數位故事述說工具,可讓創作者運用 Google 地圖平台擬真 3D 圖塊,製作身歷其境的互動式敘事內容。目的是彌補敘事與地理位置之間的落差,為使用者提供引人入勝的體驗。

目標用途

1. 新聞學:

記者可以使用 3D 說故事解決方案,透過位置資訊背景強化報導內容。在特定地理設定中嵌入敘事內容,可為新聞文章增添深度和真實感,讓內容更具影響力和吸引力。

2. 旅行文件:

旅客可以以視覺效果驚人的形式記錄旅程。透過加入地理標記章節,使用者不僅可以分享體驗,還能提供冒險活動的空間視角,打造互動式旅遊日記。

3. 教育故事:

教育工作者可以使用這個平台打造沉浸式學習體驗。教育工作者可在地理環境中講述歷史事件、科學現象或文化故事,提升學生的理解力和參與度。

開始使用:

啟用

主要功能

  • 可設定性:這個解決方案提供可設定的 JSON 結構,讓使用者自訂說故事體驗。無論是使用管理應用程式中的直覺式 UI,還是直接編輯 JSON,您都能輕鬆自訂。

  • 互動式章節:透過個別的故事章節深入瞭解細節,每個章節都提供文字內容、媒體元素 (圖片、GIF 或影片) 和地理座標的獨特組合。

  • 動態攝影機控制:透過動態攝影機選項控制敘事流程。位置、傾斜和滾動設定可讓創作者精準構圖,提供身歷其境的觀看體驗。

  • 代管的示範內容:無須在本機安裝,即可探索各項功能。這個主辦的示範影片讓您一窺這項解決方案的敘事潛力。

使用應用程式

啟動應用程式後,右側的故事面板會成為您的指南。這是探索特定故事的樞紐。以下是導覽方式:

開始故事:按下粗體的「開始互動式故事」按鈕,開始互動式體驗。

圖片

自動幻燈片模式:播放按鈕會解鎖幻燈片模式,讓你無縫瀏覽故事的每個章節。

在章節之間移動:使用導覽箭頭,以自己的步調瀏覽故事,在章節之間來回移動。圖片

跳至章節:故事資訊卡提供捷徑,只要點選資訊卡即可立即載入該章節。

互動式多媒體:探索充滿迷人圖片、有趣 GIF 和嵌入式 YouTube 影片的章節。按一下影片中的播放按鈕,即可直接在故事面板中觀看影片。

重要元件

應用程式分為兩個不同的應用程式,分別為:

  • 管理應用程式
  • 試用版應用程式

下圖概略說明這兩個應用程式之間的差異和關聯:

圖片

試用版應用程式:

這是最終的面向使用者的應用程式,會載入您在管理員應用程式中建立的設定。在這個沉浸式 3D 環境中,使用者可以探索所選區域,並發現您醒目顯示的重要地點。

使用「管理」應用程式自訂外觀和風格後,您可以下載設定,並透過原始碼執行自訂應用程式。

管理應用程式:

這個應用程式提供友善的使用者介面,可讓你自訂 3D 體驗:請按這裡,進一步瞭解如何使用管理員應用程式建立及自訂故事

必要條件

Google API 金鑰:您必須使用已為下列 API 啟用的 Google Cloud API 金鑰:

網路伺服器:您可以透過下列方式代管應用程式:

  • 本機網路伺服器 (例如使用 Node.js、http-server)
  • 網站代管服務 (應用程式隨附 Dockerfile)

部署作業

您可以在任何容器環境 (例如 GKEGAE) 中,將應用程式部署為簡易節點應用程式或 Docker。我們使用下列架構來進行託管的示範:

圖片

帳單資訊

這個說故事解決方案使用 Google 地圖平台服務,提供身歷其境的動態體驗。部分 API 可能會產生費用。以下簡要說明這些 API 和定價連結。

Google 地圖平台 - 3D 圖塊 API:

故事述說解決方案會使用 3D 圖塊 API,透過地理空間資料提升視覺體驗。如需 3D Tiles API 的詳細價格資訊,請參閱 Google 地圖平台 - 3D Tiles API 價格

Google Places API:

Places API 可用於位置資料,為敘事體驗增添豐富的資訊。如要瞭解 Google Places API 相關費用,請參閱 Google 地圖平台 - Places API 價格

Google Maps Autocomplete API:

自動完成功能可提升使用者互動體驗。如需 Google 地圖自動完成 API 的詳細價格資訊,請參閱 Google 地圖平台 - Places Autocomplete 價格

CesiumJS:

CesiumJS 用於 3D 地球儀視覺化。雖然 CesiumJS 本身是開放原始碼,但額外功能或服務可能會產生相關費用。如需任何高級產品,請參閱 CesiumJS 說明文件。

請務必查看各個 API 的價格詳細資料,因為系統會根據使用量個別決定收費。請注意,Google 地圖平台提供免費方案,可免費使用一定用量,具體價格則可能因要求數量和使用區域等因素而異。

如需 Google 地圖平台和 CesiumJS 使用費用的最新準確資訊,請一律參閱官方定價頁面。請務必遵守這些服務的條款及細則,有效管理及瞭解任何相關費用。

結論

3D 故事述說解決方案是一項強大的工具,可將故事與地理背景資訊完美整合,創造身歷其境的引人入勝敘事內容。無論是用於新聞、旅遊記錄或教育用途,這項解決方案都能讓創作者以獨特的方式吸引觀眾。

3D 故事述說解決方案具備使用者友善的介面、可自訂的功能和動態攝影機控制功能,可提供流暢的敘事體驗。探索這項創新工具的潛力,盡情發揮創意,以全新的視角呈現生動的故事。