From 5572abb7bbbe415c462dbdaba280316bcfa32ea8 Mon Sep 17 00:00:00 2001
From: Chunkybanana <62921243+chunkybanana@users.noreply.github.com>
Date: Fri, 23 Dec 2022 08:27:28 +0000
Subject: [PATCH 01/11] create layer

---
 src/data/layers/credits.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/data/layers/credits.tsx

diff --git a/src/data/layers/credits.tsx b/src/data/layers/credits.tsx
new file mode 100644
index 0000000..580dbcd
--- /dev/null
+++ b/src/data/layers/credits.tsx
@@ -0,0 +1,17 @@
+import { jsx } from "features/feature";
+import { createLayer } from "game/layers"
+
+const id = "credits"
+const day = 25;
+const name = "Credits"
+const credits = createLayer(id, () => {
+    
+    return {
+        display: jsx(() => 
+            <div>
+                TODO: layer
+            </div>),
+        name,
+        day
+    }
+})
\ No newline at end of file

From c2125e3c45a054740f01e11e2e3c3eb8be36b8c7 Mon Sep 17 00:00:00 2001
From: Chunkybanana <62921243+chunkybanana@users.noreply.github.com>
Date: Fri, 23 Dec 2022 10:15:41 +0000
Subject: [PATCH 02/11] stuff

