|
@ -80,6 +80,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<button class="float-right" @click="captureGraphics()">Screenshot</button> |
|
|
<button class="float-right" @click="captureGraphics()">Screenshot</button> |
|
|
|
|
|
<div id="scene-container" class="h-screen"></div> |
|
|
<AlertMessage |
|
|
<AlertMessage |
|
|
:alertTitle="alertTitle" |
|
|
:alertTitle="alertTitle" |
|
|
:alertMessage="alertMessage" |
|
|
:alertMessage="alertMessage" |
|
@ -98,17 +99,22 @@ interface WorldProperties { |
|
|
endTime?: string; |
|
|
endTime?: string; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@Component({ components: { AlertMessage } }) |
|
|
@Component({ components: { AlertMessage, World } }) |
|
|
export default class StatisticsView extends Vue { |
|
|
export default class StatisticsView extends Vue { |
|
|
world: World; |
|
|
world: World; |
|
|
worldProperties: WorldProperties = {}; |
|
|
worldProperties: WorldProperties = {}; |
|
|
|
|
|
|
|
|
// 'mounted' hook runs after initial render |
|
|
// 'mounted' hook runs after initial render |
|
|
mounted() { |
|
|
mounted() { |
|
|
const container = document.querySelector("#scene-container"); |
|
|
try { |
|
|
const newWorld = new World(container, this); |
|
|
const container = document.querySelector("#scene-container"); |
|
|
newWorld.start(); |
|
|
console.log(container); |
|
|
this.world = newWorld; |
|
|
const newWorld = new World(container, this); |
|
|
|
|
|
newWorld.start(); |
|
|
|
|
|
this.world = newWorld; |
|
|
|
|
|
} catch (err) { |
|
|
|
|
|
console.log(err); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
public captureGraphics() { |
|
|
public captureGraphics() { |
|
|