View difference between Paste ID: 38c3gDcG and mbBNvQ3S
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
*** Version 1 *** (more compact, more prone to error on the programming end)
4
< .majority >
5
	< .intro (collapsed) >
6
	< .reticule (collapsed) >
7
	< .code-editor >
8
	< .bottombar >
9
	< .inventory >
10
< .sidebar >
11
	< .sampler (collapsed) >
12
	< .editor >
13
		< .inspector >
14
		< .assets (collapsed) >
15
16
17
*** Version 2 *** (easier to program hiding and showing)
18
< .pointerlock (collapsed) >
19
	< .majority >
20
		< .intro (collapsed) >
21
		< .reticule >
22
		< .inventory > (how does this move between the pointerlock and pointerfree?)
23
	< .sidebar >
24
		< .sampler >
25
< .pointerfree >
26
	< .majority >
27
		< .code-editor >
28
		< .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)
29
		< .bottombar >
30
	< .sidebar >
31
		< .inspector >
32
		< .assets (collapsed) >
33
34
35
*** Version 3 *** (pointerlock and pointerfree applied as classes to other elements. A little prone to error again as, in development, parents could be added or removed.)
36
< .majority >
37
	< .intro .pointerlock (collapsed) >
38
	< .reticule .pointerlock (collapsed) >
39
	< .code-editor .pointerfree >
40
	< .bottombar .pointerfree >
41
	< .inventory >
42
< .sidebar >
43
	< .sampler .pointerlock (collapsed) >
44
	< .editor .pointerfree  >
45
		< .inspector >
46
		< .assets .collapsed >