Home Explore Help
Sign In
LInE
/
Alfabetiza
6
0
Fork 0

3 Commits c7fe5bce26 ... ed302c3e70

Author SHA1 Message Date
  Pedro Schneider ed302c3e70 ✨ Add tutorial animation 3 years ago
  Pedro Schneider 05b6594b91 🚚 Reestructure folder hierarchy 3 years ago
  Pedro Schneider 3a6d5c0dae 📄 Add copyright notice to the header of all files 3 years ago
15 changed files with 557 additions and 103 deletions
Unified View Show Diff Stats
  1. 9 6
      index.html
  2. 0 28
      src/elements/earth/rebus/RebusCardVisualEffect.js
  3. 0 22
      src/elements/earth/rebus/RebusGameVisualEffects.js
  4. 21 0
      src/elements/earth/rebus/RebusLevels.js
  5. 0 27
      src/elements/earth/rebus/RebusQuestionCard.js
  6. 50 0
      src/elements/earth/rebus/game/RebusCardVisualEffect.js
  7. 21 0
      src/elements/earth/rebus/RebusGame.js
  8. 43 0
      src/elements/earth/rebus/game/RebusGameVisualEffects.js
  9. 21 0
      src/elements/earth/rebus/RebusOptionCard.js
  10. 49 0
      src/elements/earth/rebus/game/RebusQuestionCard.js
  11. 35 0
      src/elements/earth/rebus/level_selector/RebusLevelButton.js
  12. 29 20
      src/elements/earth/rebus/RebusLevelSelector.js
  13. 182 0
      src/elements/earth/rebus/tutorial/RebusTutorial.js
  14. 76 0
      src/elements/earth/rebus/tutorial/RebusTutorialVisualEffects.js
  15. 21 0
      src/main.js

+ 9 - 6
index.html
View File 

@@ -19,12 +19,15 @@
 
     <!-- Game -->
 
     <!-- Game -->
 
     <!-- Rébus -->
 
     <!-- Rébus -->
 
     <script type="text/javascript" src="src/elements/earth/rebus/RebusLevels.js"></script>
 
     <script type="text/javascript" src="src/elements/earth/rebus/RebusLevels.js"></script>
 
-    <script type="text/javascript" src="src/elements/earth/rebus/RebusLevelSelector.js"></script>
 
-    <script type="text/javascript" src="src/elements/earth/rebus/RebusGameVisualEffects.js"></script>
 
-    <script type="text/javascript" src="src/elements/earth/rebus/RebusCardVisualEffect.js"></script>
 
-    <script type="text/javascript" src="src/elements/earth/rebus/RebusOptionCard.js"></script>
 
-    <script type="text/javascript" src="src/elements/earth/rebus/RebusQuestionCard.js"></script>
 
-    <script type="text/javascript" src="src/elements/earth/rebus/RebusGame.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/level_selector/RebusLevelButton.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/level_selector/RebusLevelSelector.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/game/RebusGameVisualEffects.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/game/RebusCardVisualEffect.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/game/RebusOptionCard.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/game/RebusQuestionCard.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/game/RebusGame.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/tutorial/RebusTutorialVisualEffects.js"></script>
 
+    <script type="text/javascript" src="src/elements/earth/rebus/tutorial/RebusTutorial.js"></script>
 
   </head>
 
   </head>
 
   
   
   <body>
 
   <body>

+ 0 - 28
src/elements/earth/rebus/RebusCardVisualEffect.js
View File 

@@ -1,28 +0,0 @@
 
-class RebusCardVisualEffect extends Object2D
 
-{
 
-    glowAmount = 0;
 
-
 
-    _draw(delta, db)
 
-    {
 
-        db.rectMode(CENTER);
 
-        if (this.parent.selected)
 
-        {
 
-            if (!this.parent.isAnswer)
 
-            {
 
-                db.fill(0, 80);
 
-                db.rect(0, 0, 300, 400, 10, 10);
 
-            }
 
-            else
 
-            {
 
-                db.noFill();
 
-                this.glowAmount = min(1.0, this.glowAmount + 0.07);
 
-                for (let i = 0; i < 100; i++)
 
-                {
 
-                    db.stroke(255, 255, 100, this.glowAmount * 200 / (101 - i));
 
-                    db.strokeWeight((100 - i) / 3);
 
-                    db.rect(0, 0, 300, 400, 10);
 
-                }
 
-            }
 
-        }
 
-    }
 
-}

