v0.1.3

secret

index.html

@@ -32,14 +32,15 @@ <h2 id="superImportantTitle"><span class="omega">ω</span>Engine</h2>
                 <button @click="settings.tab = 'Layers'"><img alt="L" class="inline" src="images/layers.png"/> Layers</button>
                 <button @click="settings.tab = 'Achievements'"><img alt="A" class="inline" src="images/star.svg"/> Achievements</button>
                 <button @click="settings.tab = 'Guide'"><img alt="G" class="inline" src="images/information-circle.svg"/> Guide</button>
-                <button @click="settings.tab = 'Changelog'"><img alt="C" class="inline" src="favicon.png"> Changelog</button>
                 <button @click="settings.tab = 'Settings'"><img alt="S" class="inline" src="images/settings.svg"/> Settings</button>
             </div>
             <div>
-                <layer-locked-button v-if="!isMeta" @click="settings.tab = 'Automators'" :layerid="1"><img alt="Au" class="inline" src="images/hardware-chip.svg"/> Automators</layer-locked-button>
-                <layer-locked-button v-if="!isMeta" @click="settings.tab = 'Volatility'" :layerid="2"><img alt="V" class="inline" src="images/save.svg"/> Volatility</layer-locked-button>
-                <layer-locked-button v-if="!isMeta" @click="settings.tab = 'Aleph'" :layerid="3">ℵ Aleph</layer-locked-button>
-                <layer-locked-button @click="settings.tab = 'ReStack'" :layerid="9"><img alt="R" class="inline" src="images/layercoin.png"/> ReStack</layer-locked-button>
+                <layer-locked-button v-if="!isMeta && isLayerCategory === 'Layers'" @click="settings.tab = 'Automators'" :layerid="1"><img alt="Au" class="inline" src="images/hardware-chip.svg"/> Automators</layer-locked-button>
+                <layer-locked-button v-if="!isMeta && isLayerCategory === 'Layers'" @click="settings.tab = 'Volatility'" :layerid="2"><img alt="V" class="inline" src="images/save.svg"/> Volatility</layer-locked-button>
+                <layer-locked-button v-if="!isMeta && isLayerCategory === 'Layers'" @click="settings.tab = 'Aleph'" :layerid="3"><span class="aleph">ℵ</span> Aleph</layer-locked-button>
+                <layer-locked-button v-if="isLayerCategory === 'Layers'" @click="settings.tab = 'ReStack'" :layerid="9"><img alt="R" class="inline" src="images/layercoin.png"/> ReStack</layer-locked-button>
+                <button v-if="isLayerCategory === 'Guide'" @click="settings.tab = 'Changelog'"><img alt="C" class="inline" src="favicon.png"> Changelog</button>
+                <button v-if="isLayerCategory === 'Achievements'" @click="settings.tab = 'Secret Achievements'"><img alt="Sa" class="inline" src="images/star.svg"> Secret Achievements</button>
             </div>
         </nav>
         <news-ticker v-if="settings.newsTicker"></news-ticker>
@@ -54,6 +55,7 @@ <h2 id="superImportantTitle"><span class="omega">ω</span>Engine</h2>
         <settings-menu v-if="settings.tab === 'Settings'"></settings-menu>
         <volatility-tab v-if="settings.tab === 'Volatility'"></volatility-tab>
         <achievement-tab v-if="settings.tab === 'Achievements'"></achievement-tab>
+        <secret-achievement-tab v-if="settings.tab === 'Secret Achievements'"></secret-achievement-tab>
         <automator-tab v-if="settings.tab === 'Automators'"></automator-tab>
         <aleph-layer v-if="settings.tab === 'Aleph'"></aleph-layer>
         <restack-tab v-if="settings.tab === 'ReStack'"></restack-tab>
@@ -134,6 +136,7 @@ <h2 id="superImportantTitle"><span class="omega">ω</span>Engine</h2>
 <script src="js/components/news-ticker.js"></script>
 <script src="js/components/achievement.js"></script>
 <script src="js/components/achievement-tab.js"></script>
+<script src="js/components/secret-achievement-tab.js"></script>
 <script src="js/components/notification.js"></script>
 <script src="js/components/notification-container.js"></script>
 <script src="js/components/guide-item.js"></script>

js/components/changelog-tab.js

