Workshop demo 2025 #1
Conversation
| "vite-plugin-static-copy": "^1.0.0" | ||
| }, | ||
| "dependencies": { | ||
| "cesium": "1.130.0" |
There was a problem hiding this comment.
@lukemckinstry Just a heads up: I locked the version of CesiumJS, just in case, to ensure this always works going forward.
| 2. In Visual Studio Code, [open the workspace](https://code.visualstudio.com/docs/editing/workspaces/workspaces) by using **File** > **Open Folder...** and selecting the `cesiumjs-workshop` directory from the previous step. | ||
| 3. Open `src/main.js`. | ||
| 4. In Cesium ion, open the [**Access Tokens**](https://ion.cesium.com/tokens?) tab. Select the **Default Token**, and copy the contents of **Token** in the right pane. |
There was a problem hiding this comment.
I winder if we should go a step beyond the Quickstart Tutorial and advise participants to follow best practice and create a unique token for their app.
| // `cesiumContainer` ID and visualize terrain | ||
| const viewer = new Viewer("cesiumContainer", { | ||
| terrain: Terrain.fromWorldTerrain(), | ||
| infoBox: false, |
There was a problem hiding this comment.
A few thoughts on minimizing the UI:
- Let's either set the home location or hide the home button.
- Lets disable the scene mode picker with
scene3DOnly - Since we're not getting into imagery layers in detail, let's hide the base layer picker
| position: position, | ||
| orientation: orientation, | ||
| model: { | ||
| uri: "./src/CesiumBalloon.glb", |
There was a problem hiding this comment.
Did we want to upload this model to ion as part of the workshop? If so, should the code here reflect that? Or do we prefer that it work out of the box?
| import "./style.css"; | ||
|
|
||
| // Step 1.2: Add you default Cesium ion access token | ||
| Ion.defaultAccessToken = "your_ion_token_here"; |
There was a problem hiding this comment.
If we want this app to work out of the box (for those who may stumble upon it organically) we could comment out this line.
|
Thanks for getting this all together @lukemckinstry! Looking great! |
Adds the demo code for the CesiumJS Deep Dive workshop