+ 0 - 22
src/elements/earth/rebus/RebusGameVisualEffects.js
View File 

@@ -1,22 +0,0 @@
 
-class RebusGameVisualEffects extends Object2D
 
-{
 
-    suffix = "";
 
-    bgOpacity = 0;
 
-    textOpacity = 0;
 
-
 
-    _draw(delta, db)
 
-    {
 
-        if (this.parent.gameFinished)
 
-        {
 
-            db.noStroke();
 
-            db.fill(0, min(this.bgOpacity +=  75 * delta, 200));
 
-            db.rectMode(CENTER);
 
-            db.rect(db.width / 2, db.height / 2, 1800, 600, 40, 40);
 
-            db.textAlign(CENTER, CENTER);
 
-            db.fill(255, min(this.textOpacity += 80 * delta, 255));
 
-            db.textSize(40);
 
-            this.parent.points > 1 ? this.suffix = "S" : this.suffix = "";
 
-            db.text(`PARABÉNS, NÍVEL CONCLUÍDO\nVOCÊ GANHOU ${this.parent.points} PONTO${this.suffix}!`, db.width / 2, db.height / 2 - 100);
 
-        }
 
-    }
 
-}

+ 21 - 0
src/elements/earth/rebus/RebusLevels.js
View File 

@@ -1,3 +1,24 @@
 
