專案範例和使用案例 > 使用案例:3D-Guided Service Instructions > 3D-導件服務指示 201:使用 JavaScript 來反白零件並建立 Ionic 快顯視窗
  
3D-導件服務指示 201:使用 JavaScript 來反白零件並建立 Ionic 快顯視窗
先決條件
在您開始此部份專案之前,請確定您已完成 3D-導件服務指示 101
簡介
在今天的世界裡,許多公司基本上都是虛擬的,但是沒有實際看到零件就很難瞭解實體產品。這些公司的銷售、行銷及服務組織需要找到以數位方式展示模型的方法,以便讓人們熟悉產品,於是擴增實境 (AR) 和 Vuforia Studio 應運而生。使用 Vuforia Studio,您可以建立互動式產品的 AR 表示,並可在按一下時顯示零件資料。這讓您能夠提供互動式產品示範及說明服務程序,而不需要在您面前使用實體零件。
此專案部分可協助您熟悉 JavaScript 編碼為 Vuforia Studio 體驗帶來的新增功能,在 Ionic 快顯視窗中填入資訊並根據使用者的點按來反白零件。
1. 建立新專案
2. 建立 userpick 事件接聽程式函數
3. 從模型中將屬性新增至快顯視窗
4. 建立及繫結播放和重設按鈕
5. 反白零件