---
 src/data/projEntry.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 349bac1..534f059 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -223,6 +223,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
                             showLoreModal.value = true;
                         },
                         onOpenLayer() {
+                            if (day == 25) return;
                             recentlyUpdated.value = false;
                             // 1468 is because two tabs with minWidth of 700px plus the minimized calendar of 60px plus 2 dividers of 4px each
                             if (window.matchMedia("(min-width: 1468px)").matches) {
@@ -241,11 +242,11 @@ export const main = createLayer("main", function (this: BaseLayer) {
                             layers[layer ?? "trees"]!.minimized.value = false;
                         },
                         onUnlockLayer() {
-                            if (layer != null) {
+                            if (layer != null || day == 25) {
                                 opened.value = true;
                                 setTimeout(() => {
                                     loreScene.value = -1;
-                                    loreTitle.value = unref(layers[layer ?? "trees"]?.name ?? "");
+                                    loreTitle.value = day == 25 ? "The End!" : unref(layers[layer ?? "trees"]?.name ?? "");
                                     loreBody.value = story;
                                     if (player.autoPause) player.devSpeed = null;
                                     showLoreModal.value = true;
@@ -505,6 +506,15 @@ export const main = createLayer("main", function (this: BaseLayer) {
             story: "",
             completedStory: "",
             masteredStory: ""
+        })),
+        createDay(() => ({
+            day: 25,
+            shouldNotify: false,
+            layer: null, // credits
+            symbol: "",
+            story: "It's Christmas. Thanks to your efforts, Santa has delivered all the presents to people all over the world. That is, all but one...",
+            completedStory: "",
+            masteredStory: ""
         }))
     ];
 

From 794e84881495a8b7981719ca2935282272fb2822 Mon Sep 17 00:00:00 2001
From: Chunkybanana <62921243+chunkybanana@users.noreply.github.com>
Date: Fri, 23 Dec 2022 11:33:59 +0000
Subject: [PATCH 03/11] implemented some stuff

---
 src/components/Game.vue        | 25 ++++++++++++++++++++++
 src/data/advent.css            | 10 +++++++++
 src/data/projEntry.tsx         |  9 ++++++--
 src/data/symbols/snowflake.svg | 39 ++++++++++++++++++++++++++++++++++
 4 files changed, 81 insertions(+), 2 deletions(-)
 create mode 100644 src/data/symbols/snowflake.svg

diff --git a/src/components/Game.vue b/src/components/Game.vue
index 238a17a..5a470fd 100644
--- a/src/components/Game.vue
+++ b/src/components/Game.vue
@@ -43,6 +43,31 @@
                 </div>
             </template>
         </Modal>
+        <Modal
+            :modelValue="main.creditsOpen.value"
+            @update:model-value="value => (main.creditsOpen.value = value)"
+        >
+            credits go here
+            <!--<template v-slot:header
+                ><h2>{{ main.loreTitle.value }}</h2></template
+            >
+            <template v-slot:body>
+                <component v-if="loreBody" :is="loreBody" />
+                <div v-if="main.loreScene.value !== -1">
+                    <Scene :day="main.loreScene.value" />
+                    <br />
+                    You can help continue the <i>advent</i>ure at:
+                    <a
+                        href="https://discord.gg/WzejVAx"
+                        class="info-modal-discord-link"
+                        target="_blank"
+                    >
+                        <span class="material-icons info-modal-discord">discord</span>
+                        The Paper Pilot Community
+                    </a>
+                </div>
+            </template>-->
+        </Modal>
     </div>
 </template>
 
diff --git a/src/data/advent.css b/src/data/advent.css
index e6eddbd..80129d6 100644
--- a/src/data/advent.css
+++ b/src/data/advent.css
@@ -29,3 +29,13 @@
     justify-content: space-around;
     margin-bottom: -5%;
 }
+
+.present-clickable {
+    cursor: pointer;
+    width: 30%;
+    text-align: center;
+    transition: all .2s ease-in-out; 
+}
+.present-clickable:hover {
+    transform: scale(1.2); 
+}
\ No newline at end of file
diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 534f059..07f1ef2 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -55,6 +55,8 @@ import toysSymbol from "./symbols/truck.png";
 import advFactorySymbol from "./symbols/teddyBear.png";
 import advManagementSymbol from "./symbols/workshopMansion.png";
 import wrappingPaperSymbol from "./symbols/wrappingPaper.png";
+import snowflakeSymbol from "./symbols/snowflake.svg";
+import presentSymbol from "./layers/factory-components/present.svg"
 
 export interface Day extends VueFeature {
     day: number;
@@ -79,6 +81,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
     const loreTitle = ref<string>("");
     const loreBody = ref<CoercableComponent | undefined>();
 
+    const creditsOpen = ref<boolean>(false);
+
     const currentlyMastering = computed(() =>
         isMastery.value
             ? Object.values(layers).find(
@@ -511,8 +515,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
             day: 25,
             shouldNotify: false,
             layer: null, // credits
-            symbol: "",
-            story: "It's Christmas. Thanks to your efforts, Santa has delivered all the presents to people all over the world. That is, all but one...",
+            symbol: snowflakeSymbol,
+            story: `It's Christmas. Thanks to your efforts, Santa has delivered all the presents to people all over the world. That is, all but one... <br><br> <div style='text-align: center'><img class='present-clickable' onclick ='layers.main.showLoreModal.value = false; layers.main.creditsOpen.value = true' src='${presentSymbol}' /><br>Open your present</div>`,
             completedStory: "",
             masteredStory: ""
         }))
@@ -565,6 +569,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
         swappingMastery,
         currentlyMastering,
         masteredDays,
+        creditsOpen,
         display: jsx(() => (
             <>
                 {player.devSpeed === 0 ? <div>Game Paused</div> : null}
diff --git a/src/data/symbols/snowflake.svg b/src/data/symbols/snowflake.svg
new file mode 100644
index 0000000..b77deec
--- /dev/null
+++ b/src/data/symbols/snowflake.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="50"
+   height="50"
+   viewBox="0 0 13.229166 13.229167"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename=".png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="rect234"
+       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.356532;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+       d="M 6.2022054,1.0314616 V 2.4411947 L 5.0069295,1.7507975 4.5883504,2.4758179 6.2022054,3.4070272 V 5.7913778 L 4.1351481,4.5976522 4.1356649,2.7342 H 3.2985067 L 3.2990234,4.1149943 2.0779093,3.4101278 1.712557,4.0431641 2.9217855,4.7413127 1.7156576,5.4384277 2.1337199,6.1629313 3.7589437,5.2244873 5.7464193,6.3722209 3.7558431,7.5215047 2.1301025,6.5830607 1.7120402,7.3080811 2.9186849,8.0046794 1.7089396,8.702828 2.0748088,9.336381 3.2954061,8.6315145 V 10.011792 H 4.1325643 L 4.1320475,8.1483398 6.2280436,6.9380778 v 2.4463623 l -1.6252238,0.9384439 0.4185791,0.724504 1.2066447,-0.696599 v 1.396814 H 6.9592651 V 10.33787 L 8.154541,11.028267 8.5731201,10.303247 6.9592651,9.3720378 V 6.9876872 L 9.0263224,8.1814128 9.0258057,10.044865 H 9.8629639 L 9.8624471,8.6640706 11.083561,9.3689372 11.448914,8.7359009 10.239685,8.0377523 11.445813,7.3406372 11.027751,6.6161336 9.4025269,7.5545776 7.4150513,6.4068441 9.4056274,5.2575602 11.031368,6.1960042 11.44943,5.4709839 10.242786,4.7743856 11.452531,4.076237 11.086662,3.4426839 9.8660645,4.1475505 V 2.7672729 H 9.0289062 L 9.029423,4.6307251 6.9334269,5.8409871 V 3.3946248 L 8.5586507,2.4561808 8.1400716,1.7316772 6.9334269,2.4282756 v -1.396814 z" />
+  </g>
+</svg>

From e2af3ed2748f7f8e467c45f704e240ceb15b5f7e Mon Sep 17 00:00:00 2001
From: Chunkybanana <62921243+chunkybanana@users.noreply.github.com>
Date: Sat, 24 Dec 2022 06:03:39 +0000
Subject: [PATCH 04/11] Credits mostly done

---
 src/components/Game.vue |  23 +++---
 src/data/credits.tsx    | 160 ++++++++++++++++++++++++++++++++++++++++
 src/data/projEntry.tsx  | 121 +++++++++++++++++++++++++++++-
 3 files changed, 294 insertions(+), 10 deletions(-)
 create mode 100644 src/data/credits.tsx

diff --git a/src/components/Game.vue b/src/components/Game.vue
index 5a470fd..03c1728 100644
--- a/src/components/Game.vue
+++ b/src/components/Game.vue
@@ -47,13 +47,16 @@
             :modelValue="main.creditsOpen.value"
             @update:model-value="value => (main.creditsOpen.value = value)"
         >
-            credits go here
-            <!--<template v-slot:header
-                ><h2>{{ main.loreTitle.value }}</h2></template
-            >
+            <template v-slot:header>
+                <h2>Credits</h2>
+            </template>
             <template v-slot:body>
-                <component v-if="loreBody" :is="loreBody" />
-                <div v-if="main.loreScene.value !== -1">
+                <div>
+                    <component :is=convertComputable(main.credits) />
+                </div>
+
+                
+                <!--<div v-if="main.loreScene.value !== -1">
                     <Scene :day="main.loreScene.value" />
                     <br />
                     You can help continue the <i>advent</i>ure at:
@@ -65,9 +68,10 @@
                         <span class="material-icons info-modal-discord">discord</span>
                         The Paper Pilot Community
                     </a>
-                </div>
-            </template>-->
+                </div>-->
+            </template>
         </Modal>
+        <!--<component :is="main.particles" />-->
     </div>
 </template>
 
@@ -78,6 +82,7 @@ import Scene from "data/Scene.vue";
 import type { GenericLayer } from "game/layers";
 import { layers } from "game/layers";
 import player from "game/player";
+import { convertComputable } from "util/computed";
 import { computeOptionalComponent } from "util/vue";
 import { computed, toRef, unref } from "vue";
 import Layer from "./Layer.vue";
@@ -94,7 +99,7 @@ function gatherLayerProps(layer: GenericLayer) {
     const { display, minimized, minWidth, name, color, minimizable, nodes, minimizedDisplay } =
         layer;
     return { display, minimized, minWidth, name, color, minimizable, nodes, minimizedDisplay };
-}
+};
 </script>
 
 <style scoped>
diff --git a/src/data/credits.tsx b/src/data/credits.tsx
new file mode 100644
index 0000000..f7a7896
--- /dev/null
+++ b/src/data/credits.tsx
@@ -0,0 +1,160 @@
+import { jsx } from "features/feature"
+import { layers } from "game/layers"
+import { render } from "util/vue"
+import { unref } from "vue"
+
+type Credits = { name: string, creator: string, help?: string, other?: string[], symbol?: string, fs?: string }
+
+import { main } from "./projEntry"
+
+const dayCredits: Credits[] = [
+    {
+        name: "Trees",
+        creator: "thepaperpilot",
+        help: "Jacorb, Escapee",
+    },
+    {
+        name: "The Workshop",
+        creator: "thepaperpilot",
+        help: "Jacorb, emanresu",
+    },
+    {
+        name: "Coal",
+        creator: "Escapee",
+        help: "Jacorb, thepaperpilot",
+    },
+    {
+        name: "Elf Training",
+        creator: "thepaperpilot",
+        help: "incremental_gamer, emanresu",
+    },
+    {
+        name: "Paper",
+        creator: "thepaperpilot",
+    },
+    {
+        name: "Boxes",
+        creator: "thepaperpilot",
+    },
+    {
+        name: "Metal",
+        creator: "Escapee",
+    },
+    {
+        name: "Cloth",
+        creator: "thepaperpilot",
+    },
+    {
+        name: "Oil",
+        creator: "ducdat0507",
+    },
+    {
+        name: "Plastic",
+        creator: "thepaperpilot",
+    },
+    {
+        name: "Dyes",
+        creator: "Jacorb",
+    },
+    {
+        name: "Management",
+        creator: "incremental_gamer, downvoid, thepaperpilot",
+    },
+    {
+        name: "Management II",
+        creator: "incremental_gamer, downvoid, thepaperpilot",
+    },
+    {
+        name: "Letters",
+        creator: "thepaperpilot",
+    },
+    {
+        name: "Wrapping Paper",
+        creator: "emanresu, thepaperpilot, Escapee",
+        fs: '28px'
+    },
+    {
+        name: "Ribbons",
+        creator: "thepaperpilot, Escapee",
+    },
+    {
+        name: "Toys",
+        creator: "downvoid",
+    },
+    {
+        name: "Factory",
+        creator: "incremental_gamer",
+        help: "thepaperpilot, ducdat, downvoid, emanresu, yhvr",
+        other: [
+            "Art by emanresu"
+        ],
+    },
+    {
+        name: "Factory II",
+        creator: "downvoid",
+        help: "thepaperpilot",
+        other: [
+            "Art by emanresu"
+        ],
+    },
+    {
+        name: "Presents",
+        creator: "incremental_gamer",
+        other: [
+            "Art by emanresu"
+        ],
+    },
+    {
+        name: "Reindeer",
+        creator: "thepaperpilot"
+    },
+    {
+        name: "Sleigh Repair",
+        creator: "downvoid"
+    },
+    {
+        name: "Routing",
+        creator: "thepaperpilot"
+    },
+    {
+        name: "Present Packing",
+        creator: "Escapee",
+        fs: '26px'
+    }
+]
+
+const display = jsx(() => (
+    <div style="text-align: center; line-spacing: 5px">
+        <h1>Advent Incremental</h1>
+        <br />
+        <h2>Created by thepaperpilot and friends</h2>
+        <br /><br /><br /><br /><br />
+        {
+            dayCredits.map(({name, help, other, creator, fs}, day) => (
+                render(jsx(() => <div style="position: relative">
+                    <span style="width: calc(100% - 260px); display: inline-block;">
+                        <h1 style={{ color: unref(layers[main.days[day].layer ?? ""]?.color ?? "white"), fontSize: fs || '30px'}}>Day {day+1} - {name}</h1>
+                        <br /><br />
+                        Created by {creator} <br />
+                        {help ? <>With help from {help}</> : undefined}<br />
+                        {other ? other?.map((other) => <>{other}<br /></>) : undefined}
+                        <br /><br />
+                    </span>
+                    <img style={`position: absolute; top: 5px; ${day % 2 ? 'left' : 'right'}: 20px; width: 100px;`} src={main.days[day].symbol}/>
+                </div>))
+            ))
+        }
+        <p>Credits created by emanresu</p>
+        <br /> <br /> <br /> <br /> <br />
+        <h1>Special Thanks</h1>
+        <p>Nekosity</p>
+        <p>Yhvr</p> 
+        <p>Ducdat0507</p>
+        <p>Haley</p>
+        <br />
+        <p>And last but not least, a massive thanks to everyone who played and provided feedback on the game.</p>
+        <h1>Thanks for playing!</h1>
+    </div>
+))
+
+export { display as credits }
\ No newline at end of file
diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 07f1ef2..c78b735 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -14,7 +14,7 @@ import { format, formatTime } from "util/bignum";
 import { Computable, convertComputable, ProcessedComputable } from "util/computed";
 import { createLazyProxy } from "util/proxies";
 import { save } from "util/save";
-import { renderRow, VueFeature } from "util/vue";
+import { render, renderRow, VueFeature } from "util/vue";
 import type { Ref } from "vue";
 import { computed, ref, unref } from "vue";
 import "./advent.css";
@@ -57,6 +57,8 @@ import advManagementSymbol from "./symbols/workshopMansion.png";
 import wrappingPaperSymbol from "./symbols/wrappingPaper.png";
 import snowflakeSymbol from "./symbols/snowflake.svg";
 import presentSymbol from "./layers/factory-components/present.svg"
+import { createParticles } from "features/particles/particles";
+import { credits } from "./credits";
 
 export interface Day extends VueFeature {
     day: number;
@@ -83,6 +85,120 @@ export const main = createLayer("main", function (this: BaseLayer) {
 
     const creditsOpen = ref<boolean>(false);
 
+    // I don't understand how this works
+    const particles = createParticles(() => ({
+        boundingRect: ref<null | DOMRect>(null),
+        onContainerResized(boundingRect) {
+            this.boundingRect.value = boundingRect;
+        },
+        style: "z-index: -1"
+    }))
+
+    particles.addEmitter({
+        lifetime: {min: 5, max: 5},
+        pos: {x: 0, y: 0},
+        frequency: 0.05,
+        behaviors: [
+            {
+                type: 'alpha',
+                config: {
+                    alpha: {
+                        list: [
+                            {
+                                value: 1,
+                                time: 0
+                            },
+                            {
+                                value: 1,
+                                time: 1
+                            }
+                        ],
+                    },
+                }
+            },
+            {
+                type: 'scale',
+                config: {
+                    scale: {
+                        list: [
+                            {
+                                value: 1,
+                                time: 0
+                            },
+                            {
+                                value: 1,
+                                time: 1
+                            }
+                        ],
+                    },
+                }
+            },
+            {
+                type: 'color',
+                config: {
+                    color: {
+                        list: [
+                            {
+                                value: "fb1010",
+                                time: 0
+                            },
+                            {
+                                value: "f5b830",
+                                time: 1
+                            }
+                        ],
+                    },
+                }
+            },
+            {
+                type: 'moveSpeed',
+                config: {
+                    speed: {
+                        list: [
+                            {
+                                value: 200,
+                                time: 0
+                            },
+                            {
+                                value: 100,
+                                time: 1
+                            }
+                        ],
+                        isStepped: false
+                    },
+                }
+            },
+            {
+                type: 'rotationStatic',
+                config: {
+                    min: 70,
+                    max: 110
+                }
+            },
+            {
+                type: 'spawnShape',
+                config: {
+                    type: 'rect',
+                    data: {
+                        x: 0,
+                        y: 0,
+                        width: 800,
+                        height: 10
+                    }
+                }
+            },
+            {
+                type: 'textureSingle',
+                config: {
+                    texture: snowflakeSymbol
+                }
+            }
+        ]
+    }).then(e => {
+        e.autoUpdate = true;
+    })
+
+
     const currentlyMastering = computed(() =>
         isMastery.value
             ? Object.values(layers).find(
@@ -560,6 +676,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
         loreScene,
         loreTitle,
         loreBody,
+        particles,
         showLoreModal,
         completeDay,
         completeMastery,
@@ -570,6 +687,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
         currentlyMastering,
         masteredDays,
         creditsOpen,
+        credits,
         display: jsx(() => (
             <>
                 {player.devSpeed === 0 ? <div>Game Paused</div> : null}
@@ -600,6 +718,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
                         )
                         .map((days: Day[]) => renderRow(...days))}
                 </div>
+                {render(particles) /*creditsOpen.value || day.value == 25 ? render(particles) : null*/}
             </>
         ))
     };

From a72d8c720b9ed16574d1a282d3d07f3614e378d5 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sat, 24 Dec 2022 00:18:58 -0600
Subject: [PATCH 05/11] Make Christmas open automatically

---
 src/data/Day.vue       |   6 +-
 src/data/projEntry.tsx | 245 ++++++++++++++++++++++-------------------
 2 files changed, 138 insertions(+), 113 deletions(-)

diff --git a/src/data/Day.vue b/src/data/Day.vue
index a63ccc3..e47cb60 100644
--- a/src/data/Day.vue
+++ b/src/data/Day.vue
@@ -6,7 +6,7 @@
             masteryLock,
             wallpaper: day < 8
         }"
-        v-if="opened.value"
+        v-if="opened.value && visibility !== Visibility.None"
     >
         <div class="ribbon" v-if="day >= 8" />
         <Tooltip :display="layers[layer ?? '']?.name ?? ''" :direction="Direction.Up" yoffset="5px">
@@ -26,7 +26,7 @@
         </Tooltip>
     </div>
     <div
-        v-else
+        v-else-if="visibility !== Visibility.None"
         class="day feature dontMerge"
         :class="{ can: canOpen, locked: !canOpen, canOpen, mastered: unref(mastered) }"
         @click="tryUnlock"
@@ -47,6 +47,7 @@
 
 <script setup lang="ts">
 import Notif from "components/Notif.vue";
+import { Visibility } from "features/feature";
 import Tooltip from "features/tooltips/Tooltip.vue";
 import { layers } from "game/layers";
 import Decimal from "util/bignum";
@@ -66,6 +67,7 @@ const props = defineProps<{
     recentlyUpdated: Ref<boolean>;
     shouldNotify: ProcessedComputable<boolean>;
     mastered: Ref<boolean>;
+    visibility?: Visibility;
 }>();
 
 const emit = defineEmits<{
diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 6cd4fdd..0a79fac 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -4,7 +4,8 @@ import {
     Component,
     GatherProps,
     GenericComponent,
-    jsx
+    jsx,
+    Visibility
 } from "features/feature";
 import { BaseLayer, createLayer, GenericLayer, layers } from "game/layers";
 import { isPersistent, Persistent, persistent } from "game/persistence";
@@ -15,7 +16,7 @@ import { Computable, convertComputable, ProcessedComputable } from "util/compute
 import { createLazyProxy } from "util/proxies";
 import { save } from "util/save";
 import { render, renderRow, VueFeature } from "util/vue";
-import type { Ref } from "vue";
+import { Ref, watchEffect } from "vue";
 import { computed, ref, unref } from "vue";
 import "./advent.css";
 import Day from "./Day.vue";
@@ -60,7 +61,7 @@ import toysSymbol from "./symbols/truck.png";
 import advManagementSymbol from "./symbols/workshopMansion.png";
 import wrappingPaperSymbol from "./symbols/wrappingPaper.png";
 import snowflakeSymbol from "./symbols/snowflake.svg";
-import presentSymbol from "./layers/factory-components/present.svg"
+import presentSymbol from "./layers/factory-components/present.svg";
 import { createParticles } from "features/particles/particles";
 import { credits } from "./credits";
 
@@ -74,6 +75,7 @@ export interface Day extends VueFeature {
     opened: Persistent<boolean>;
     recentlyUpdated: Ref<boolean>; // Has the tab recieved an update since the player last opened it?
     shouldNotify: ProcessedComputable<boolean>;
+    visibility?: Visibility;
 }
 
 export const main = createLayer("main", function (this: BaseLayer) {
@@ -96,112 +98,113 @@ export const main = createLayer("main", function (this: BaseLayer) {
             this.boundingRect.value = boundingRect;
         },
         style: "z-index: -1"
-    }))
+    }));
 
-    particles.addEmitter({
-        lifetime: {min: 5, max: 5},
-        pos: {x: 0, y: 0},
-        frequency: 0.05,
-        behaviors: [
-            {
-                type: 'alpha',
-                config: {
-                    alpha: {
-                        list: [
-                            {
-                                value: 1,
-                                time: 0
-                            },
-                            {
-                                value: 1,
-                                time: 1
-                            }
-                        ],
-                    },
-                }
-            },
-            {
-                type: 'scale',
-                config: {
-                    scale: {
-                        list: [
-                            {
-                                value: 1,
-                                time: 0
-                            },
-                            {
-                                value: 1,
-                                time: 1
-                            }
-                        ],
-                    },
-                }
-            },
-            {
-                type: 'color',
-                config: {
-                    color: {
-                        list: [
-                            {
-                                value: "fb1010",
-                                time: 0
-                            },
-                            {
-                                value: "f5b830",
-                                time: 1
-                            }
-                        ],
-                    },
-                }
-            },
-            {
-                type: 'moveSpeed',
-                config: {
-                    speed: {
-                        list: [
-                            {
-                                value: 200,
-                                time: 0
-                            },
-                            {
-                                value: 100,
-                                time: 1
-                            }
-                        ],
-                        isStepped: false
-                    },
-                }
-            },
-            {
-                type: 'rotationStatic',
-                config: {
-                    min: 70,
-                    max: 110
-                }
-            },
-            {
-                type: 'spawnShape',
-                config: {
-                    type: 'rect',
-                    data: {
-                        x: 0,
-                        y: 0,
-                        width: 800,
-                        height: 10
+    particles
+        .addEmitter({
+            lifetime: { min: 5, max: 5 },
+            pos: { x: 0, y: 0 },
+            frequency: 0.05,
+            behaviors: [
+                {
+                    type: "alpha",
+                    config: {
+                        alpha: {
+                            list: [
+                                {
+                                    value: 1,
+                                    time: 0
+                                },
+                                {
+                                    value: 1,
+                                    time: 1
+                                }
+                            ]
+                        }
+                    }
+                },
+                {
+                    type: "scale",
+                    config: {
+                        scale: {
+                            list: [
+                                {
+                                    value: 1,
+                                    time: 0
+                                },
+                                {
+                                    value: 1,
+                                    time: 1
+                                }
+                            ]
+                        }
+                    }
+                },
+                {
+                    type: "color",
+                    config: {
+                        color: {
+                            list: [
+                                {
+                                    value: "fb1010",
+                                    time: 0
+                                },
+                                {
+                                    value: "f5b830",
+                                    time: 1
+                                }
+                            ]
+                        }
+                    }
+                },
+                {
+                    type: "moveSpeed",
+                    config: {
+                        speed: {
+                            list: [
+                                {
+                                    value: 200,
+                                    time: 0
+                                },
+                                {
+                                    value: 100,
+                                    time: 1
+                                }
+                            ],
+                            isStepped: false
+                        }
+                    }
+                },
+                {
+                    type: "rotationStatic",
+                    config: {
+                        min: 70,
+                        max: 110
+                    }
+                },
+                {
+                    type: "spawnShape",
+                    config: {
+                        type: "rect",
+                        data: {
+                            x: 0,
+                            y: 0,
+                            width: 800,
+                            height: 10
+                        }
+                    }
+                },
+                {
+                    type: "textureSingle",
+                    config: {
+                        texture: snowflakeSymbol
                     }
                 }
-            },
-            {
-                type: 'textureSingle',
-                config: {
-                    texture: snowflakeSymbol
-                }
-            }
-        ]
-    }).then(e => {
-        e.autoUpdate = true;
-    })
-
+            ]
+        })
+        .then(e => {
+            e.autoUpdate = true;
+        });
 
     const currentlyMastering = computed(() =>
         isMastery.value
@@ -285,6 +288,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
             story: string;
             completedStory: string;
             masteredStory: string;
+            visibility?: Visibility;
         }
     ): Day {
         const opened = persistent<boolean>(false);
@@ -314,7 +318,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
                         story,
                         completedStory,
                         masteredStory,
-                        recentlyUpdated
+                        recentlyUpdated,
+                        visibility
                     } = this;
 
                     const mastered: Ref<boolean> =
@@ -327,6 +332,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
                         recentlyUpdated,
                         shouldNotify,
                         mastered,
+                        visibility,
                         onOpenLore() {
                             const completed = main.day.value > day;
                             loreScene.value = completed ? day - 1 : -1;
@@ -370,7 +376,10 @@ export const main = createLayer("main", function (this: BaseLayer) {
                                 opened.value = true;
                                 setTimeout(() => {
                                     loreScene.value = -1;
-                                    loreTitle.value = day == 25 ? "The End!" : unref(layers[layer ?? "trees"]?.name ?? "");
+                                    loreTitle.value =
+                                        day == 25
+                                            ? "The End!"
+                                            : unref(layers[layer ?? "trees"]?.name ?? "");
                                     loreBody.value = story;
                                     if (player.autoPause) player.devSpeed = null;
                                     showLoreModal.value = true;
@@ -638,9 +647,10 @@ export const main = createLayer("main", function (this: BaseLayer) {
             shouldNotify: false,
             layer: null, // credits
             symbol: snowflakeSymbol,
-            story: `It's Christmas. Thanks to your efforts, Santa has delivered all the presents to people all over the world. That is, all but one... <br><br> <div style='text-align: center'><img class='present-clickable' onclick ='layers.main.showLoreModal.value = false; layers.main.creditsOpen.value = true' src='${presentSymbol}' /><br>Open your present</div>`,
+            story: `It's Christmas. Thanks to your efforts, Santa has delivered all the presents to people all over the world. That is, all but one... <br><br> <div style='text-align: center'><img class='present-clickable' onclick ='layers.main.showLoreModal.value = false; layers.main.creditsOpen.value = true' src='${presentSymbol}' /><br>Open your present</div><br/>`,
             completedStory: "",
-            masteredStory: ""
+            masteredStory: "",
+            visibility: Visibility.None
         }))
     ];
 
@@ -673,6 +683,15 @@ export const main = createLayer("main", function (this: BaseLayer) {
         }
     }
 
+    watchEffect(() => {
+        if (day.value === 25 && showLoreModal.value === false) {
+            loreScene.value = -1;
+            loreTitle.value = "Merry Christmas!";
+            loreBody.value = days[day.value - 1].story;
+            showLoreModal.value = true;
+        }
+    });
+
     return {
         name: "Calendar",
         days,
@@ -724,7 +743,11 @@ export const main = createLayer("main", function (this: BaseLayer) {
                         )
                         .map((days: Day[]) => renderRow(...days))}
                 </div>
-                {render(particles) /*creditsOpen.value || day.value == 25 ? render(particles) : null*/}
+                {
+                    render(
+                        particles
+                    ) /*creditsOpen.value || day.value == 25 ? render(particles) : null*/
+                }
             </>
         ))
     };

From aa7fbccb348b0a14f5c9d48d539587e91e2cb5be Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sat, 24 Dec 2022 00:26:50 -0600
Subject: [PATCH 06/11] After opening the present, win the game

---
 src/data/projEntry.tsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 0a79fac..f4d75f3 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -16,7 +16,7 @@ import { Computable, convertComputable, ProcessedComputable } from "util/compute
 import { createLazyProxy } from "util/proxies";
 import { save } from "util/save";
 import { render, renderRow, VueFeature } from "util/vue";
-import { Ref, watchEffect } from "vue";
+import { Ref, watch, watchEffect } from "vue";
 import { computed, ref, unref } from "vue";
 import "./advent.css";
 import Day from "./Day.vue";
@@ -80,6 +80,8 @@ export interface Day extends VueFeature {
 
 export const main = createLayer("main", function (this: BaseLayer) {
     const day = persistent<number>(1);
+    const hasWon = persistent<boolean>(false);
+
     const timeUntilNewDay = computed(
         () => (+new Date(new Date().getFullYear(), 11, day.value) - player.time) / 1000
     );
@@ -684,11 +686,12 @@ export const main = createLayer("main", function (this: BaseLayer) {
     }
 
     watchEffect(() => {
-        if (day.value === 25 && showLoreModal.value === false) {
+        if (day.value === 25 && showLoreModal.value === false && !hasWon.value) {
             loreScene.value = -1;
             loreTitle.value = "Merry Christmas!";
             loreBody.value = days[day.value - 1].story;
             showLoreModal.value = true;
+            hasWon.value = true;
         }
     });
 
@@ -713,6 +716,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
         masteredDays,
         creditsOpen,
         credits,
+        hasWon,
         display: jsx(() => (
             <>
                 {player.devSpeed === 0 ? <div>Game Paused</div> : null}
@@ -743,6 +747,18 @@ export const main = createLayer("main", function (this: BaseLayer) {
                         )
                         .map((days: Day[]) => renderRow(...days))}
                 </div>
+                {hasWon.value ? (
+                    <>
+                        <Spacer />
+                        <button
+                            class="button"
+                            style="font-size: xx-large"
+                            onClick={() => (creditsOpen.value = true)}
+                        >
+                            Open Credits
+                        </button>
+                    </>
+                ) : null}
                 {
                     render(
                         particles

From a5297ed88a7860a0fcf9f8cf912573baa27cd869 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sat, 24 Dec 2022 00:55:31 -0600
Subject: [PATCH 07/11] Remove unused ref

---
 src/components/Game.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Game.vue b/src/components/Game.vue
index 9e58479..5015ef1 100644
--- a/src/components/Game.vue
+++ b/src/components/Game.vue
@@ -4,7 +4,6 @@
             v-for="(tab, index) in tabs"
             :key="index"
             class="tab"
-            :ref="`tab-${index}`"
             :style="unref(layers[tab]?.style)"
             :class="unref(layers[tab]?.classes)"
         >
@@ -14,7 +13,6 @@
                     v-if="layerKeys.includes(tab)"
                     v-bind="gatherLayerProps(layers[tab]!)"
                     :index="index"
-                    :tab="() => (($refs[`tab-${index}`] as HTMLElement[] | undefined)?.[0])"
                 />
                 <component :is="tab" :index="index" v-else />
             </div>

From e43e065daf0f1a3eacbcb493b4bfdfbce1d35f9e Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sat, 24 Dec 2022 01:43:57 -0600
Subject: [PATCH 08/11] Fixed particle effects

---
 src/data/projEntry.tsx | 196 ++++++++++++++++++-----------------------
 1 file changed, 88 insertions(+), 108 deletions(-)

diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 59ab98a..57bdc4f 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -105,111 +105,95 @@ export const main = createLayer("main", function (this: BaseLayer) {
         style: "z-index: -1"
     }));
 
-    particles
-        .addEmitter({
-            lifetime: { min: 5, max: 5 },
-            pos: { x: 0, y: 0 },
-            frequency: 0.05,
-            behaviors: [
-                {
-                    type: "alpha",
-                    config: {
-                        alpha: {
-                            list: [
-                                {
-                                    value: 1,
-                                    time: 0
-                                },
-                                {
-                                    value: 1,
-                                    time: 1
-                                }
-                            ]
-                        }
-                    }
-                },
-                {
-                    type: "scale",
-                    config: {
-                        scale: {
-                            list: [
-                                {
-                                    value: 1,
-                                    time: 0
-                                },
-                                {
-                                    value: 1,
-                                    time: 1
-                                }
-                            ]
-                        }
-                    }
-                },
-                {
-                    type: "color",
-                    config: {
-                        color: {
-                            list: [
-                                {
-                                    value: "fb1010",
-                                    time: 0
-                                },
-                                {
-                                    value: "f5b830",
-                                    time: 1
-                                }
-                            ]
-                        }
-                    }
-                },
-                {
-                    type: "moveSpeed",
-                    config: {
-                        speed: {
-                            list: [
-                                {
-                                    value: 200,
-                                    time: 0
-                                },
-                                {
-                                    value: 100,
-                                    time: 1
-                                }
-                            ],
-                            isStepped: false
-                        }
-                    }
-                },
-                {
-                    type: "rotationStatic",
-                    config: {
-                        min: 70,
-                        max: 110
-                    }
-                },
-                {
-                    type: "spawnShape",
-                    config: {
-                        type: "rect",
-                        data: {
-                            x: 0,
-                            y: 0,
-                            width: 800,
-                            height: 10
-                        }
-                    }
-                },
-                {
-                    type: "textureSingle",
-                    config: {
-                        texture: snowflakeSymbol
+    const emitter = particles.addEmitter({
+        emit: false,
+        autoUpdate: true,
+        lifetime: { min: 5, max: 5 },
+        emitterLifetime: -1,
+        pos: { x: 0, y: 0 },
+        frequency: 0.05,
+        maxParticles: 1000,
+        behaviors: [
+            {
+                type: "alphaStatic",
+                config: {
+                    alpha: 1
+                }
+            },
+            {
+                type: "scaleStatic",
+                config: {
+                    min: 1,
+                    max: 1
+                }
+            },
+            {
+                type: "color",
+                config: {
+                    color: {
+                        list: [
+                            {
+                                value: "fb1010",
+                                time: 0
+                            },
+                            {
+                                value: "f5b830",
+                                time: 1
+                            }
+                        ]
                     }
                 }
-            ]
-        })
-        .then(e => {
-            e.autoUpdate = true;
-        });
+            },
+            {
+                type: "moveSpeed",
+                config: {
+                    speed: {
+                        list: [
+                            {
+                                value: 200,
+                                time: 0
+                            },
+                            {
+                                value: 100,
+                                time: 1
+                            }
+                        ],
+                        isStepped: false
+                    }
+                }
+            },
+            {
+                type: "rotationStatic",
+                config: {
+                    min: 70,
+                    max: 110
+                }
+            },
+            {
+                type: "spawnShape",
+                config: {
+                    type: "rect",
+                    data: {
+                        x: 0,
+                        y: 0,
+                        w: 800,
+                        h: 1
+                    }
+                }
+            },
+            {
+                type: "textureSingle",
+                config: {
+                    texture: snowflakeSymbol
+                }
+            }
+        ]
+    });
+
+    watchEffect(() => {
+        const shouldEmit = day.value === 25;
+        emitter.then(e => (e.emit = shouldEmit));
+    });
 
     const currentlyMastering = computed(() =>
         isMastery.value
@@ -764,11 +748,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
                         </button>
                     </>
                 ) : null}
-                {
-                    render(
-                        particles
-                    ) /*creditsOpen.value || day.value == 25 ? render(particles) : null*/
-                }
+                {render(particles)}
             </>
         ))
     };

From 1fe459994d331ba2a6a0effed1ce5fe264763e3e Mon Sep 17 00:00:00 2001
From: Chunkybanana <62921243+chunkybanana@users.noreply.github.com>
Date: Sat, 24 Dec 2022 08:37:27 +0000
Subject: [PATCH 09/11] some more credits

---
 src/data/credits.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/data/credits.tsx b/src/data/credits.tsx
index f7a7896..1452e1d 100644
--- a/src/data/credits.tsx
+++ b/src/data/credits.tsx
@@ -31,18 +31,22 @@ const dayCredits: Credits[] = [
     {
         name: "Paper",
         creator: "thepaperpilot",
+        help: "Adsaf"
     },
     {
         name: "Boxes",
         creator: "thepaperpilot",
+        help: "ducdat0507",
     },
     {
         name: "Metal",
         creator: "Escapee",
+        help: "ducdat0507, thepaperpilot, yhvr",
     },
     {
         name: "Cloth",
         creator: "thepaperpilot",
+        
     },
     {
         name: "Oil",
@@ -100,6 +104,7 @@ const dayCredits: Credits[] = [
     {
         name: "Presents",
         creator: "incremental_gamer",
+        help: "ducdat0507",
         other: [
             "Art by emanresu"
         ],
@@ -136,7 +141,7 @@ const display = jsx(() => (
                         <h1 style={{ color: unref(layers[main.days[day].layer ?? ""]?.color ?? "white"), fontSize: fs || '30px'}}>Day {day+1} - {name}</h1>
                         <br /><br />
                         Created by {creator} <br />
-                        {help ? <>With help from {help}</> : undefined}<br />
+                        {help ? <>With help from {help}<br /></> : undefined}
                         {other ? other?.map((other) => <>{other}<br /></>) : undefined}
                         <br /><br />
                     </span>

From b744b3c908e7745a0bdeb92f2a0c5e35b78a4d51 Mon Sep 17 00:00:00 2001
From: Chunkybanana <62921243+chunkybanana@users.noreply.github.com>
Date: Sat, 24 Dec 2022 09:00:34 +0000
Subject: [PATCH 10/11] fixed snowflake color

---
 src/data/projEntry.tsx | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 57bdc4f..119bc90 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -127,23 +127,6 @@ export const main = createLayer("main", function (this: BaseLayer) {
                     max: 1
                 }
             },
-            {
-                type: "color",
-                config: {
-                    color: {
-                        list: [
-                            {
-                                value: "fb1010",
-                                time: 0
-                            },
-                            {
-                                value: "f5b830",
-                                time: 1
-                            }
-                        ]
-                    }
-                }
-            },
             {
                 type: "moveSpeed",
                 config: {

From 5a7c150b75b986716e6a419d1bb129ab60144f2b Mon Sep 17 00:00:00 2001
From: Chunkybanana <62921243+chunkybanana@users.noreply.github.com>
Date: Sat, 24 Dec 2022 09:21:17 +0000
Subject: [PATCH 11/11] credits done, particles fixed

---
 src/data/credits.tsx   | 12 ++++++++----
 src/data/projEntry.tsx |  4 ++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/data/credits.tsx b/src/data/credits.tsx
index 1452e1d..1fbc25e 100644
--- a/src/data/credits.tsx
+++ b/src/data/credits.tsx
@@ -46,27 +46,30 @@ const dayCredits: Credits[] = [
     {
         name: "Cloth",
         creator: "thepaperpilot",
-        
+        help: "emanresu, Jacorb"
     },
     {
         name: "Oil",
         creator: "ducdat0507",
+        help: "thepaperpilot, Jacorb, incremental_gamer",
     },
     {
         name: "Plastic",
         creator: "thepaperpilot",
+        help: "Jacorb"
     },
     {
         name: "Dyes",
         creator: "Jacorb",
+        help: "thepaperpilot, ducdat0507"
     },
     {
         name: "Management",
-        creator: "incremental_gamer, downvoid, thepaperpilot",
+        creator: "incremental_gamer, downvoid, thepaperpilot, Escapee",
     },
     {
         name: "Management II",
-        creator: "incremental_gamer, downvoid, thepaperpilot",
+        creator: "incremental_gamer, downvoid, thepaperpilot, Escapee",
     },
     {
         name: "Letters",
@@ -84,6 +87,7 @@ const dayCredits: Credits[] = [
     {
         name: "Toys",
         creator: "downvoid",
+        help: "thepaperpilot"
     },
     {
         name: "Factory",
@@ -150,7 +154,7 @@ const display = jsx(() => (
             ))
         }
         <p>Credits created by emanresu</p>
-        <br /> <br /> <br /> <br /> <br />
+        <br /> <br /> <br /> 
         <h1>Special Thanks</h1>
         <p>Nekosity</p>
         <p>Yhvr</p> 
diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 119bc90..6b0e070 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -108,7 +108,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
     const emitter = particles.addEmitter({
         emit: false,
         autoUpdate: true,
-        lifetime: { min: 5, max: 5 },
+        lifetime: { min: 10, max: 10 },
         emitterLifetime: -1,
         pos: { x: 0, y: 0 },
         frequency: 0.05,
@@ -159,7 +159,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
                     data: {
                         x: 0,
                         y: 0,
-                        w: 800,
+                        w: 1600,
                         h: 1
                     }
                 }