+/************************************************************************
 
+ * RebusLevels.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
 const REBUS_LEVELS = {
 
 const REBUS_LEVELS = {
 
     tutorial:
 
     tutorial:
 
     {
 
     {

+ 0 - 27
src/elements/earth/rebus/RebusQuestionCard.js
View File 

@@ -1,27 +0,0 @@
 
-class RebusQuestionCard extends Object2D
 
-{
 
-    thumb = null;
 
-    imgName = "";
 
-
 
-    fillColor = new Color(200, 200, 200);
 
-
 
-    _setup()
 
-    {
 
-        var sprite = new Sprite2D("sprite", this.thumb);
 
-        sprite.width = 250;
 
-        sprite.height = 250;
 
-        sprite.setPosition(0, -75);
 
-        this.addChild(sprite);
 
-    }
 
-
 
-    _draw(delta, db)
 
-    {
 
-        db.rectMode(CENTER);
 
-        db.fill(this.fillColor.getP5Color());
 
-        db.rect(0, 0, 300, 400, 10, 10);
 
-        db.textAlign(CENTER, CENTER);
 
-        db.fill(0);
 
-        db.textSize(40);
 
-        db.text(this.imgName, 0, 100);
 
-    }
 
-}

+ 50 - 0
src/elements/earth/rebus/game/RebusCardVisualEffect.js
View File 

@@ -0,0 +1,50 @@
 
+/************************************************************************
 
+ * RebusCardVisualEffect.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
+class RebusCardVisualEffect extends Object2D
 
+{
 
+    glowIterations = 7;
 
+    glowAmount = 0;
 
+
 
+    _draw(delta, db)
 
+    {
 
+        db.rectMode(CENTER);
 
+        if (this.parent.selected)
 
+        {
 
+            if (!this.parent.isAnswer)
 
+            {
 
+                db.fill(0, 80);
 
+                db.rect(0, 0, 300, 400, 10, 10);
 
+            }
 
+            else
 
+            {
 
+                db.noFill();
 
+                this.glowAmount = min(1.0, this.glowAmount + 0.03);
 
+                for (let i = 0; i < this.glowIterations; i++)
 
+                {
 
+                    db.stroke(255, 255, 100, this.glowAmount * 200 / (this.glowIterations + 1 - i));
 
+                    db.strokeWeight((this.glowIterations - i) * 6);
 
+                    db.rect(0, 0, 300, 400, 10);
 
+                }
 
+            }
 
+        }
 
+    }
 
+}

+ 21 - 0
src/elements/earth/rebus/RebusGame.js
View File 

@@ -1,3 +1,24 @@
 
+/************************************************************************
 
+ * RebusGame.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
 class RebusGame extends Object2D
 
 class RebusGame extends Object2D
 
 {
 
 {
 
     levelData = null;
 
     levelData = null;

+ 43 - 0
src/elements/earth/rebus/game/RebusGameVisualEffects.js
View File 

@@ -0,0 +1,43 @@
 
+/************************************************************************
 
+ * RebusGameVisualEffects.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
+class RebusGameVisualEffects extends Object2D
 
+{
 
+    suffix = "";
 
+    bgOpacity = 0;
 
+    textOpacity = 0;
 
+
 
+    _draw(delta, db)
 
+    {
 
+        if (this.parent.gameFinished)
 
+        {
 
+            db.noStroke();
 
+            db.fill(0, min(this.bgOpacity +=  75 * delta, 200));
 
+            db.rectMode(CENTER);
 
+            db.rect(db.width / 2, db.height / 2, 1800, 600, 40, 40);
 
+            db.textAlign(CENTER, CENTER);
 
+            db.fill(255, min(this.textOpacity += 80 * delta, 255));
 
+            db.textSize(40);
 
+            this.parent.points > 1 ? this.suffix = "S" : this.suffix = "";
 
+            db.text(`PARABÉNS, NÍVEL CONCLUÍDO\nVOCÊ GANHOU ${this.parent.points} PONTO${this.suffix}!`, db.width / 2, db.height / 2 - 100);
 
+        }
 
+    }
 
+}

+ 21 - 0
src/elements/earth/rebus/RebusOptionCard.js
View File 

@@ -1,3 +1,24 @@
 
+/************************************************************************
 
+ * RebusOptionCard.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
 class RebusOptionCard extends Object2D
 
 class RebusOptionCard extends Object2D
 
 {
 
 {
 
     thumb = null;
 
     thumb = null;

+ 49 - 0
src/elements/earth/rebus/game/RebusQuestionCard.js
View File 

@@ -0,0 +1,49 @@
 
+/************************************************************************
 
+ * RebusQuestionCard.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
+class RebusQuestionCard extends Object2D
 
+{
 
+    thumb = null;
 
+    imgName = "";
 
+
 
+    fillColor = new Color(200, 200, 200);
 
+
 
+    _setup()
 
+    {
 
+        var sprite = new Sprite2D("sprite", this.thumb);
 
+        sprite.width = 250;
 
+        sprite.height = 250;
 
+        sprite.setPosition(0, -75);
 
+        this.addChild(sprite);
 
+    }
 
+
 
+    _draw(delta, db)
 
+    {
 
+        db.strokeWeight(10);
 
+        db.rectMode(CENTER);
 
+        db.fill(this.fillColor.getP5Color());
 
+        db.rect(0, 0, 300, 400, 10, 10);
 
+        db.textAlign(CENTER, CENTER);
 
+        db.fill(0);
 
+        db.textSize(40);
 
+        db.text(this.imgName, 0, 100);
 
+    }
 
+}

+ 35 - 0
src/elements/earth/rebus/level_selector/RebusLevelButton.js
View File 

@@ -0,0 +1,35 @@
 
+/************************************************************************
 
+ * RebusLevelButton.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
+class RebusLevelButton extends Button
 
+{
 
+    levelData = null;
 
+
 
+    _initSignals()
 
+    {
 
+        this.addSignal("levelSelected");
 
+    }
 
+
 
+    _onMouseClicked()
 
+    {
 
+        this.emitSignal("levelSelected", this.levelData);
 
+    }
 
+}

+ 29 - 20
src/elements/earth/rebus/RebusLevelSelector.js
View File 

@@ -1,22 +1,23 @@
 
-class RebusLevelButton extends Button
 
-{
 
-    levelData = null;
 
-
 
-    _initSignals()
 
-    {
 
-        this.addSignal("levelSelected");
 
-    }
 
-
 
-    _setup()
 
-    {
 
-
 
-    }
 
-
 
-    _onMouseClicked()
 
-    {
 
-        this.emitSignal("levelSelected", this.levelData);
 
-    }
 
-}
 
+/************************************************************************
 
+ * RebusLevelSelector.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
 
 
 class RebusLevelSelector extends Object2D
 
 class RebusLevelSelector extends Object2D
 
 {
 
 {
 
@@ -38,7 +39,7 @@ class RebusLevelSelector extends Object2D
 
         this.addChild(b);
 
         this.addChild(b);
 
         b.setSize(200, 100);
 
         b.setSize(200, 100);
 
         b.setPosition((1920 - b.getSize().x) / 2, 300);
 
         b.setPosition((1920 - b.getSize().x) / 2, 300);
 
-        b.connect("levelSelected", this, "_onLevelSelected");
 
+        b.connect("levelSelected", this, "_onTutorialSelected");
 
 
 
         var i = 1;
 
         var i = 1;
 
         while (REBUS_LEVELS[`level${i}`])
 
         while (REBUS_LEVELS[`level${i}`])
 
@@ -75,6 +76,14 @@ class RebusLevelSelector extends Object2D
 
         db.text("Escolha o nível", 1920 / 2, 200);
 
         db.text("Escolha o nível", 1920 / 2, 200);
 
     }
 
     }
 
 
 
+    _onTutorialSelected(levelData)
 
+    {
 
+        var rg = new RebusTutorial("RebusTutorial");
 
+        rg.levelData = levelData;
 
+        GameHandler.addRootObject(rg);
 
+        this.queueFree();
 
+    }
 
+
 
     _onLevelSelected(levelData)
 
     _onLevelSelected(levelData)
 
     {
 
     {
 
         var rg = new RebusGame("RebusGame");
 
         var rg = new RebusGame("RebusGame");

+ 182 - 0
src/elements/earth/rebus/tutorial/RebusTutorial.js
View File 

@@ -0,0 +1,182 @@
 
+/************************************************************************
 
+ * RebusTutorial.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
+class RebusTutorial extends Object2D
 
+{
 
+    levelData = null;
 
+    gameFinished = false;
 
+    points = 3;
 
+
 
+    backButton = null;
 
+    continueButton = null;
 
+    timer = null;
 
+
 
+    tutorialStep = 0;
 
+    questionCards = [];
 
+    optionCards = [];
 
+    answerIdx = 0;
 
+
 
+    _setup()
 
+    {
 
+        var arr = [];
 
+        for (let i = 0; i < this.levelData.optionCards.length; i++)
 
+            arr.push(i);
 
+        arr = shuffle(arr);
 
+
 
+        for (let i = 0; i < this.levelData.optionCards.length; i++)
 
+        {
 
+            var j = arr[i];
 
+            var newCard = new RebusOptionCard("OptionCard" + j);
 
+            AssetHandler.loadTexture(this.levelData.optionCards[j].name, this.levelData.optionCards[j].path);
 
+            newCard.selectable = false;
 
+            newCard.thumb = AssetHandler.getTextureByName(this.levelData.optionCards[j].name);
 
+            newCard.imgName = this.levelData.optionCards[j].name;
 
+            newCard.isAnswer = this.levelData.optionCards[j].answer;
 
+            if (newCard.isAnswer) this.answerIdx = i;
 
+            newCard.setPosition((i + 1) * (1920 / 4), 3 * (1080 / 4));
 
+            this.addChild(newCard);
 
+            this.optionCards.push(newCard);
 
+            newCard.hide();
 
+        }
 
+
 
+        for (let i = 0; i < this.levelData.questionCards.length; i++)
 
+        {
 
+            var newCard = new RebusQuestionCard("OptionCard" + i);
 
+            AssetHandler.loadTexture(this.levelData.questionCards[i].name, this.levelData.questionCards[i].path);
 
+            newCard.thumb = AssetHandler.getTextureByName(this.levelData.questionCards[i].name);
 
+            newCard.imgName = this.levelData.questionCards[i].name;
 
+            newCard.setPosition((i + 1) * (1920 / (this.levelData.questionCards.length + 1)), 1080 / 4);
 
+            this.addChild(newCard);
 
+            this.questionCards.push(newCard);
 
+            newCard.hide();
 
+        }
 
+
 
+        this.backButton = new Button("BackButton");
 
+        this.backButton.setLabel("Voltar");
 
+        this.backButton.setFontSize(30);
 
+        this.backButton.setPosition(20, 20);
 
+        this.backButton.setSize(110, 75);
 
+        this.backButton.connect("mouseClicked", this, "_onBackClicked");
 
+        this.addChild(this.backButton);
 
+
 
+        this.continueButton = new Button("ContinueButton");
 
+        this.continueButton.setLabel("Continuar");
 
+        this.continueButton.setFontSize(40);
 
+        this.continueButton.setPosition((1920 - this.continueButton.getSize().x) / 2, 1080 - 450);
 
+        this.continueButton.hide();
 
+        this.continueButton.connect("mouseClicked", this, "_onContinueClicked");
 
+        this.addChild(this.continueButton);
 
+
 
+        this.timer = new Timer("Timer", 2, true, true);
 
+        this.timer.connect("timeout", this, "_onTimerTimeout");
 
+        this.addChild(this.timer);
 
+
 
+        this.addChild(new RebusTutorialVisualEffects);
 
+    }
 
+
 
+    _update(delta)
 
+    {
 
+        switch (this.tutorialStep)
 
+        {
 
+            case 2:
 
+                for (let i = 0; i < this.questionCards.length; i++)
 
+                    this.questionCards[i].show();
 
+                this.timer.start(1);
 
+                break;
 
+            case 5:
 
+                for (let i = 0; i < this.optionCards.length; i++)
 
+                    this.optionCards[i].show();
 
+                this.timer.start(1);
 
+            case 6:
 
+                this.timer.start(2);
 
+                break;
 
+        }
 
+    }
 
+
 
+    _draw(delta, db)
 
+    {
 
+        background(52);
 
+    }
 
+
 
+    returnToMenu()
 
+    {
 
+        AssetHandler.clearTextureCache();
 
+        GameHandler.addRootObject(new RebusLevelSelector("LevelSelector"));
 
+        this.queueFree();
 
+    }
 
+
 
+    _onBackClicked()
 
+    {
 
+        this.returnToMenu();
 
+    }
 
+
 
+    _onContinueClicked()
 
+    {
 
+        this.continueButton.hide();
 
+        this.tutorialStep++;
 
+        
+        switch (this.tutorialStep)
 
+        {
 
+            case 4:
 
+                this.timer.start(2);
 
+                break;
 
+            case 8:
 
+                this.returnToMenu();
 
+                break;
 
+        }
 
+    }
 
+
 
+    _onTimerTimeout()
 
+    {
 
+        switch (this.tutorialStep)
 
+        {
 
+            case 0:
 
+                this.continueButton.show();
 
+                this.timer.start(3);
 
+                break;
 
+            case 1:
 
+                this.tutorialStep++;
 
+                break;
 
+            case 2:
 
+                this.tutorialStep++;
 
+                this.timer.start(2);
 
+                break;
 
+            case 3:
 
+                this.continueButton.show();
 
+                break;
 
+            case 4:
 
+                this.tutorialStep++;
 
+                break;
 
+            case 5:
 
+                for (let i = 0; i < this.optionCards.length; i++)
 
+                    this.optionCards[i].selected = true;
 
+                this.tutorialStep++;
 
+                break;
 
+            case 6:
 
+                this.tutorialStep++;
 
+                this.timer.start(2);
 
+                break;
 
+            case 7:
 
+                this.continueButton.show();
 
+                break;
 
+        }
 
+    }
 
+}

+ 76 - 0
src/elements/earth/rebus/tutorial/RebusTutorialVisualEffects.js
View File 

@@ -0,0 +1,76 @@
 
+/************************************************************************
 
+ * RebusTutorialVisualEffects.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
+class RebusTutorialVisualEffects extends Object2D
 
+{
 
+    text = "";
 
+    bgOpacity = 0;
 
+    textOpacity = 0;
 
+
 
+    _draw(delta, db)
 
+    {
 
+        switch (this.parent.tutorialStep)
 
+        {
 
+            case 0:
 
+                this.bgOpacity = min(this.bgOpacity + 150 * delta, 200);
 
+                this.textOpacity = min(this.bgOpacity + 150 * delta, 255);
 
+                this.text = `Vamos ler rébus?\nRébus é uma palavra formada quando juntamos os primeiros\npedacinhos de outras palavras.\nVeja!`;
 
+                break;
 
+            case 1:
 
+                this.bgOpacity = max(this.bgOpacity - 150 * delta, 0);
 
+                this.textOpacity = max(this.bgOpacity - 150 * delta, 0);
 
+                this.text = `Vamos ler rébus?\nRébus é uma palavra formada quando juntamos os primeiros\npedacinhos de outras palavras.\nVeja!`;
 
+                break;
 
+            case 2:
 
+                this.bgOpacity = 0;
 
+                this.textOpacity = 0;
 
+                break;
 
+            case 3:
 
+                this.bgOpacity = min(this.bgOpacity + 150 * delta, 200);
 
+                this.textOpacity = min(this.bgOpacity + 150 * delta, 255);
 
+                this.text = `Que palavra será formada ao juntarmos o começo dessas duas palavras?`;
 
+                break;
 
+            case 4:
 
+                this.bgOpacity = max(this.bgOpacity - 150 * delta, 0);
 
+                this.textOpacity = max(this.bgOpacity - 150 * delta, 0);
 
+                this.text = `Que palavra será formada ao juntarmos o começo dessas duas palavras?`;
 
+                break;
 
+            case 5:
 
+                this.bgOpacity = 0;
 
+                this.textOpacity = 0;
 
+                break;
 
+            case 7:
 
+                this.bgOpacity = min(this.bgOpacity + 150 * delta, 200);
 
+                this.textOpacity = min(this.bgOpacity + 150 * delta, 255);
 
+                this.text = `Agora é sua vez!`;
 
+                break;
 
+        }
 
+
 
+        db.noStroke();
 
+        db.fill(0, this.bgOpacity);
 
+        db.rectMode(CENTER);
 
+        db.rect(db.width / 2, db.height / 2, 1800, 600, 40, 40);
 
+        db.textAlign(CENTER, CENTER);
 
+        db.fill(255, this.textOpacity);
 
+        db.textSize(40);
 
+        db.text(this.text, db.width / 2, db.height / 2 - 100);
 
+    }
 
+}

+ 21 - 0
src/main.js
View File 

@@ -1,3 +1,24 @@
 
+/************************************************************************
 
+ * main.js
 
+ ************************************************************************
 
+ * Copyright (c) 2021 Pedro Tonini Rosenberg Schneider.
 
+ *
 
+ * This file is part of Alfabetiza.
 
+ *
 
+ * Alfabetiza is free software: you can redistribute it and/or modify
 
+ * it under the terms of the GNU General Public License as published by
 
+ * the Free Software Foundation, either version 3 of the License, or
 
+ * (at your option) any later version.
 
+ *
 
+ * Alfabetiza is distributed in the hope that it will be useful,
 
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
+ * GNU General Public License for more details.
 
+ *     
+ * You should have received a copy of the GNU General Public License     
+ * along with Alfabetiza.  If not, see <https://www.gnu.org/licenses/>.
 
+ *************************************************************************/
 
+
 
 GameHandler._preload = function()
 
 GameHandler._preload = function()
 
 {
 
 {
 
     AssetHandler.loadFont("Lato", "/assets/fonts/Lato-Regular.ttf");
 
     AssetHandler.loadFont("Lato", "/assets/fonts/Lato-Regular.ttf");