-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
57 lines (43 loc) · 1.48 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/**
* @author Demonstrator-3
* @description Javascript code for demonstrator project 3
*
*/
// onderstaande code zet alvast de scene en alles klaar. De html-file 'old_world' wordt ingeladen.
let currentChildren = new Set()
const scene = document.querySelector('#scene') // Get the scene class
const all_ids = document.querySelectorAll('*[id]')
async function loadWorld(name) {
const newWorld = await (await fetch(`/${name}.html`)).text()
const template = document.createElement('div')
template.innerHTML = newWorld
// const content = scene.querySelector('#content');
// content.appendChild(template)
// Remove all children listen
for ( child of currentChildren) {
scene.removeChild(child)
}
currentChildren.clear()
console.log("Template:");
console.log(template.children);
console.log("\n\n Children:");
// Add all new elements from the new document in the scene and children list
for (child of template.children) {
console.log(child);
currentChildren.add(child)
scene.appendChild(child)
console.log(this.id)
}
console.log('End childs');
}
loadWorld('old_world')
AFRAME.registerComponent('cursor-listener', {
init: function () {
this.el.addEventListener('click', function (evt) {
console.log("hi");
console.log(all_ids)
loadWorld(this.id)
console.log(this)
});
}
});