Currently uses a custom framework I made, the general architecture looks like this:
Note This is a very early representation, so it may become subject to change
flowchart TB
dpatcher(Dispatcher)
ctr(Controller)
disp(Display)
subgraph Content
a.html
b.html
c.glsl
end
a.html & b.html & c.glsl -->dpatcher
dpatcher --> ctr --> disp
Although it looks similar to MVC pattern at first sight, it's different in few ways:
-
Dispatcher is not a "Model". It doesn't care about the shape or the structure of the data/content. It only knows where to find it and how to load it.
-
Controller manages the main logic & context, it owns GLController and SiteContext:
flowchart TB subgraph Controller ctx(SiteContext) subgraph WebGL Interface glc(GLController) gla(GLAnimation) gld(GLData Object) gla---glc gld---glc end end
-
Display is responsible with handling what to show on the screen; content & effects etc.