-
-
-
-
-
+
+ 
-
+
+
+
+
+
\ No newline at end of file
diff --git a/js/controllers.js b/js/controllers.js
index c70cf01..6c1f425 100755
--- a/js/controllers.js
+++ b/js/controllers.js
@@ -42,6 +42,9 @@ angular.module('app.controllers', [])
// Carregar os dados de parametrização global e aplicar ao tema
$http.get('dados/config.json').then(function (response) {
S.themeConfig = response.data;
+ S.transitionDuration = S.themeConfig.tema.transitionDuration || 3500;
+ S.feedbackDelay = S.themeConfig.tema.feedbackDelay || 3000;
+ S.initDelay = S.themeConfig.tema.initDelay || 500;
console.log(S.themeConfig)
if (S.themeConfig.debug) {
@@ -95,6 +98,7 @@ angular.module('app.controllers', [])
rootNode.style.setProperty('--cor-acerto', S.themeConfig.cores.corAcerto);
rootNode.style.setProperty('--cor-erro', S.themeConfig.cores.corErro);
rootNode.style.setProperty('--cor-fundo-resultado', S.themeConfig.cores.corFundoResultado);
+ rootNode.style.setProperty('--cor-transition-bg', S.themeConfig.tema.transitionBackgroundColor || '#000000');
Object.keys(S.themeConfig.cores.alternativas).forEach(key => {
rootNode.style.setProperty(`--cor-alt-${key.toLowerCase()}`, S.themeConfig.cores.alternativas[key]);
@@ -139,7 +143,11 @@ S.derrotas = 0;
$http.get('dados/perguntas.json').then(function (response) {
// Atribuir os dados ao escopo
$scope.quizDataOriginal = response.data;
-
+
+ // Revelar a tela inicial após o carregamento completo
+ $timeout(() => {
+ S.setupTransitionOut();
+ }, S.initDelay);
});
@@ -171,10 +179,14 @@ S.derrotas = 0;
});
S.correctList = S.generateNonRepeatingRandomNumbers(5, 5)
S.wrongList = S.generateNonRepeatingRandomNumbers(5, 5)
- S.showGame = true
- S.setupTransitionOut(S.start)
S.play('startgame', 0)
-
+
+ S.setupTransitionIn();
+ $timeout(() => {
+ S.showStart = false;
+ S.showGame = true;
+ S.setupTransitionOut();
+ }, S.transitionDuration);
}
// Função para configurar a transição de entrada
@@ -187,6 +199,7 @@ S.derrotas = 0;
];
var i = Math.floor(Math.random() * inList.length);
el.attr('transition-style', inList[i]);
+ el.css('--transition__duration', (S.transitionDuration / 1000) + 's');
}
// Função para configurar a transição de saída
@@ -199,6 +212,7 @@ S.derrotas = 0;
];
var i = Math.floor(Math.random() * outList.length);
el.attr('transition-style', outList[i]);
+ el.css('--transition__duration', (S.transitionDuration / 1000) + 's');
S.botoesAtivos = true;
}
@@ -259,30 +273,35 @@ S.derrotas = 0;
S.chamaResultado = function () {
if ($scope.quiz.pontuacao >= 3) {
$timeout(() => {
- S.vitorias++
- S.salvarDadosJogos();
- S.victory = true
- S.showGame = false
- if (S.quiz.pontuacao === 5) {
- S.v5by5 = true
- S.play("success2", 1)
- } else {
- S.play("success1", 1)
- S.v5by5 = false
- }
+ S.setupTransitionIn();
+ $timeout(() => {
+ S.vitorias++
+ S.salvarDadosJogos();
+ S.victory = true
+ S.showGame = false
+ if (S.quiz.pontuacao === 5) {
+ S.v5by5 = true
+ S.play("success2", 1)
+ } else {
+ S.play("success1", 1)
+ S.v5by5 = false
+ }
+ S.setupTransitionOut();
+ }, S.transitionDuration);
}, 3000)
} else {
$timeout(_ => {
- S.derrotas++
- S.salvarDadosJogos();
- S.criarListaDinamica(10, '.circles2')
- S.victory = false
- S.showGame = false
- S.lose = true
- S.play('wawawa', 0.5)
+ S.setupTransitionIn();
+ $timeout(() => {
+ S.derrotas++
+ S.salvarDadosJogos();
+ S.victory = false
+ S.showGame = false
+ S.lose = true
+ S.play('wawawa', 0.5)
+ S.setupTransitionOut();
+ }, S.transitionDuration);
}, 3000)
-
- // Adicione aqui qualquer outra lógica que você queira executar quando o jogador perder.
}
};
@@ -327,8 +346,6 @@ S.derrotas = 0;
S.botoesAtivos = false
S.respostaAtual = $scope.quiz.perguntas[$scope.quiz.perguntaAtual].respostas[indiceResposta];
S.botaoClicado = angular.element($evento.currentTarget);
-
- S.transition.removeClass('resposta-correta').removeClass('resposta-incorreta')
// Verifica se a resposta está correta
if (S.respostaAtual.correta) {
// Se a resposta estiver correta, altera a classe para verde
@@ -336,7 +353,6 @@ S.derrotas = 0;
var pontuacaoDaResposta = 1
S.play('correct')
S.botaoClicado.addClass('resposta-correta');
- S.transition.addClass('resposta-correta')
} else {
@@ -345,7 +361,6 @@ S.derrotas = 0;
S.botaoClicado.addClass('resposta-incorreta');
S.destacarRespostaCorreta()
S.erros++
- S.transition.addClass('resposta-incorreta')
var pontuacaoDaResposta = 0
}
@@ -354,26 +369,28 @@ S.derrotas = 0;
S.chamaResultado()
}
- // Aguarda 4 segundos antes de passar para a próxima pergunta
+ // Aguarda o tempo de feedback antes de passar para a próxima pergunta
$timeout(function () {
- // Remove a classe para garantir que ela seja aplicada corretamente na próxima vez
- S.botaoClicado.removeClass('resposta-correta').removeClass('resposta-incorreta');
+ // Iniciar transição entre perguntas
+ S.setupTransitionIn();
- // Atualizar pontuação
+ $timeout(function () {
+ // No meio da transição (quando a tela estiver coberta), trocamos a pergunta
+ // Remove a classe para garantir que ela seja aplicada corretamente na próxima vez
+ S.botaoClicado.removeClass('resposta-correta').removeClass('resposta-incorreta');
- // Passa para a próxima pergunta
- $scope.quiz.perguntaAtual++;
- $scope.quiz.perguntasRespondidas++;
-
+ // Passa para a próxima pergunta
+ $scope.quiz.perguntaAtual++;
+ $scope.quiz.perguntasRespondidas++;
- }, 3000);
- $timeout(()=>{
- S.checarAlturaResposta()
- },3100)
- $timeout(() => S.setupTransitionIn(), 2000);
+ // Reseta posições e alturas se necessário
+ S.checarAlturaResposta();
- $timeout(() => S.setupTransitionOut(), 3250);
+ // Retira a transição
+ S.setupTransitionOut();
+ }, S.transitionDuration); // Tempo dinâmico baseado no config.json
+ }, S.feedbackDelay);
};
@@ -477,5 +494,5 @@ S.derrotas = 0;
}
-
+
])
\ No newline at end of file
diff --git a/templates/page.html b/templates/page.html
index 43002e3..81806f9 100755
--- a/templates/page.html
+++ b/templates/page.html
@@ -61,6 +61,4 @@
-
-
\ No newline at end of file
+
+
+
+