Upgrade da interface de um simulador desenvolvido usando Webgl e Css.

Objetivo: Aprimorar a interface de um simulador open-source, desenvolvido para auxiliar no ensino e aprendizado de física. Esse projeto é apenas para melhorar a interface do simulador deixando-o mais agradável ao usuário. 

Necessito que o desenvolvedor faça as seguintes alterações no simulador web já construído (link no final da descrição):
1 - Melhorar a interface dos "pop-ups" - apenas modificar a cor, posição e layout (feito em CSS).

2 - Centralizar uma palavra na div (barra superior do site) (Bootstrap).
3 - Melhorar os aspectos do ambiente WebGL - coloração de background, material dos objetos, melhor posicionamento dos pontos de luz (WebGL).
4 - Aprimorar a interação do usuário. Existe uma função para isso mas não funcionando muito bem, o usuário usa as setar para rotacionar o ambiente WebGL (Se possível adicionar interações com mouse) (WebGL/JavaScript).
5 - Evitar que a biblioteca Threejs carregue a fonte de texto toda vez que for alterado o texto no ambiente. (3DWebGL/JavaScript).
6 - Criar pequeno popup de configuração para que o usuário possa modificar algumas variáveis do simulador - necessário só layout e posicionamento, o relacionamento das variáveis com valores não é necessário. 

Obs: A página deve ser responsiva.
Bônus: Criar uma escala (igual de mapas) responsiva no ambiente WebGL, que atualize de acordo com o zoom e não prejudique a interação do usuário com simulador em termos de desempenho.

Link para a descrição do projeto atual: https://cdn.rawgit.com/Phimulator/SDCampE/develop/home_page/home.html
Link para o simulador: https://cdn.rawgit.com/Phimulator/SDCampE/develop/index.html

Tenho conhecimento do simulador e durante o desenvolvimento do projeto sempre estarei disponível para ajudar.

É Importante ter conhecimento em: CSS, WebGl (threejs) e JavaScript.