@@ -1,6 +1,10 @@
 Vue.component("changelog-tab", {
     template: `<div class="changelog-tab">
     <guide-item>
+    <template v-slot:title>v0.1.3</template>
+    <template v-slot:text>Parts of UI are redesigned, and new Secret Achievements!
+    </template>
+    <guide-item>
     <template v-slot:title>v0.1.2</template>
     <template v-slot:text>Adds Comfortaa font and a automator to automate buying automators! (unlocked when meta upgrade bought)
     </template>

js/components/secret-achievement-tab.js

@@ -0,0 +1,25 @@
+Vue.component('secret-achievement-tab', {
+    data: function ()
+    {
+        return {
+            secretAchievements: game.secretAchievements
+        }
+    },
+    computed: {
+        achievementsUnlocked: function()
+        {
+            return this.secretAchievements.filter(ach => ach.isCompleted).length;
+        },
+        totalAchievements: function()
+        {
+            return this.achievementsUnlocked == this.secretAchievements.length ? this.achievementsUnlocked : "?";
+        }
+    },
+    template: `<div class="achievement-tab">
+<p>You have unlocked {{achievementsUnlocked}} / {{totalAchievements}} Achievements.</p>
+<div class="achievements">
+    <achievement v-for="(a, i) in secretAchievements" v-if="a.isCompleted === true" :key="i" :achievement="a"></achievement>
+</div>
+</div>
+</div>`
+})

js/components/settings-menu.js

@@ -184,7 +184,7 @@ Vue.component("settings-menu", {
     <p>Inspiration: Antimatter Dimensions by hevipelle, Infinite Layers by dan-simon</p>
     <p>Original Game (Omega Layers) created by VeproGames</p>
     <p>Powered by vue.js and break_eternity.min.js</p>
-    <p>` + mod.primaryName + mod.secondaryName + ` v` + mod.version +`</p>
+    <p>` + mod.primaryName + mod.secondaryName + ` v` + mod.engineVer +`</p>
     ` + ((mod.primaryName + mod.secondaryName) !== "ωEngine" ? ("<p>Built with ωEngine v" + mod.engineVer + "</p>") : "") + `
 </div>
 </div>`

js/data/computed.js

@@ -3,4 +3,30 @@ const computed = {
     {
         return game.metaLayer.active;
     },
+    isLayerCategory: function()
+    {
+        category = null
+        switch(game.settings.tab)
+        {
+            case "Layers":
+            case "Automators":
+            case "Volatility":
+            case "Aleph":
+            case "Restack":
+                category = "Layers";
+                break;
+            case "Guide":
+            case "Changelog":
+                category = "Guide";
+                break;
+            case "Achievements":
+            case "Secret Achievements":
+                category = "Achievements";
+                break;
+            case "Settings":
+                category = "Settings";
+                break;
+        }
+        return category
+    }
 };

js/data/game.js

@@ -95,6 +95,10 @@ const game = {
         new Achievement("No turning back", "Go meta and be reborn", "Ω", () => game.metaLayer.active),
         new Achievement("Endgame", "Reach layer 1.8e308 and finish "+mod.primaryName+mod.secondaryName, "Ʊ", () => game.metaLayer.layer.gte(Infinities[0])),
     ],
+    secretAchievements: [
+        new Achievement("Meta sucks!", "Get Ω without meta", "ωωωωω", () => game.highestLayer >= 47 && !game.metaLayer.active),
+        new Achievement("Volatility sucks!", "Get ε without volatility", "ωωωωω", () => game.highestLayer >= 47 && !game.metaLayer.active),
+    ],
     alephLayer: new AlephLayer(),
     restackLayer: new ReStackLayer(),
     metaLayer: new MetaLayer(),

js/main.js

@@ -133,10 +133,15 @@ function tickGame(seconds)
     {
         game.automators[k].tick(seconds);
     }
+
     for(const ach of game.achievements)
     {
         ach.tick(seconds);
     }
+    for(const sAch of game.secretAchievements)
+    {
+        sAch.tick(seconds);
+    }
 
     for(const n of game.notifications)
     {

js/mod.js

@@ -1,11 +1,11 @@
 var mod = {
     primaryName: "ω",
     secondaryName: "Engine",
-    version: "0.1.2",
-    engineVer: "0.1.2", //DO NOT MODIFY
+    version: "1.0.0",
+    engineVer: "0.1.3", //DO NOT MODIFY
     themes: [
         ["Dark", "css/themes/dark.css"],
-        ["Light", "https://veprogames.github.io/omega-layers/css/main.css"],
+        ["Light (Legacy)", "https://veprogames.github.io/omega-layers/css/main.css"],
         ["Neon", "css/themes/neon.css"],
         ["Godot Blue", "css/themes/darkblue.css"],
         ["Halloween", "css/themes/spooky.css"],