-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
92 additions
and
92 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,111 +1,111 @@ | ||
| import SuperVizRoom from "@superviz/sdk"; | ||
| import "./style.css"; | ||
| import { Presence3D } from "@superviz/autodesk-viewer-plugin"; | ||
| import { sampleInfo } from "./projectInfo"; | ||
| import SuperVizRoom from '@superviz/sdk' | ||
| import './style.css' | ||
| import { Presence3D } from '@superviz/autodesk-viewer-plugin' | ||
| import { sampleInfo } from './projectInfo' | ||
|
|
||
| const participant = Math.floor(Math.random() * 100); | ||
| const groupId = sampleInfo.id; | ||
| const groupName = sampleInfo.name; | ||
| const participant = Math.floor(Math.random() * 100) | ||
| const groupId = sampleInfo.id | ||
| const groupName = sampleInfo.name | ||
|
|
||
| const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY; | ||
| const FORGE_CLIENT = import.meta.env.VITE_CLIENT_ID; | ||
| const FORGE_SECRET = import.meta.env.VITE_CLIENT_SECRET; | ||
| const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY | ||
| const FORGE_CLIENT = import.meta.env.VITE_CLIENT_ID | ||
| const FORGE_SECRET = import.meta.env.VITE_CLIENT_SECRET | ||
|
|
||
| const AUTH_URL = "https://developer.api.autodesk.com/authentication/v2/token"; | ||
| const modelURN = "urn:adsk.objects:os.object:e8d17563-1a4e-4471-bd72-a0a7e8d719bc/fileifc.ifc"; | ||
| const AUTH_URL = 'https://developer.api.autodesk.com/authentication/v2/token' | ||
| const modelURN = 'urn:adsk.objects:os.object:e8d17563-1a4e-4471-bd72-a0a7e8d719bc/fileifc.ifc' | ||
| const AutodeskData = { | ||
| grant_type: "client_credentials", | ||
| scope: "data:read bucket:read", | ||
| }; | ||
| const token = btoa(`${FORGE_CLIENT}:${FORGE_SECRET}`); | ||
| grant_type: 'client_credentials', | ||
| scope: 'data:read bucket:read', | ||
| } | ||
| const token = btoa(`${FORGE_CLIENT}:${FORGE_SECRET}`) | ||
|
|
||
| function InitAutodesk() { | ||
| const contentSection = document.getElementById("zeus-participant"); | ||
| let viewer: any = null; | ||
| const contentSection = document.getElementById('zeus-participant') | ||
| let viewer: any = null | ||
|
|
||
| fetch(AUTH_URL, { | ||
| method: "POST", | ||
| headers: { "Content-Type": "application/x-www-form-urlencoded", Authorization: `Basic ${token}` }, | ||
| body: new URLSearchParams(AutodeskData).toString(), | ||
| }) | ||
| .then((res) => { | ||
| return res.json(); | ||
| }) | ||
| .then((dataToken) => { | ||
| const options = { | ||
| env: "AutodeskProduction2", | ||
| api: "streamingV2", | ||
| accessToken: dataToken.access_token, | ||
| }; | ||
| fetch(AUTH_URL, { | ||
| method: 'POST', | ||
| headers: { 'Content-Type': 'application/x-www-form-urlencoded', Authorization: `Basic ${token}` }, | ||
| body: new URLSearchParams(AutodeskData).toString(), | ||
| }) | ||
| .then((res) => { | ||
| return res.json() | ||
| }) | ||
| .then((dataToken) => { | ||
| const options = { | ||
| env: 'AutodeskProduction2', | ||
| api: 'streamingV2', | ||
| accessToken: dataToken.access_token, | ||
| } | ||
|
|
||
| const modelID = btoa(modelURN); | ||
| var documentId = `urn:${modelID}`; | ||
| const modelID = btoa(modelURN) | ||
| var documentId = `urn:${modelID}` | ||
|
|
||
| window.Autodesk.Viewing.Initializer(options, async () => { | ||
| viewer = new window.Autodesk.Viewing.GuiViewer3D(contentSection); | ||
| await viewer.start(); | ||
| window.Autodesk.Viewing.Initializer(options, async () => { | ||
| viewer = new window.Autodesk.Viewing.GuiViewer3D(contentSection) | ||
| await viewer.start() | ||
|
|
||
| viewer.setTheme("dark-theme"); | ||
| viewer.setQualityLevel(false, false); | ||
| viewer.setGhosting(false); | ||
| viewer.setGroundShadow(false); | ||
| viewer.setGroundReflection(false); | ||
| viewer.setOptimizeNavigation(true); | ||
| viewer.setProgressiveRendering(true); | ||
| viewer.setTheme('dark-theme') | ||
| viewer.setQualityLevel(false, false) | ||
| viewer.setGhosting(false) | ||
| viewer.setGroundShadow(false) | ||
| viewer.setGroundReflection(false) | ||
| viewer.setOptimizeNavigation(true) | ||
| viewer.setProgressiveRendering(true) | ||
|
|
||
| window.Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure); | ||
| }); | ||
| }); | ||
| window.Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure) | ||
| }) | ||
| }) | ||
|
|
||
| function onDocumentLoadSuccess(doc: any) { | ||
| const viewable = doc.getRoot().getDefaultGeometry(); | ||
| if (viewable) { | ||
| viewer | ||
| .loadDocumentNode(doc, viewable, { | ||
| applyScaling: "meters", | ||
| }) | ||
| .then(async (result: any) => { | ||
| await InitSuperVizRoomWithAutodesk(viewer); | ||
| }) | ||
| .catch((error: any) => { | ||
| onDocumentLoadFailure(error); | ||
| }); | ||
| } | ||
| } | ||
| function onDocumentLoadFailure(error: any) { | ||
| console.error(`Error loading forge model: ${error}`); | ||
| } | ||
| function onDocumentLoadSuccess(doc: any) { | ||
| const viewable = doc.getRoot().getDefaultGeometry() | ||
| if (viewable) { | ||
| viewer | ||
| .loadDocumentNode(doc, viewable, { | ||
| applyScaling: 'meters', | ||
| }) | ||
| .then(async () => { | ||
| await InitSuperVizRoomWithAutodesk(viewer) | ||
| }) | ||
| .catch((error: any) => { | ||
| onDocumentLoadFailure(error) | ||
| }) | ||
| } | ||
| } | ||
| function onDocumentLoadFailure(error: any) { | ||
| console.error(`Error loading forge model: ${error}`) | ||
| } | ||
| } | ||
|
|
||
| async function InitSuperVizRoomWithAutodesk(viewer: any) { | ||
| const room = await SuperVizRoom(DEVELOPER_KEY, { | ||
| roomId: groupId, | ||
| group: { | ||
| id: groupId, | ||
| name: groupName, | ||
| }, | ||
| participant: { | ||
| id: participant.toString(), | ||
| name: "John " + participant, | ||
| avatar: { | ||
| imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`, | ||
| model3DUrl: `https://production.storage.superviz.com/readyplayerme/2.glb`, | ||
| }, | ||
| }, | ||
| }); | ||
| const room = await SuperVizRoom(DEVELOPER_KEY, { | ||
| roomId: groupId, | ||
| group: { | ||
| id: groupId, | ||
| name: groupName, | ||
| }, | ||
| participant: { | ||
| id: participant.toString(), | ||
| name: 'John ' + participant, | ||
| avatar: { | ||
| imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`, | ||
| model3DUrl: `https://production.storage.superviz.com/readyplayerme/2.glb`, | ||
| }, | ||
| }, | ||
| }) | ||
|
|
||
| const autodeskPresence = new Presence3D(viewer, { | ||
| isAvatarsEnabled: true, | ||
| isLaserEnabled: false, | ||
| isNameEnabled: true, | ||
| avatarConfig: { | ||
| height: 0, | ||
| scale: 10, | ||
| laserOrigin: { x: 0, y: 0, z: 0 }, | ||
| }, | ||
| }); | ||
| const autodeskPresence = new Presence3D(viewer, { | ||
| isAvatarsEnabled: true, | ||
| isLaserEnabled: false, | ||
| isNameEnabled: true, | ||
| avatarConfig: { | ||
| height: 0, | ||
| scale: 10, | ||
| laserOrigin: { x: 0, y: 0, z: 0 }, | ||
| }, | ||
| }) | ||
|
|
||
| room.addComponent(autodeskPresence); | ||
| room.addComponent(autodeskPresence) | ||
| } | ||
|
|
||
| InitAutodesk(); | ||
| InitAutodesk() |