css-3d-engine/world.js at master · Timendus/css-3d-engine · GitHub

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
class World {

  constructor(targetElm) {
    this.targetElm = targetElm;

    // Map the map... oh boy this is not intuitive code... :P
    this.walls = this._map().map((o) => new Wall(o));

    console.log("And thus the world was created");
  }

  render() {
    this.targetElm.innerHTML = this.walls.map((o) => o.html()).join('');
  }

  spawnWall(position, orientation) {
    this.walls.push(new Wall({
      type: 'wall',
      texture: 'wall1',
      position: position,
      rotation: orientation,
      width: 300,
      height: 300
    }));
  }

  getWall(id) {
    return this.walls.find((w) => w.id == id);
  }

  json() {
    return this.walls.map((w) => w.json());
  }

  _map() {
    return JSON.parse(`

[
  {
    "type": "floor",
    "texture": "floor4",
    "position": [
      0,
      150,
      -300
    ],
    "rotation": [
      90,
      0,
      0
    ],
    "width": 3000,
    "height": 3000,
    "repeat": true
  },
  {
    "type": "wall",
    "texture": "wall1",
    "position": [
      0,
      0,
      -450
    ],
    "rotation": [
      0,
      0,
      0
    ],
    "width": 300,
    "height": 300,
    "text": "wsad"
  },
  {
    "type": "wall",
    "texture": "wall2",
    "position": [
      -150,
      0,
      -300
    ],
    "rotation": [
      0,
      90,
      0
    ],
    "width": 300,
    "height": 300,
    "text": "<- / ->"
  },
  {
    "type": "wall",
    "texture": "wall3",
    "position": [
      150,
      0,
      -300
    ],
    "rotation": [
      0,
      -90,
      0
    ],
    "width": 300,
    "height": 300
  },
  {
    "type": "wall",
    "texture": "wall4",
    "position": [
      0,
      0,
      -150
    ],
    "rotation": [
      0,
      180,
      0
    ],
    "width": 300,
    "height": 300
  }
]

    `);
  }

}