View difference between Paste ID: U7p1dc9L and dqsSyrU4
SHOW: | | - or go back to the newest paste.
1
This is pseudo code for how it would appear while you're pointer is free and you're in the inspector part of the editor. You're past the intro already.
2
3-
	< .reticule .collapsed >
3+
4
< .majority >
5
	< .intro (collapsed) >
6
	< .reticule (collapsed) >
7-
	< .sampler .collapsed >
7+
8
	< .inventory >
9
< .sidebar >
10-
		< .assets .collapsed >
10+
	< .sampler (collapsed) >
11
	< .editor >
12
		< .inspector >
13
		< .assets (collapsed) >
14-
< .pointerlock .collapsed >
14+
15
16
*** Version 2 *** (easier to program hiding and showing)
17-
		< .inventory > (how does this move between the two?)
17+
< .pointerlock (collapsed) >
18
	< .majority >
19
		< .intro (collapsed) >
20
		< .reticule >
21-
		< .assets .collapsed >
21+
		< .inventory > (how does this move between the pointerlock and pointerfree?)
22
	< .sidebar >
23
		< .sampler >
24-
		< .inventory >
24+
25
	< .majority >
26
		< .inventory > (If it isn't in the dom and in flow with the other elements, manipulating it in relation to the other elements becomes more complicated)
27
		< .bottombar >
28-
		< .inspector > (If it isn't contained, manipulating it in relation to the other elements becomes more complicated)
28+
29
		< .inspector >
30
		< .assets (collapsed) >
31
32
33
*** Version 3 *** (pointerlock and pointerfree applied as classes to other elements. A little crazy?)
34
< .majority >
35
	< .intro .pointerlock (collapsed) >
36
	< .reticule .pointerlock (collapsed) >
37
	< .bottombar .pointerfree >
38
	< .inventory >
39
< .sidebar >
40
	< .sampler .pointerlock (collapsed) >
41
	< .editor .pointerfree  >
42
		< .inspector >
43
		< .assets .collapsed >