@@ -294,8 +321,8 @@ class App{
-
-
+
+
@@ -356,7 +383,7 @@ class App{
if(ua.match(/MicroMessenger/i)=="micromessenger") {
$('#endImage').attr('src', dataUrl);
}
-
+
});
})
trajectoryPage
@@ -384,7 +411,7 @@ class App{
`);
-
+
summaryPage
.find('#again')
.click(()=>{
@@ -404,7 +431,6 @@ class App{
this.#currentPage = 'loading';
},
},
-
index: {
page: indexPage,
btnRank: indexPage.find('#rank'),
@@ -432,6 +458,25 @@ class App{
cnt.hide();
},
},
+ specialthanks: {
+ page: specialThanksPage,
+ clear: () => {
+ const groups = [
+ specialThanksPage.find('#spthx > ul.g1'),
+ specialThanksPage.find('#spthx > ul.g2'),
+ ];
+ groups.forEach(g=>g.empty());
+ Object
+ .values(this.#specialthanks)
+ .sort(()=>0.5-Math.random())
+ .forEach(({group, name, comment})=>groups[--group].append(`
+
+ ${name}
+
+
+ `))
+ }
+ },
talent: {
page: talentPage,
talentList: talentPage.find('#talents'),
@@ -551,7 +596,7 @@ class App{
})(),
].join(''));
}
- }
+ },
}
}
@@ -592,8 +637,8 @@ class App{
}
}
- get times() {return JSON.parse(localStorage.times||'0') || 0;}
- set times(v) {localStorage.times = JSON.stringify(parseInt(v) || 0)};
+ get times() {return this.#life?.times || 0;}
+ set times(v) { if(this.#life) this.#life.times = v };
}
diff --git a/src/life.js b/src/life.js
index 8da596f..e328f31 100644
--- a/src/life.js
+++ b/src/life.js
@@ -122,6 +122,9 @@ class Life {
exclusive(talents, exclusive) {
return this.#talent.exclusive(talents, exclusive);
}
+
+ get times() { return this.#property?.get(this.#property.TYPES.TMS) || 0; }
+ set times(v) { return this.#property?.set(this.#property.TYPES.TMS, v) || 0; }
}
export default Life;
diff --git a/src/property.js b/src/property.js
index 8fa2ffd..b5d90ad 100644
--- a/src/property.js
+++ b/src/property.js
@@ -4,15 +4,16 @@ class Property {
constructor() {}
TYPES = {
- AGE: "AGE",
- CHR: "CHR",
- INT: "INT",
- STR: "STR",
- MNY: "MNY",
- SPR: "SPR",
- LIF: "LIF",
- TLT: "TLT",
- EVT: "EVT",
+ AGE: "AGE", // 年龄 age AGE
+ CHR: "CHR", // 颜值 charm CHR
+ INT: "INT", // 智力 intelligence INT
+ STR: "STR", // 体质 strength STR
+ MNY: "MNY", // 家境 money MNY
+ SPR: "SPR", // 快乐 spirit SPR
+ LIF: "LIF", // 生命 life LIFE
+ TLT: "TLT", // 天赋 talent TLT
+ EVT: "EVT", // 事件 event EVT
+ TMS: "TMS", // 次数 times TMS
};
#ageData;
@@ -71,6 +72,8 @@ class Property {
case this.TYPES.TLT:
case this.TYPES.EVT:
return clone(this.#data[prop]);
+ case this.TYPES.TMS:
+ return JSON.parse(localStorage.times||'0') || 0;
default: return 0;
}
}
@@ -87,8 +90,11 @@ class Property {
case this.TYPES.TLT:
case this.TYPES.EVT:
this.#data[prop] = clone(value);
- break;
- default: return 0;
+ return;
+ case this.TYPES.TMS:
+ localStorage.times = JSON.stringify(parseInt(value) || 0);
+ return;
+ default: return;
}
}
@@ -126,7 +132,7 @@ class Property {
case this.TYPES.SPR:
case this.TYPES.LIF:
this.#data[prop] += Number(value);
- break;
+ return;
case this.TYPES.TLT:
case this.TYPES.EVT:
const v = this.#data[prop];
@@ -135,7 +141,13 @@ class Property {
if(index!=-1) v.splice(index,1);
}
if(!v.includes(value)) v.push(value);
- break;
+ return;
+ case this.TYPES.TMS:
+ this.set(
+ prop,
+ this.get(prop) + parseInt(value)
+ );
+ return;
default: return;
}
}
diff --git a/view/dark.css b/view/dark.css
index 00a2ff5..46659d1 100644
--- a/view/dark.css
+++ b/view/dark.css
@@ -100,11 +100,14 @@ body {
-moz-osx-font-smoothing: grayscale;
}
+#sponsor,
+#specialthanks,
#rank {
position: fixed;
- top: 1rem;
+ top: 4rem;
right: 1rem;
- padding: 0.1rem 1rem;
+ padding: 0.1rem;
+ width: 6rem;
border: none;
border-radius: 0.2rem;
background-color:lightsteelblue;
@@ -112,6 +115,74 @@ body {
color: #EEEEEE;
cursor: pointer;
z-index:2;
+ word-wrap: none;
+}
+
+#specialthanks {
+ background-color: #5865F2;
+ top: 1rem;
+}
+
+#sponsor {
+ top: auto;
+ bottom: 0;
+ right: 50%;
+ transform: translate(50%, -50%);
+}
+
+#spthx {
+ position: fixed;
+ display: grid;
+ top: 4rem;
+ bottom: 5rem;
+ left: 50%;
+ width: 30rem;
+ max-width: calc(100% - 2rem);
+ transform: translateX(-50%);
+}
+
+#spthx ul {
+ list-style-type: none;
+ padding: 0;
+}
+
+#spthx ul li {
+ margin: 0;
+}
+
+#spthx ul.g1 {
+ display: grid;
+ max-block-size: 9rem;
+ max-height: 9rem;
+ overflow: scroll;
+}
+
+#spthx ul.g1 li {
+ display: inline-grid;
+ background-color: orange;
+ margin-bottom: 0.5rem;
+ padding: 0.2rem 0;
+ grid-template-columns: 7rem auto;
+}
+
+#spthx ul.g1 li .name {
+ padding: 0 0.5rem;
+ font-weight: 700;
+}
+
+#spthx ul.g1 li .comment {
+ padding: 0 0.5rem;
+}
+
+#spthx ul.g2 {
+ color: white;
+ display: grid;
+ grid-template-columns: 50% 50%;
+ overflow: scroll;
+}
+
+#spthx ul.g2 li {
+ text-align: center;
}
#themeToggleBtn {
diff --git a/view/index.html b/view/index.html
index 95ecb31..a9ab4bb 100644
--- a/view/index.html
+++ b/view/index.html
@@ -8,7 +8,8 @@
-
+
+
Life Restart
@@ -33,7 +34,6 @@