'
+
''
+
@@ -112,7 +112,7 @@ if (autenteticação == true) {
+
'
'
+
@@ -120,11 +120,11 @@ if (autenteticação == true) {
;
const script1 = document.createElement('script');
- script1.src = './Reação_menu.js';
+ script1.src = '../js/Ambiente/Estrutura/Reacao_menu.js';
document.body.appendChild(script1);
const script2 = document.createElement('script');
- script2.src = './Monitor.js';
+ script2.src = '../js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js';
document.body.appendChild(script2);
} else {
diff --git a/html/Reação_menu.js b/js/Ambiente/Estrutura/Reacao_menu.js
similarity index 100%
rename from html/Reação_menu.js
rename to js/Ambiente/Estrutura/Reacao_menu.js
diff --git a/js/Ambiente/Estrutura/load.js b/js/Ambiente/Estrutura/load.js
new file mode 100644
index 0000000..e7aaf61
--- /dev/null
+++ b/js/Ambiente/Estrutura/load.js
@@ -0,0 +1,72 @@
+document.addEventListener("DOMContentLoaded", function () {
+ var main = document.getElementById("entrada_1");
+
+ // Verificar se a tag main está vazia
+ if (main.innerHTML.trim() === "") {
+
+ const tela_laod = document.getElementById('entrada_1');
+
+ tela_laod.innerHTML = '
';
+
+ const canvas = document.getElementById('animationCanvas');
+ const ctx = canvas.getContext('2d');
+
+ // Define canvas dimensions
+ canvas.width = window.innerWidth;
+ canvas.height = window.innerHeight;
+
+ const circle = {
+ centerX: canvas.width / 2,
+ centerY: canvas.height / 2,
+ radius: 150, // Raio do caminho circular
+ rotationSpeed: 0.02,
+ angle: 0,
+ linePath: [], // Para armazenar a trajetória
+ maxPathLength: 350 // Limite para o comprimento da trajetória
+ };
+
+ function drawCircularPath() {
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+ // Adiciona o ponto da trajetória atual ao caminho
+ const pathX = circle.centerX + circle.radius * Math.cos(circle.angle);
+ const pathY = circle.centerY + circle.radius * Math.sin(circle.angle);
+ circle.linePath.push({ x: pathX, y: pathY });
+
+ // Desenha a trajetória acumulada
+ ctx.beginPath();
+ for (let i = 0; i < circle.linePath.length - 1; i++) {
+ ctx.moveTo(circle.linePath[i].x, circle.linePath[i].y);
+ ctx.lineTo(circle.linePath[i + 1].x, circle.linePath[i + 1].y);
+ }
+ ctx.strokeStyle = '#22c0a3';
+ ctx.lineWidth = 10;
+ ctx.stroke();
+
+ // Limita o comprimento da trajetória e reinicia a trajetória quando necessário
+ if (circle.linePath.length > circle.maxPathLength) {
+ circle.linePath.shift(); // Remove o primeiro ponto do caminho
+ if (circle.angle >= Math.PI * 2) { // Completa um ciclo
+ circle.angle = 0; // Reinicia o ângulo
+ circle.linePath = []; // Limpa a trajetória
+ }
+ }
+ }
+
+ function animate() {
+ circle.angle += circle.rotationSpeed;
+ drawCircularPath();
+ requestAnimationFrame(animate);
+ }
+
+ animate();
+
+ // Ajusta o tamanho do canvas quando a janela é redimensionada
+ window.addEventListener('resize', () => {
+ canvas.width = window.innerWidth;
+ canvas.height = window.innerHeight;
+ circle.centerX = canvas.width / 2;
+ circle.centerY = canvas.height / 2;
+ });
+ }
+});
\ No newline at end of file
diff --git a/html/Monitor.js b/js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js
similarity index 93%
rename from html/Monitor.js
rename to js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js
index 8205b4e..dd7b7bf 100644
--- a/html/Monitor.js
+++ b/js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js
@@ -7,7 +7,7 @@ if (visuMonitor == true) {
+
'
- Estilo
- 
