花海之红
2023年5月6日
修订 16
核心指标
评分
35
↑ 41
↓ 6
支持率
87%
总票数 47
Wilson 95% 下界
74.8%
在相同票数下更稳健的支持率估计
争议指数
0.445
评分趋势
加载图表中...
最近修订
1 / 6
最近投票
1 / 5
2024-09-29
2024-01-25
2023-11-27
2023-06-27
2023-06-18
2023-05-30
2023-05-29
2023-05-29
2023-05-29
2023-05-27
页面源码
源码字符数 159096文字字数 28
[[include :scpsandboxcn:no-saving-page]]
[[mOdUlE cSs]]
/* IPix中文像素字体↓ */
@import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-IPix.css);
/* 凤凰点阵体↓ */
@import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-VonwaonBitmap-12px.css);
/* 观致8px字体↓ */
@import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-GuanZhi-8px.css);
html, body {
height: 100%;
font-size: 96%;
}
:root {
--m-extra-width: 767px;
--pc-extra-width: ;
--test-color: blue;
}
@media (max-width: 991px) {
html, body {
font-size: 76.8%;
}
:root {
--m-extra-width: 767px;
--pc-extra-width: ;
--test-color: yellow;
}
}
@media (max-width: 767px) {
html, body {
font-size: 60%;
}
:root {
--m-extra-width: 100vw;
--pc-extra-width: ;
--test-color: green;
}
}
body {
overflow: hidden !important;
}
#u-html-content {
width: auto;
height: 100%;
background-color: rgba(0, 0, 0, 1);
padding: 0;
margin: 0;
position: fixed;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#u-html-content p {
display: block;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
#u-html-content p iframe.html-block-iframe {
width: 100%;
height: 100% !important;
}
/* 字体↓ */
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rate-points, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rateup, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rateup, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.ratedown, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.ratedown, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.cancel, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.cancel {
width: 2rem;
height: 2rem;
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
font-weight: normal;
letter-spacing: 0.25rem;
vertical-align: middle;
animation: fontMixRateAnim 0.2s linear infinite;
margin-top: 0.1rem;
--ls_val: 0.23rem;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rate-points {
width: 9rem;
--ls_val: 0.3rem;
}
#u-credit-view:target div.modalcontainer div.modalbox div h2 span, #u-credit-view:target div.modalcontainer div.modalbox div > p:nth-of-type(2) {
display: inline-block;
height: 2rem;
line-height: 2rem;
letter-spacing: 0.25rem;
vertical-align: middle;
animation: fontMixAnim 0.3s linear infinite;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton p {
width: 2.1rem;
height: 2.1rem;
display: inline-block;
line-height: 2rem;
font-weight: normal;
letter-spacing: 0.25rem;
vertical-align: middle;
animation: fontMixRateAnim 0.2s linear infinite;
margin-top: 0rem;
--ls_val: 0.23rem;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points {
padding-left: 1rem;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton p a {
font-size: 2rem;
padding-left: 0.5rem;
}
@keyframes fontMixRateAnim {
0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: var(--ls_val); }
99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: var(--ls_val); }
100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
}
@keyframes fontMixAnim {
0% { font-family: 'VonwaonBitmap 12px', sans-serif; }
33% { font-family: 'VonwaonBitmap 12px', sans-serif; }
34% { font-family: 'GuanZhi 8px', sans-serif; }
66% { font-family: 'GuanZhi 8px', sans-serif; }
67% { font-family: IPix, sans-serif; }
99% { font-family: IPix, sans-serif; }
100% { font-family: 'VonwaonBitmap 12px', sans-serif; }
}
/* 字体↑ */
/* 评分模组↓ */
#u-rate-content {
opacity: 0;
margin-top: -4rem;
position: fixed;
z-index: 12;
top: 0;
right: -0.6rem;
animation: rateOpacHideAnim 30s linear;
transition: opacity 1s ease, margin-top 1s ease;
}
@keyframes rateOpacHideAnim {
0% { margin-top: 0; opacity: 1; }
96.6% { margin-top: 0; opacity: 1; }
100% { margin-top: -4rem; opacity: 0; }
}
#u-onin {
width: 20rem;
height: 3rem;
position: fixed;
z-index: 11;
top: 0;
right: -0.6rem;
}
#u-onin:hover + #u-rate-content, #u-rate-content:hover {
opacity: 1;
margin-top: 0;
transition: opacity 1s ease, margin-top 1s ease;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button {
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box {
color: #F00;
height: 2rem;
border-radius: 0;
box-shadow: none;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box span.rate-points, #u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton p a, #u-credit-view:target div.modalcontainer div.modalbox div.page-rate-widget-box span.rate-points {
color: #F00;
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.page-rate-widget-box {
margin-right: 0.15rem;
}
.page-rate-widget-box .rate-points, .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel {
background-color: rgba(255, 0, 0, 0.3);
border-color: rgba(255, 0, 0, 0);
border-width: 0.2rem;
border-radius: 0;
padding: 0.2rem;
}
.page-rate-widget-box .rate-points {
background: rgba(255, 0, 0, 0.3) !important;
padding-left: 0.5rem;
}
.page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a {
color: #F00;
}
.page-rate-widget-box span.cancel a[title="取消我的投票"] {
border-radius: 0;
}
.page-rate-widget-box span.rateup:hover, .page-rate-widget-box span.ratedown:hover, .page-rate-widget-box span.cancel:hover {
background-color: #F00;
}
.page-rate-widget-box span.rateup:hover a, .page-rate-widget-box span.ratedown:hover a, .page-rate-widget-box span.cancel:hover a {
background-color: #F00;
color: rgba(255, 0, 0, 0.3);
}
#u-rate-content div.creditRate div.rateBox div.rate-box-with-credit-button div.creditButton {
border: solid 0.3rem rgba(255, 0, 0, 0);
background-color: rgba(255, 0, 0, 0.3);
padding: 0.3em 0.1rem;
padding-left: 0.5rem;
}
.rateBox .rate-box-with-credit-button .creditButton p a {
border: none;
}
.rateBox .rate-box-with-credit-button .page-rate-widget-box span.cancel {
border-right: solid 0.2rem rgba(255, 0, 0, 0);
}
#u-credit-view:target div.modalcontainer div.modalbox {
color: #F00;
font-size: 1.5rem;
background: rgba(50, 0, 0, 0.3);
}
/* 评分模组↑ */
[[/mOdUlE]]
[[div id="onin"]]
[[/div]]
[[div id="rate-content"]]
[[include :scp-wiki-cn:credit:start]]
若长时间未加载或崩图没声音请刷新页面喵，[[[https://scp-wiki-cn.wikidot.com/forum/t-15842893/#post-6075901|评论区→]]]
[[include :scp-wiki-cn:credit:end]]
[[/div]]
[[div id="html-content"]]
[[html]]
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<style type="text/css">
/* IPix中文像素字体↓ */
@import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-IPix.css);
/* 站酷庆科黄油体↓ */
@import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou&display=swap');
/* 凤凰点阵体↓ */
@import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-VonwaonBitmap-12px.css);
/* 观致8px字体↓ */
@import url(https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-GuanZhi-8px.css);
/* 主体↓ */
html, body {
width: 100%;
height: 100% !important;
color: #F00;
font-size: 78.125%;/* 16px→12.5px，1rem = 12.5px */
letter-spacing: 0;
padding: 0;
margin: 0;
}
#nps button#load_valbox {
font-size: 1.2rem;
}
#html_main_content {
width: 100%;
height: 100%;
font-size: 1.5rem;
background-color: rgba(255, 0, 0, 0.1);
overflow-x: hidden;
overflow-y: hidden;
animation: bgHmcAnim 0.3s linear infinite;
}
@keyframes bgHmcAnim {
0% { background-color: rgba(255, 0, 0, 0.1); }
49% { background-color: rgba(255, 0, 0, 0.1); }
50% { background-color: rgba(255, 0, 0, 0.11); }
99% { background-color: rgba(255, 0, 0, 0.11); }
100% { background-color: rgba(255, 0, 0, 0.1); }
}
/* 主体↑ */
/* root值↓ */
html, body {
font-size: 125%;/* 16px→20px，1rem = 20px */
}
:root {
--m-extra-width: 767px;
--pc-extra-width: ;
--test-color: blue;
}
@media (max-width: 991px) {
html, body {
font-size: 100%;/* 16px→16px，1rem = 16px */
}
:root {
--m-extra-width: 767px;
--pc-extra-width: ;
--test-color: yellow;
}
}
@media (max-width: 767px) {
html, body {
font-size: 78.125%;/* 16px→12.5px，1rem = 12.5px */
}
:root {
--m-extra-width: 100vw;
--pc-extra-width: ;
--test-color: green;
}
}
/* root值↑ */
/* 字体↓ */
.fontNsa {
font-family: 'Noto Sans SC', sans-serif;
}
.fontNse {
font-family: 'Noto Serif SC', sans-serif;
}
.fontIPix {
font-family: IPix, sans-serif;
}
.fontZcool {
font-family: 'ZCOOL QingKe HuangYou', sans-serif;
}
.fontVb12 {
font-family: 'VonwaonBitmap 12px', sans-serif;
}
.fontVb16 {
font-family: 'VonwaonBitmap 16px', sans-serif;
}
.fontGz8 {
font-family: 'GuanZhi 8px', sans-serif;
}
.fontMix {
display: inline-block;
height: 2rem;
line-height: 2rem;
letter-spacing: 0.25rem;
vertical-align: middle;
animation: fontMixAnim 0.3s linear infinite;
}
@keyframes fontMixAnim {
0% { font-family: 'VonwaonBitmap 12px', sans-serif; }
33% { font-family: 'VonwaonBitmap 12px', sans-serif; }
34% { font-family: 'GuanZhi 8px', sans-serif; }
66% { font-family: 'GuanZhi 8px', sans-serif; }
67% { font-family: IPix, sans-serif; }
99% { font-family: IPix, sans-serif; }
100% { font-family: 'VonwaonBitmap 12px', sans-serif; }
}
.fontMixEng {
display: inline-block;
height: 1.8rem;
line-height: 2rem;
vertical-align: middle;
animation: fontMixEngAnim 0.2s linear infinite;
}
@keyframes fontMixEngAnim {
0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.4rem; }
99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.4rem; }
100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
}
.fontMixNum {
display: inline-block;
height: 1.8rem;
line-height: 1.8rem;
vertical-align: middle;
animation: fontMixNumAnim 0.2s linear infinite;
}
@keyframes fontMixNumAnim {
0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.2rem; }
99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: 0.2rem; }
100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
}
.fontMixDot {
display: inline-block;
height: 1.8rem;
line-height: 2rem;
vertical-align: middle;
animation: fontMixDotAnim 0.2s linear infinite;
}
@keyframes fontMixDotAnim {
0% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
49% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
50% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: -1rem; }
99% { font-family: 'GuanZhi 8px', sans-serif; letter-spacing: -1rem; }
100% { font-family: 'VonwaonBitmap 12px', sans-serif; letter-spacing: 0; }
}
/* 字体↑ */
/* 手绘基金会↓ */
.logoScp {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: logoAnim 0.3s linear infinite;
--logoUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_scp红logo_1");
--logoUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_scp红logo_2");
--logoUrl_3: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_scp红logo_3");
}
@keyframes logoAnim {
0% { background-image: var(--logoUrl_1); }
32% { background-image: var(--logoUrl_1); }
33% { background-image: var(--logoUrl_2); }
65% { background-image: var(--logoUrl_2); }
66% { background-image: var(--logoUrl_3); }
99% { background-image: var(--logoUrl_3); }
100% { background-image: var(--logoUrl_1); }
}
/* 手绘基金会↑ */
/* 手绘缺失↓ */
.logoDeletion {
width: 11rem;
height: 11rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
margin-top: -0.5rem;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_缺失logo_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_缺失logo_2");
}
/* 手绘缺失↑ */
/* 手绘中心↓ */
.logoHypo {
width: 11rem;
height: 11rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
margin-top: -0.5rem;
animation: logoAnim 0.3s linear infinite;
--logoUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_失温症logo_1");
--logoUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_失温症logo_2");
--logoUrl_3: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_失温症logo_3");
}
/* 手绘中心↑ */
/* 手绘猫↓ */
.logoCat {
width: 11rem;
height: 11rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
margin-top: -0.5rem;
animation: logoAnim 0.3s linear infinite;
--logoUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_猫logo_1");
--logoUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_猫logo_2");
--logoUrl_3: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_猫logo_3");
}
/* 手绘猫↑ */
/* 手绘墓碑↓ */
.imgGrave {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑_2");
}
@keyframes imgAnim {
0% { background-image: var(--imgUrl_1); }
49% { background-image: var(--imgUrl_1); }
50% { background-image: var(--imgUrl_2); }
99% { background-image: var(--imgUrl_2); }
100% { background-image: var(--imgUrl_1); }
}
.imgGraveA {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑侧_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑侧_2");
}
.imgGraveB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_墓碑B_2");
}
/* 手绘墓碑↑ */
/* 手绘花↓ */
.imgFlowA, .imgFlowB, .imgFlowC, .imgFlowD, .imgFlowE {
width: 5rem;
height: 5rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
}
.imgFlowA {
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花A_2");
}
.imgFlowB {
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花B_2");
}
.imgFlowC {
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花C_2");
}
.imgFlowD {
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花D_2");
}
.imgFlowE {
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花E_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_花E_2");
}
/* 手绘花↑ */
/* 手绘铲子↓ */
.imgShovel {
width: 8rem;
height: 8rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_铲_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_铲_2");
}
/* 手绘铲子↑ */
/* 手绘棺木↓ */
.imgCoffinA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺A_2");
}
.imgCoffinB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺B_2");
}
.imgCoffinC {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺C_2");
}
.imgCoffinD {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_棺D_2");
}
/* 手绘棺木↑ */
/* 手绘权限卡↓ */
.imgCardA {
width: 3rem;
height: 3rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡A_2");
}
.imgCardB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_卡B_2");
}
/* 手绘权限卡↑ */
/* 手绘碎片↓ */
.imgDebrisA {
width: 3rem;
height: 3rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片A_2");
}
.imgDebrisB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_碎片B_2");
}
/* 手绘碎片↑ */
/* 手绘胶囊↓ */
.imgCapsuleA {
width: 3rem;
height: 3rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊A_2");
}
.imgCapsuleB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊B_2");
}
.imgCapsuleC {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊C_2");
}
.imgCapsuleD {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊D_2");
}
.imgCapsuleE {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊E_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊E_2");
}
.imgCapsuleF {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊F_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_胶囊F_2");
}
/* 手绘胶囊↑ */
/* 手绘记忆↓ */
.imgMemoryA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆A_2");
}
.imgMemoryB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_记忆B_2");
}
/* 手绘记忆↑ */
/* 手绘气泡↓ */
.imgBubbleA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡A_2");
}
.imgBubbleB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_气泡B_2");
}
/* 手绘气泡↑ */
/* 手绘心电图↓ */
.imgMonitor {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心电图_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心电图_2");
}
/* 手绘心电图↑ */
/* 手绘眼镜↓ */
.imgGlasses {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_眼镜_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_眼镜_2");
}
/* 手绘眼镜↑ */
/* 手绘头发↓ */
.imgHairA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发A_2");
}
.imgHairB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发B_2");
}
.imgHairC {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发C_2");
}
.imgHairD {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_发D_2");
}
/* 手绘头发↑ */
/* 手绘培养皿↓ */
.imgDish {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_皿_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_皿_2");
}
/* 手绘培养皿↑ */
/* 手绘剪影↓ */
.imgSilhoueA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影A_2");
}
.imgSilhoueB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影B_2");
}
.imgSilhoueC {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影C_2");
}
.imgSilhoueE {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影E_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影E_2");
}
.imgSilhoueF {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影F_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_剪影F_2");
}
/* 手绘剪影↑ */
/* 手绘裂痕↓ */
.imgCrack {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_裂痕_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_裂痕_2");
}
/* 手绘裂痕↑ */
/* 手绘水杯↓ */
.imgTumbler {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_水杯_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_水杯_2");
}
/* 手绘水杯↑ */
/* 手绘绳索↓ */
.imgRopeA {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索A_2");
}
.imgRopeB {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_绳索B_2");
}
/* 手绘绳索↑ */
/* 手绘小熊↓ */
.imgBearA {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊A_2");
}
.imgBearB {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_小熊B_2");
}
/* 手绘小熊↑ */
/* 手绘刀↓ */
.imgKnife {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_刀_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_刀_2");
}
/* 手绘刀↑ */
/* 手绘心脏↓ */
.imgHeartA {
width: 3rem;
height: 3rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏A_2");
}
.imgHeartB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_心脏B_2");
}
/* 手绘心脏↑ */
/* 手绘血↓ */
.imgBloodA {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血A_2");
}
.imgBloodB {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_血B_2");
}
/* 手绘血↑ */
/* 手绘门↓ */
.imgDoorA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门A_2");
}
.imgDoorB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门B_2");
}
.imgDoorC {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_门C_2");
}
/* 手绘门↑ */
/* 手绘榨汁机↓ */
.imgJuicerA {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机A_2");
}
.imgJuicerB {
width: 10rem;
height: 10rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_榨汁机B_2");
}
/* 手绘榨汁机↑ */
/* 手绘钥匙↓ */
.imgKey {
width: 3rem;
height: 3rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_钥匙_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_钥匙_2");
}
/* 手绘钥匙↑ */
/* 手绘吧台↓ */
.imgCounterA {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台A_2");
}
.imgCounterB {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_吧台B_2");
}
/* 手绘吧台↑ */
/* 手绘酒↓ */
.imgLiquorA {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒A_2");
}
.imgLiquorB {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_酒B_2");
}
/* 手绘酒↑ */
/* 手绘手↓ */
.imgHand {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_手_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_手_2");
}
/* 手绘手↑ */
/* 手绘照片↓ */
.imgPhotoA {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片A_2");
}
.imgPhotoB {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片B_2");
}
.imgPhotoC {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片C_2");
}
.imgPhotoD {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_照片D_2");
}
/* 手绘照片↑ */
/* 手绘火苗↓ */
.imgFlameA {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.20s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗A_2");
}
.imgFlameB {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.20s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗B_2");
}
.imgFlameC {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗C_2");
}
.imgFlameD {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_火苗D_2");
}
/* 手绘火苗↑ */
/* 手绘枪↓ */
.imgGunA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪A_2");
}
.imgGunB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪B_2");
}
.imgGunC {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪C_2");
}
.imgGunD {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_枪D_2");
}
/* 手绘枪↑ */
/* 手绘乌鸦↓ */
.imgCrowA {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦A_2");
}
.imgCrowB {
width: 15rem;
height: 15rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_乌鸦B_2");
}
/* 手绘乌鸦↑ */
/* 手绘场景↓ */
.imgSceneA {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景A_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景A_2");
}
.imgSceneB {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景B_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景B_2");
}
.imgSceneC {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景C_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景C_2");
}
.imgSceneD {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.2s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景D_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景D_2");
}
.imgSceneE {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.20s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景E_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景E_2");
}
.imgSceneF {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.20s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景F_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_场景F_2");
}
/* 手绘场景↑ */
/* 手绘直升机↓ */
.imgHelicopter {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.10s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机_2");
}
.imgHelicopterR {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgAnim 0.10s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机R_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_直升机R_2");
}
/* 手绘直升机↑ */
/* 手绘警笛↓ */
.imgSirenA {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgSirenAnim 1s linear infinite;
animation-delay: 0.13s;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_1");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_2");
--imgUrl_3: url();
}
.imgSirenB {
width: 20rem;
height: 20rem;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
margin: 0 auto;
animation: imgSirenAnim 1s linear infinite;
--imgUrl_1: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_3");
--imgUrl_2: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_警笛_4");
--imgUrl_3: url();
}
@keyframes imgSirenAnim {
0% { background-image: var(--imgUrl_1); }
12.4% { background-image: var(--imgUrl_1); }
12.6% { background-image: var(--imgUrl_3); }
24.9% { background-image: var(--imgUrl_3); }
25.1% { background-image: var(--imgUrl_1); }
37.4% { background-image: var(--imgUrl_1); }
37.6% { background-image: var(--imgUrl_3); }
49.9% { background-image: var(--imgUrl_3); }
50.1% { background-image: var(--imgUrl_2); }
62.4% { background-image: var(--imgUrl_2); }
62.6% { background-image: var(--imgUrl_3); }
74.9% { background-image: var(--imgUrl_3); }
75.1% { background-image: var(--imgUrl_2); }
87.4% { background-image: var(--imgUrl_2); }
87.6% { background-image: var(--imgUrl_3); }
100% { background-image: var(--imgUrl_3); }
}
/* 手绘警笛↑ */
/* 红色之雨↓ */
.redRain::before, .redRain::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.redRain::before {
background-image: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_雨A");
animation: redRainAnim 0.8s linear infinite;
}
.redRain::after {
background-image: url("https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/手绘_雨B");
animation: redRainAnim 0.5s linear infinite;
}
@keyframes redRainAnim {
0% { background-position: 0% 0%; }
100% { background-position: 0% 500px; }
}
/* 红色之雨↑ */
/* 页000↓ */
#A_000 {
width: 100%;
min-height: 100%;
position: relative;
top: 0;
left: 0;
}
#A_000 div {
z-index: -1;
}
#A_000 > div {
position: absolute;
}
#A_000_Scp, #A_000_Hypo, #A_000_Cat {
width: 12rem;
top: calc(50% - 10rem);
left: calc(50% - 6rem);
}
#A_000_Deletion {
width: 15rem;
top: calc(50% - 10rem);
left: calc(50% - 7.5rem);
}
#A_000_Flow {
width: 90%;
top: 30%;
left: calc(5% + 1rem);
}
#A_000_Flow div span {
font-size: calc(1rem + (var(--m-extra-width) / 36));
letter-spacing: 2rem;
}
#A_000_Grave {
width: 15rem;
height: 15rem;
transition: filter 3s linear;
top: 40%;
left: calc(50% - 7.5rem);
}
.A_000_Flows {
width: 5rem;
height: 5rem;
}
.A_000_Flows:nth-of-type(8) {
top: calc(40% + 7.5rem);
left: calc(50% - 12rem);
}
.A_000_Flows:nth-of-type(9) {
top: calc(40% + 6.7rem);
left: calc(50% - 9.2rem);
}
.A_000_Flows:nth-of-type(10) {
top: calc(40% + 8.6rem);
left: calc(50% - 7.3rem);
}
.A_000_Flows:nth-of-type(11) {
top: calc(40% + 6.9rem);
left: calc(50% - 6.2rem);
}
.A_000_Flows:nth-of-type(12) {
top: calc(40% + 10.3rem);
left: calc(50% - 2.5rem);
}
.A_000_Flows:nth-of-type(13) {
top: calc(40% + 9.8rem);
left: calc(50% + 0.5rem);
}
.A_000_Flows:nth-of-type(14) {
top: calc(40% + 6.6rem);
left: calc(50% + 1.3rem);
}
.A_000_Flows:nth-of-type(15) {
top: calc(40% + 6.8rem);
left: calc(50% + 3.5rem);
}
.A_000_Flows:nth-of-type(16) {
top: calc(40% + 8.1rem);
left: calc(50% + 5.1rem);
}
.A_000_Flows:nth-of-type(17) {
top: calc(40% + 7.5rem);
left: calc(50% + 7rem);
}
#A_000_Title1, #A_000_Title2, #A_000_Title3, #A_000_Title4 {
width: 100%;
transition: filter 3s linear;
top: calc(40% - 5rem);
}
#A_000_Title1 div b span span:nth-of-type(1), #A_000_Title2 div b span span:nth-of-type(1), #A_000_Title3 div b span span:nth-of-type(1), #A_000_Title4 div b span span:nth-of-type(1) {
font-size: 2rem;
}
#A_000_Title1 div b span span:nth-of-type(2), #A_000_Title2 div b span span:nth-of-type(2), #A_000_Title3 div b span span:nth-of-type(2), #A_000_Title4 div b span span:nth-of-type(2) {
font-size: 1.2rem;
}
#A_000_GraveA {
width: 10rem;
height: 10rem;
top: 40%;
left: calc(50% - 2rem);
}
.A_000_Flows:nth-of-type(20) {
top: calc(40% + 7rem);
left: calc(50% - 6rem);
}
#A_000_GraveB, #A_000_DebrisB, #A_000_CapsuleF, #A_000_DoorText, #A_000_EndText {
width: 20rem;
top: calc(40% - 8rem);
left: calc(50% - 10rem);
}
#A_000_Shovel {
width: 8rem;
height: 8rem;
top: calc(40% + 8rem);
left: calc(50% + 3rem);
}
#A_000_CoffinA, #A_000_CoffinB, #A_000_CoffinC {
width: 15rem;
height: 15rem;
top: calc(40% + 5rem);
left: calc(50% - 13rem);
}
#A_000_CoffinD {
width: 20rem;
height: 20rem;
top: calc(40% - 4rem);
left: calc(50% - 10rem);
}
#A_000_CardA {
width: 3rem;
height: 3rem;
top: calc(40% + 0rem);
left: calc(50% - 1rem);
}
#A_000_CardB, #A_000_CapsuleB, #A_000_CapsuleC, #A_000_CapsuleD, #A_000_MemoryA, #A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Glasses, #A_000_HairA, #A_000_HairB, #A_000_HairC, #A_000_Dish, #A_000_SilhoueA, #A_000_SilhoueB, #A_000_SilhoueC, #A_000_Crack, #A_000_Tumbler, #A_000_SilhoueD, #A_000_SilhoueE, #A_000_HeartB, #A_000_DoorA, #A_000_DoorB, #A_000_DoorC, #A_000_FlameD, #A_000_SilhoueF, #A_000_GunA, #A_000_GunB, #A_000_GunC, #A_000_GunD, #A_000_CrowA, #A_000_CrowB {
width: 15rem;
height: 15rem;
top: calc(40% - 6rem);
left: calc(50% - 7.5rem);
}
#A_000_CardB .imgCardB > div {
font-size: 1rem;
position: absolute;
top: 4.5rem;
left: 6rem;
}
#A_000_DebrisA {
width: 3rem;
height: 3rem;
top: calc(40% + 5rem);
left: calc(50% - 0rem);
}
#A_000_CapsuleA {
width: 3rem;
height: 3rem;
top: calc(40% + 10rem);
left: calc(50% - 1rem);
}
#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB {
transition: filter 3s linear;
}
.A_000_Flows:nth-of-type(40), .A_000_Flows:nth-of-type(41) {
top: calc(40% + 0rem);
left: calc(50% - 2.5rem);
}
#A_000_Monitor {
width: 20rem;
height: 20rem;
top: calc(40% - 8.5rem);
left: calc(50% - 10rem);
}
#A_000_Monitor .imgMonitor > div {
font-size: 1.5rem;
position: absolute;
top: 6.4rem;
left: 12rem;
}
#A_000_Monitor .imgMonitor > div b:nth-of-type(1) {
animation: monitorOpacAnim 1s linear infinite;
}
@keyframes monitorOpacAnim {
0% { opacity: 1; }
49.9% { opacity: 1; }
50.1% { opacity: 0; }
100% { opacity: 0; }
}
#A_000_HairC {
clip-path: inset(40% 10% 40% 70%);
}
#A_000_HairD {
width: 15rem;
height: 15rem;
clip-path: inset(50% 25% 0 25%);
top: calc(40% - 12rem);
left: calc(50% - 7.5rem);
}
#A_000_Tumbler, #A_000_SilhoueF {
transition: filter 3s linear;
}
#A_000_Tumbler, #A_000_SilhoueD, #A_000_SilhoueE, #A_000_SilhoueF {
top: 40%;
}
#A_000_SilhoueD div.imgSilhoueC {
height: 0;
background-size: 100% 15rem;
background-position: 50% 0;
margin-top: 5.45rem;
}
#A_000_SilhoueE div.imgSilhoueE {
height: 9rem;
background-size: 100% 15rem;
background-position: 50% 0;
margin-top: -3.55rem;
}
#A_000_CapsuleE {
width: 15rem;
height: 15rem;
clip-path: inset(20% 20% 20% 20%);
transition: filter 3s linear;
top: calc(40% + 5rem);
left: calc(50% - 14rem);
}
#A_000_RopeA {
width: 10rem;
height: 10rem;
top: calc(40% - 11rem);
left: calc(50% - 5rem);
}
#A_000_RopeA div.imgRopeA {
height: 10rem;
background-size: 100% 10rem;
background-position: 50% 0;
}
#A_000_RopeB {
width: 10rem;
height: 10rem;
top: calc(40% - 6rem);
left: calc(50% - 5rem);
}
#A_000_BearA {
width: 10rem;
height: 10rem;
top: calc(40% + 9rem);
left: calc(50% - 5rem);
}
#A_000_BearB {
width: 10rem;
height: 10rem;
top: calc(40% - 6rem);
left: calc(50% - 5rem);
}
#A_000_Knife {
width: 10rem;
height: 10rem;
clip-path: inset(20% 0 20% 0);
top: calc(40% + 15rem);
left: calc(50% + 1rem);
}
#A_000_HeartA {
width: 3rem;
height: 3rem;
top: calc(40% + 3rem);
left: calc(50% - 3rem);
}
#A_000_BloodA {
width: 10rem;
height: 10rem;
top: calc(40% - 6rem);
left: calc(50% - 5rem);
}
#A_000_BloodB {
width: 10rem;
height: 10rem;
top: calc(40% + 15rem);
left: calc(50% + 1rem);
}
#A_000_DoorA {
clip-path: inset(30% 25.5% 15% 19.5%);
}
.A_000_Flows:nth-of-type(70) {
top: calc(40% + 7.5rem);
left: calc(50% - 12rem);
}
.A_000_Flows:nth-of-type(71) {
top: calc(40% + 6.7rem);
left: calc(50% - 9.2rem);
}
.A_000_Flows:nth-of-type(72) {
top: calc(40% + 8.6rem);
left: calc(50% - 7.3rem);
}
.A_000_Flows:nth-of-type(73) {
top: calc(40% + 6.9rem);
left: calc(50% - 6.2rem);
}
.A_000_Flows:nth-of-type(74) {
top: calc(40% + 10.3rem);
left: calc(50% - 2.5rem);
}
.A_000_Flows:nth-of-type(75) {
top: calc(40% + 6.6rem);
left: calc(50% + 1.3rem);
}
.A_000_Flows:nth-of-type(76) {
top: calc(40% + 8.1rem);
left: calc(50% + 5.1rem);
}
.A_000_Flows:nth-of-type(77) {
top: calc(40% + 7.5rem);
left: calc(50% + 7rem);
}
.A_000_Flows:nth-of-type(78) {
top: calc(40% + 9.8rem);
left: calc(50% + 0.5rem);
}
.A_000_Flows:nth-of-type(79) {
top: calc(40% + 6.8rem);
left: calc(50% + 3.5rem);
}
#A_000_JuicerA, #A_000_JuicerB {
width: 10rem;
height: 10rem;
top: calc(40% - 1rem);
left: calc(50% - 14rem);
}
#A_000_JuicerB div.imgJuicerB {
height: 5.8rem;
background-size: 100% 10rem;
background-position: 50% 0;
margin-top: 2.2rem;
}
#A_000_DoorText, #A_000_EndText {
padding-top: 10rem;
}
#A_000_Key {
width: 3rem;
height: 3rem;
top: calc(40% + 7.5rem);
left: calc(50% - 10.5rem);
}
#A_000_CounterA, #A_000_CounterB, #A_000_LiquorA, #A_000_LiquorB, #A_000_Hand, #A_000_PhotoA, #A_000_PhotoB, #A_000_PhotoC, #A_000_PhotoD, #A_000_FlameA, #A_000_FlameB, #A_000_FlameC, #A_000_SceneA, #A_000_SceneB, #A_000_SceneC, #A_000_SceneD, #A_000_SceneE, #A_000_SceneF, #A_000_Helicopter, #A_000_HelicopterR, #A_000_SirenA, #A_000_SirenB {
width: 20rem;
height: 20rem;
top: calc(40% - 8.5rem);
left: calc(50% - 10rem);
}
#A_000_LiquorB {
clip-path: inset(10% 70% 30% 0);
}
#A_000_LiquorB div.imgLiquorB {
height: 16rem;
background-size: 100% 20rem;
background-position: 50% 100%;
position: absolute;
bottom: 0;
}
#A_000_Hand, #A_000_PhotoA {
top: calc(40% - 3.5rem);
}
#A_000_PhotoB {
clip-path: inset(33% 17% 35% 58%);
}
#A_000_PhotoC {
clip-path: inset(33% 17% 35% 45%);
}
#A_000_PhotoD {
clip-path: inset(18% 17% 35% 43%);
}
#A_000_FlameAera {
width: 5rem;
height: 5rem;
top: calc(40% - 0.6rem);
left: calc(50% - 4.4rem);
}
#A_000_FlameB, #A_000_FlameC {
clip-path: inset(35% 45% 35% 25%);
}
#A_000_GunA, #A_000_GunB, #A_000_GunC {
top: calc(40% - 1rem);
}
#A_000_GunB {
margin-left: 0rem;/* -2.7rem(归位) */
}
#A_000_GunC div.imgGunC {
width: 3.8rem;/* 1.1rem(归位) */
background-size: 15rem 100%;
background-position: 0 50%;
position: absolute;
left: 0;
}
#A_000_GunD {
clip-path: inset(10% 15% 30% 45%);
top: calc(40% + 5rem);/* -6rem(归位)0rem(预备) */
left: calc(50% - 10.5rem);/* 3rem(归位)5.5rem(预备) */
}
#A_000_GunD div.imgGunD {
height: 12.4rem;/* 6.4rem(归位) */
background-size: 100% 15rem;
background-position: 50% 100%;
position: absolute;
bottom: 0;
}
#A_000_GunAera {
width: 6rem;
height: 7rem;
top: calc(40% + 1.4rem);
left: calc(50% - 0rem);
}
#A_000_Helicopter, #A_000_HelicopterR {
margin-left: -15rem;
animation: helicopterAnim 40s linear infinite;
}
#A_000_Helicopter > div {
animation: helicopterOpacAnim 40s linear infinite;
}
#A_000_HelicopterR > div {
animation: helicopterROpacAnim 40s linear infinite;
}
@keyframes helicopterAnim {
0% { margin-left: -15rem; }
50% { margin-left: 5rem; }
100% { margin-left: -15rem; }
}
@keyframes helicopterOpacAnim {
0% { opacity: 0; }
2% { opacity: 0; }
6% { opacity: 1; }
44% { opacity: 1; }
48% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes helicopterROpacAnim {
0% { opacity: 0; }
52% { opacity: 0; }
56% { opacity: 1; }
94% { opacity: 1; }
98% { opacity: 0; }
100% { opacity: 0; }
}
#A_000_SceneE {
clip-path: inset(30% 30% 30% 30%);
}
#A_000_End {
width: 6rem;
height: 6rem;
top: calc(40% + 4rem);
left: calc(50% - 3rem);
}
#A_000_End div.logoCat {
width: 6rem;
height: 6rem;
}
#A_000_Comment {
width: 20rem;
top: calc(40% + 5.8rem);
left: calc(50% - 10rem);
}
/* 页000↑ */
/* 杂项↓ */
.poi {
cursor: pointer;
}
.blur {
filter: blur(0.3rem);
transition: filter 5s linear;
}
.clipAll {
clip-path: inset(0 49% 0 51%);
transition: clip-path 0.5s linear;
}
.clipLeft {
clip-path: inset(0 49% 0 41%);
transition: clip-path 0.5s linear;
}
.clipNon {
clip-path: inset(0 39% 0 41%);
transition: clip-path 0.4s linear;
}
.drift {
animation: driftAnim 3s ease infinite;
--drift_val_max: 0.15rem;
--drift_val_min: -0.15rem;
}
.driftFast {
animation: driftAnim 3s ease infinite;
--drift_val_max: 0.3rem;
--drift_val_min: -0.3rem;
}
.driftCaps {
animation: driftAnim 3s ease infinite;
--drift_val_max: -3rem;
--drift_val_min: -3.6rem;
}
@keyframes driftAnim {
0% { margin-top: var(--drift_val_max); }
50% { margin-top: var(--drift_val_min); }
100% { margin-top: var(--drift_val_max); }
}
.floatUp {
animation: floatUpAnim 5s linear infinite;
}
.floatUpFast {
animation: floatUpAnim 3s linear infinite;
}
.floatUp > div {
animation: floatUpOpacAnim 5s linear infinite;
}
.floatUpFast > div {
animation: floatUpOpacAnim 3s linear infinite;
}
@keyframes floatUpAnim {
0% { margin-top: 8rem; }
100% { margin-top: -6rem; }
}
@keyframes floatUpOpacAnim {
0% { opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { opacity: 0; }
}
.rotate {
animation: rotateAnim 3s linear infinite;
}
@keyframes rotateAnim {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
.shake {
animation: shakeAnim 2s ease-in-out infinite;
--drift_val_left: 0rem;
--drift_val_right: -0.5rem;
}
@keyframes shakeAnim {
0% { margin-left: var(--drift_val_left); }
50% { margin-left: var(--drift_val_right); }
100% { margin-left: var(--drift_val_left); }
}
</style>
<!--jQuery 2.2.4↓-->
<script type="text/javascript" language="javascript" src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.4.min.js"></script>
<!--howler.js 2.2.3(已弃用)↓-->
<!-- <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script> -->
<!--device.js 0.10.2↓-->
<script type="text/javascript" language="javascript" src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/device.0.10.2.js"></script>
<!--jq-easing.js 1.3↓-->
<script type="text/javascript" language="javascript" src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/jquery.easing.1.3.js"></script>
<!--l-by-l.js↓-->
<script type="text/javascript" language="javascript" src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/l-by-l.min.js"></script>
</head>
<body>
<audio id="bgm_prologue" preload="auto">
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/序章.ogg" type="audio/ogg">
</source>
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/序章.mp3" type="audio/mp3">
</source>
</audio>
<audio id="bgm_tragedy" preload="auto">
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/悲剧.ogg" type="audio/ogg">
</source>
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/悲剧.mp3" type="audio/mp3">
</source>
</audio>
<audio id="bgm_end" preload="auto">
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/结束.ogg" type="audio/ogg">
</source>
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/结束.mp3" type="audio/mp3">
</source>
</audio>
<audio id="bgm_gunfire" preload="auto">
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/枪声.ogg" type="audio/ogg">
</source>
<source src="https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/枪声.mp3" type="audio/mp3">
</source>
</audio>
<div class="mainFont" id="html_main_content">
<div id="A_000">
<!--忘了干什么用了↓-->
<div id="nps"><input type="text" class="fontMix logoCat" id="passWord" placeholder="" style="width: 2rem; height: 2rem; margin-top: 0; background-color: rgba(255, 0, 0, 0.3); border: none; color: red">
<button onclick="psFunc()" class="fontMix" id="load_valbox" style="color: red; width: 3rem; background-color: rgba(255, 0, 0, 0.3); border: none; text-align: left; overflow: hidden"><span class="fontMixNum" id="load_val">0</span>%<span id="load_tips">加载中</span></button></div>
<!--忘了干什么用了↑-->
<div id="A_000_Scp" style="opacity: 0">
<div class="logoScp"></div>
<div style="text-align: center"><b><span class="fontMixEng" style="width: 3.2rem">SCP</span><span class="fontMix">基金会</span></b></div>
</div>
<div id="A_000_Deletion" style="opacity: 0">
<div class="logoDeletion"></div>
<div style="text-align: center; margin-top: -0.5rem"><b><span class="fontMix"><span style="width: 1rem; display: inline-block"></span><span class="fontMixNum" style="width: 3rem">2023</span><span class="fontMixDot" style="width: 3rem">「</span>缺失<span style="width: 0.5rem; display: inline-block"></span>」<br>设定竞赛</span></b></div>
</div>
<div id="A_000_Hypo" style="opacity: 0">
<div class="logoHypo"></div>
<div style="text-align: center"><b><span class="fontMix">设定：失温症</span></b></div>
</div>
<div id="A_000_Cat" style="opacity: 0">
<div class="logoCat"></div>
<div style="text-align: center"><b><span class="fontMix">猫江月工作室</span></b></div>
</div>
<div id="A_000_Flow" style="opacity: 0">
<div style="text-align: center"><b><span class="fontMix">花海之红</span></b></div>
</div>
<div id="A_000_Grave" style="opacity: 0">
<div class="imgGrave"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowB"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowA"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowA"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowB"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowA"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowB"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowA"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowB"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowA"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowB"></div>
</div>
<div id="A_000_Title1" style="opacity: 0">
<div style="text-align: center"><b><span class="fontMix"><span>一</span><br><span>墓碑，范沧海</span></span></b></div>
</div>
<div id="A_000_GraveA" style="opacity: 0">
<div class="imgGraveA"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowB"></div>
</div>
<div id="A_000_GraveB" style="opacity: 0">
<div class="imgGraveB"></div>
<div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span>我长眠于此<span class="fontMixNum">。」</span></span></div>
</div>
<div id="A_000_Shovel" style="opacity: 0">
<div class="imgShovel"></div>
</div>
<div id="A_000_CoffinA" style="opacity: 0">
<div class="imgCoffinA"></div>
</div>
<div id="A_000_CoffinB" style="opacity: 0">
<div class="imgCoffinB"></div>
</div>
<div id="A_000_CoffinC" style="opacity: 0">
<div class="imgCoffinC"></div>
</div>
<div id="A_000_CoffinD" style="opacity: 0">
<div class="imgCoffinD"></div>
</div>
<div id="A_000_CardA" style="opacity: 0">
<div class="imgCardA"></div>
</div>
<div id="A_000_DebrisA" style="opacity: 0">
<div class="imgDebrisA"></div>
</div>
<div id="A_000_CapsuleA" style="opacity: 0">
<div class="imgCapsuleA"></div>
</div>
<div id="A_000_CardB" style="opacity: 0">
<div class="imgCardB">
<div><b><span class="fontMix">范沧海</span><br><span class="fontMixNum" style="width: 6.5rem">SCPFMDS</span><span class="fontMix">▶</span><br><span class="fontMixNum" style="width: 4rem; margin-top: -1rem">LEVEL</span><span class="fontMix" style="margin-top: -1rem">4</span><br><span class="fontMix" style="width: 8rem; margin-top: -0.2rem">❙❘❙❘❘❘❙❘❘❙❙❚❘❙</span></b></div>
</div>
</div>
<div id="A_000_DebrisB" style="opacity: 0">
<div class="imgDebrisB"></div>
<div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span><span class="fontMixNum" style="width: 6.5rem; text-align: left">......</span>」 </span></div>
</div>
<div id="A_000_CapsuleD" style="opacity: 0">
<div class="imgCapsuleD"></div>
</div>
<div id="A_000_CapsuleC" style="opacity: 0">
<div class="imgCapsuleC"></div>
</div>
<div id="A_000_CapsuleB" style="opacity: 0">
<div class="imgCapsuleB"></div>
</div>
<div class="clipAll drift" id="A_000_MemoryA" style="opacity: 0">
<div class="imgMemoryA"></div>
</div>
<div class="floatUpFast" id="A_000_BubbleA" style="opacity: 0">
<div><div class="imgBubbleA"></div></div>
</div>
<div class="floatUp" id="A_000_BubbleB" style="opacity: 0">
<div><div class="imgBubbleB"></div></div>
</div>
<div id="A_000_Title2" style="opacity: 0">
<div style="text-align: center"><b><span class="fontMix"><span>二</span><br><span>轮回，范沧海</span></span></b></div>
</div>
<div class="driftFast" id="A_000_MemoryB" style="opacity: 0">
<div class="imgMemoryB"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowA"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowC"></div>
</div>
<div id="A_000_Monitor" style="opacity: 0">
<div class="imgMonitor">
<div><b><span class="fontMixNum" style="width: 6rem; font-size: 3.2rem">00</span><br><span class="fontMixNum" style="width: 6rem; font-size: 2.4rem; margin-top: 1.4rem">00</span><br><span class="fontMixNum" style="width: 6rem; margin-top: 0.3rem; margin-left: 1.5rem">0</span><br><span class="fontMixNum" style="width: 6rem; margin-top: 0.3rem; margin-left: 0.3rem">00/00</span><br></b><b><span class="fontMixNum" style="width: 6rem; margin-top: -2.3rem; margin-left: -8rem">12.5</span></b></div>
</div>
</div>
<div id="A_000_HairA" style="opacity: 0">
<div class="imgHairA"></div>
</div>
<div id="A_000_HairB" style="opacity: 0">
<div class="imgHairB"></div>
</div>
<div id="A_000_Glasses" style="opacity: 0">
<div class="imgGlasses"></div>
</div>
<div id="A_000_HairC" style="opacity: 0">
<div class="imgHairC"></div>
</div>
<div id="A_000_Dish" style="opacity: 0">
<div class="imgDish"></div>
</div>
<div id="A_000_HairD" style="opacity: 0">
<div class="imgHairD"></div>
</div>
<div id="A_000_SilhoueA" style="opacity: 0">
<div class="imgSilhoueA"></div>
</div>
<div id="A_000_SilhoueB" style="opacity: 0">
<div class="imgSilhoueB"></div>
</div>
<div id="A_000_SilhoueC" style="opacity: 0">
<div class="imgSilhoueC"></div>
</div>
<div id="A_000_Crack" style="opacity: 0">
<div class="imgCrack"></div>
</div>
<div id="A_000_Tumbler" style="opacity: 0">
<div class="imgTumbler"></div>
</div>
<div id="A_000_SilhoueD" style="opacity: 0">
<div class="imgSilhoueC"></div>
</div>
<div id="A_000_SilhoueE" style="opacity: 0">
<div class="imgSilhoueE"></div>
</div>
<div id="A_000_CapsuleE" style="opacity: 0">
<div><div class="imgCapsuleE"></div></div>
</div>
<div id="A_000_CapsuleF" style="opacity: 0">
<div class="imgCapsuleF"></div>
<div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span>冷漠、压抑、易溶于水<span class="fontMixNum">。」</span></span></div>
</div>
<div id="A_000_Title3" style="opacity: 0">
<div style="text-align: center"><b><span class="fontMix"><span>三</span><br><span>记忆，范沧海</span></span></b></div>
</div>
<div id="A_000_RopeA" style="opacity: 0">
<div class="imgRopeA"></div>
</div>
<div id="A_000_RopeB" style="opacity: 0">
<div class="imgRopeB"></div>
</div>
<div id="A_000_BearA" style="opacity: 0">
<div class="imgBearA"></div>
</div>
<div id="A_000_BloodA" style="opacity: 0">
<div class="imgBloodA"></div>
</div>
<div id="A_000_BloodB" style="opacity: 0">
<div class="imgBloodB"></div>
</div>
<div id="A_000_Knife" style="opacity: 0">
<div class="imgKnife"></div>
</div>
<div id="A_000_BearB" style="opacity: 0">
<div class="imgBearB"></div>
</div>
<div id="A_000_HeartA" style="opacity: 0">
<div class="imgHeartA"></div>
</div>
<div id="A_000_HeartB" style="opacity: 0">
<div class="imgHeartB"></div>
</div>
<div id="A_000_DoorA" style="opacity: 0">
<div class="imgDoorA"></div>
</div>
<div id="A_000_DoorB" style="opacity: 0">
<div class="imgDoorB"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowE"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowD"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowD"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowE"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowD"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowD"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowD"></div>
</div>
<div class="A_000_Flows" style="opacity: 0">
<div class="imgFlowE"></div>
</div>
<div class="A_000_Flows" id="A_000_Flows78" style="opacity: 0">
<div class="imgFlowA"></div>
</div>
<div class="A_000_Flows" id="A_000_Flows79" style="opacity: 0">
<div class="imgFlowB"></div>
</div>
<div id="A_000_JuicerA" style="opacity: 0">
<div class="imgJuicerA"></div>
</div>
<div id="A_000_JuicerB" style="opacity: 0">
<div class="imgJuicerB"></div>
</div>
<div id="A_000_DoorText" style="opacity: 0">
<div style="text-align: center"><span class="fontMix"><span class="fontMixDot" style="width: 3rem">「</span>痛苦、绝望、沉溺于此<span class="fontMixNum">。」</span></span></div>
</div>
<div id="A_000_Key" style="opacity: 0">
<div class="imgKey"></div>
</div>
<div id="A_000_DoorC" style="opacity: 0">
<div class="imgDoorC"></div>
</div>
<div id="A_000_CounterA" style="opacity: 0">
<div class="imgCounterA"></div>
</div>
<div id="A_000_CounterB" style="opacity: 0">
<div class="imgCounterB"></div>
</div>
<div id="A_000_CounterC" style="opacity: 0">
<div class="imgCounterC"></div>
</div>
<div id="A_000_FlameAera" style="opacity: 0">
</div>
<div id="A_000_FlameA" style="opacity: 0">
<div class="imgFlameA"></div>
</div>
<div id="A_000_LiquorA" style="opacity: 0">
<div class="imgLiquorA"></div>
</div>
<div id="A_000_LiquorB" style="opacity: 0">
<div class="imgLiquorB"></div>
</div>
<div id="A_000_Hand" style="opacity: 0">
<div class="imgHand"></div>
</div>
<div id="A_000_PhotoA" style="opacity: 0">
<div class="imgPhotoA"></div>
</div>
<div id="A_000_PhotoB" style="opacity: 0">
<div class="imgPhotoB"></div>
</div>
<div id="A_000_PhotoC" style="opacity: 0">
<div class="imgPhotoC"></div>
</div>
<div id="A_000_PhotoD" style="opacity: 0">
<div class="imgPhotoD"></div>
</div>
<div id="A_000_FlameB" style="opacity: 0">
<div class="imgFlameB"></div>
</div>
<div id="A_000_FlameC" style="opacity: 0">
<div class="imgFlameC"></div>
</div>
<div id="A_000_FlameD" style="opacity: 0">
<div class="imgFlameD"></div>
</div>
<div id="A_000_SilhoueF" style="opacity: 0">
<div class="imgSilhoueF"></div>
</div>
<div id="A_000_Title4" style="opacity: 0">
<div style="text-align: center"><b><span class="fontMix"><span>四</span><br><span>花海，范沧海</span></span></b></div>
</div>
<div id="A_000_GunAera" style="opacity: 0">
</div>
<div id="A_000_GunA" style="opacity: 0">
<div class="imgGunA"></div>
</div>
<div id="A_000_GunB" style="opacity: 0">
<div class="imgGunB"></div>
</div>
<div id="A_000_GunC" style="opacity: 0">
<div class="imgGunC"></div>
</div>
<div id="A_000_GunD" style="opacity: 0">
<div class="imgGunD"></div>
</div>
<div id="A_000_CrowA" style="opacity: 0">
<div class="imgCrowA"></div>
</div>
<div id="A_000_CrowB" style="opacity: 0">
<div class="imgCrowB"></div>
</div>
<div id="A_000_SceneA" style="opacity: 0">
<div class="imgSceneA"></div>
</div>
<div id="A_000_SceneB" style="opacity: 0">
<div class="imgSceneB"></div>
</div>
<div id="A_000_SceneC" style="opacity: 0">
<div class="imgSceneC"></div>
</div>
<div id="A_000_Helicopter" style="opacity: 0">
<div><div class="drift"><div class="imgHelicopter"></div></div></div>
</div>
<div id="A_000_HelicopterR" style="opacity: 0">
<div><div class="drift"><div class="imgHelicopterR"></div></div></div>
</div>
<div id="A_000_SirenA" style="opacity: 0">
<div class="imgSirenA"></div>
</div>
<div id="A_000_SirenB" style="opacity: 0">
<div class="imgSirenB"></div>
</div>
<div id="A_000_SceneD" style="opacity: 0">
<div class="imgSceneD"></div>
</div>
<div id="A_000_SceneE" style="opacity: 0">
<div class="imgSceneE"></div>
</div>
<div id="A_000_SceneF" style="opacity: 0">
<div class="imgSceneF"></div>
</div>
<div id="A_000_EndText" style="opacity: 0">
<div style="text-align: center"><b><span class="fontMix">作品 花海之红</span></b></div>
</div>
<div id="A_000_End" style="opacity: 0">
<div class="logoCat"></div>
</div>
<div id="A_000_Comment" style="opacity: 0">
<div style="color: rgba(0, 0, 0, 0.8); text-align: center"><b><span class="fontMix">▶</span></b></div>
</div>
</div>
</div>
<script type="text/javascript" language="javascript">
/* 参数变量↓ */
var cd = 0;
var step = 0;
var load_flag = 0;
var item_Shovel = 0;
var item_Hole = 0;
var item_Card = 0;
var item_Debris = 0;
var item_Caps = 0;
var item_Hair = 0;
var item_Dish = 0;
var item_Silhoue = 0;
var item_Tumb = 0;
var item_Implan = 0;
var item_Rope = 0;
var item_Knife = 0;
var item_Juicer = 0;
var item_PulverA = 0;
var item_PulverB = 0;
var item_Key = 0;
var item_Liquor = 0;
var item_LiquorVal = 0;
var item_LiquorFlame = 0;
var item_LiquorNum = 0;
var item_Photo = 0;
var item_Flame = 0;
var item_Gun = 0;
/* 参数变量↑ */
/* 预执行↓ */
$(function() {
var i = 0;
var timer = setInterval(function() {
if (i<82) {
i += Math.random() * 2;
if (i>=82) i = 82;
$("#load_val").html(Math.trunc(i));
$("#load_valbox").css("width", i * 0.09 + 3 + "rem");
} else if (i<91&&load_flag>=1) {
i += Math.random() * 1;
if (i>=91) i = 91;
$("#load_val").html(Math.trunc(i));
$("#load_valbox").css("width", i * 0.09 + 3 + "rem");
} else if (i<96&&load_flag>=2) {
i += Math.random() * 1;
if (i>=96) i = 96;
$("#load_val").html(Math.trunc(i));
$("#load_valbox").css("width", i * 0.09 + 3 + "rem");
} else if (i<=100&&load_flag==3) {
i += Math.random() * 1;
if (i>=100) i = 100;
$("#load_val").html(Math.trunc(i));
$("#load_valbox").css("width", i * 0.09 + 3 + "rem");
if (i==100) $("#load_tips").html("加载完成");
if (i==100) load_finish = 1;
if (i==100) clearInterval(timer);
}
if (load_flag==0) bgm_prologue.onloadedmetadata = function() {
load_flag = 1;
}
if (load_flag==1) bgm_end.onloadedmetadata = function() {
load_flag = 2;
}
if (load_flag==2) bgm_tragedy.onloadedmetadata = function() {
load_flag = 3;
}
}, 100);
});
/* 预执行↑ */
/* 加载执行↓ */
$(window).load(function() {
cd = 1;
/* bgm_prologue = new Howl({
src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/序章.mp3'],
html5: true,
volume: 0,
sprite: {
all: [0, 188000, true],
pre: [0, 0],
frag: [0, 3000],
}
});
bgm_nightrain = new Howl({
src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/夜雨.mp3'],
html5: true,
volume: 0,
sprite: {
all: [0, 229000, true],
pre: [0, 0],
}
});
bgm_hostelry = new Howl({
src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/酒吧.mp3'],
html5: true,
volume: 0,
sprite: {
all: [0, 148000, true],
pre: [0, 0],
}
});
bgm_lonely = new Howl({
src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/孤独.mp3'],
html5: true,
volume: 0,
sprite: {
all: [0, 116000, true],
pre: [0, 0],
}
});
bgm_end = new Howl({
src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/结束.mp3'],
html5: true,
volume: 0,
sprite: {
all: [0, 358000, true],
pre: [0, 0],
}
});
bgm_gunfire = new Howl({
src: ['https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/枪声.mp3'],
html5: true,
volume: 1,
sprite: {
all: [0, 2000],
pre: [0, 0],
}
}); */
$("#nps").css("z-index", "1");
setTimeout(function() {
$("#A_000_Scp").css("z-index", "1");
$("#A_000_Scp").animate({
opacity: '1',
}, 3000, "swing", function() {
cd = 0;
});
}, 3000);
setTimeout(function() {
load_flag = 3;
}, 20000);
});
/* 加载执行↑ */
/* 全屏触发↓ */
$("#html_main_content").on("click", function() {if (cd==0&&step==0&&load_finish==1) {
cd = 1;
step = 1;
/* bgm_pro = bgm_prologue.play('all'); */
/* bgm_one = bgm_nightrain.play('all'); */
/* bgm_two = bgm_hostelry.play('all'); */
/* bgm_three = bgm_lonely.play('all'); */
/* bgm_four = bgm_end.play('all'); */
$("#nps").animate({
opacity: '0',
marginTop: '-4rem'
}, 1000, "swing", function() {
$("#nps").css("display", "none");
});
setTimeout(function() {
/* bgm_prologue.fade(0, 1, 5000, bgm_pro); */
/* bgm_nightrain.fade(0, 1, 5000, bgm_one); */
/* bgm_hostelry.fade(0, 1, 5000, bgm_two); */
/* bgm_lonely.fade(0, 1, 5000, bgm_three); */
/* bgm_end.fade(0, 1, 5000, bgm_four); */
}, 100);
$("#html_main_content").removeClass("poi");
logoAnimFunc("Scp", '0', 2000);
setTimeout(function() {
logoAnimFunc("Deletion", '1', 3000);
setTimeout(function() {
logoAnimFunc("Deletion", '0', 2000);
setTimeout(function() {
logoAnimFunc("Hypo", '1', 3000);
setTimeout(function() {
logoAnimFunc("Hypo", '0', 2000);
setTimeout(function() {
logoAnimFunc("Cat", '1', 3000);
setTimeout(function() {
logoAnimFunc("Cat", '0', 2000);
setTimeout(function() {
opacityFunc("#A_000_Flow", '1', 3000);
setTimeout(function() {
opacityFunc("#A_000_Grave", '1', 3000);
setTimeout(function() {
flowsShowFunc(12, 1500, 3000);
flowsShowFunc(13, 2800, 3000);
flowsShowFunc(11, 3100, 3000);
flowsShowFunc(14, 3300, 3000);
flowsShowFunc(10, 3500, 3000);
flowsShowFunc(15, 3700, 3000);
flowsShowFunc(9, 3900, 3000);
flowsShowFunc(16, 4100, 3000);
flowsShowFunc(8, 4300, 3000);
flowsShowFunc(17, 4500, 3000);
setTimeout(function() {
cd = 0;
$("#A_000_Grave").addClass("poi");
}, 7500);//结束
}, 1500);//花淡入
}, 1500);//墓碑淡入
}, 2500);//tittle淡入
}, 2500);//cat淡出
}, 2500);//cat淡入
}, 2500);//cen淡出
}, 2500);//cen淡入
}, 2500);//del淡出
}, 4500);//del淡出
bgm_prologue.volume = "0";
bgm_tragedy.volume = "0";
bgm_end.volume = "0";
bgm_gunfire.volume = "0.7";
bgm_prologue.play();
$("#bgm_prologue").animate({volume:'1'}, 10000);
bgm_tragedy.play();
bgm_tragedy.pause();
bgm_end.play();
bgm_end.pause();
bgm_gunfire.play();
bgm_gunfire.pause();
}
if (cd==0&&step==2.1) {
cd = 1;
opacityFunc("#A_000_GraveB", '0', 1000);
opacityFunc("#A_000_GraveA", '1', 1000);
if (item_Hole==0) opacityFunc(".A_000_Flows:nth-of-type(20)", '1', 1000);
if (item_Hole==1) opacityFunc("#A_000_CoffinA", '1', 1000);
if (item_Hole==2) opacityFunc("#A_000_CoffinB", '1', 1000);
if (item_Shovel==1) opacityFunc("#A_000_Shovel", '1', 1000);
setTimeout(function() {
cd = 0;
step = 2;
$("#A_000_GraveA, #A_000_Shovel").addClass("poi");
}, 1000);
}
if (cd==0&&step==4.1) {
cd = 1;
opacityFunc("#A_000_CardB, #A_000_DebrisB", '0', 1000);
opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '1', 1000);
if (item_Card==1&&item_Debris==1) opacityFunc("#A_000_CapsuleA", '1', 1000);
setTimeout(function() {
cd = 0;
step = 4;
$("#A_000_CardA, #A_000_DebrisA").addClass("poi");
if (item_Card==1&&item_Debris==1) $("#A_000_CapsuleA").addClass("poi");
}, 1000);
}
if (cd==0&&step==17.1) {
cd = 1;
opacityFunc("#A_000_CapsuleF", '0', 1000);
opacityFunc("#A_000_Tumbler, #A_000_SilhoueD, #A_000_CapsuleE", '1', 1000);
setTimeout(function() {
cd = 0;
step = 18;
if (item_Tumb==0) {item_Tumb=1; touchEAnim("#A_000_CapsuleE", "#A_000_SilhoueD", function() {
if (item_Implan==1) {
/* bgm_nightrain.fade(1, 0, 10000, bgm_one);
setTimeout(function() {
bgm_two = bgm_hostelry.play('all');
setTimeout(function() {
bgm_hostelry.fade(0, 1, 10000, bgm_two);
}, 100);
}, 11000); */
if (device.desktop()) {
$("#A_000_CapsuleE").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_CapsuleE").off("touchstart");
$("#A_000_CapsuleE").off("touchmove");
$("#A_000_CapsuleE").off("touchend");
}
$("#A_000_SilhoueD").animate({ marginTop: '0' }, 1000);
opacityFunc("#A_000_SilhoueD", '0', 1000);
$("#A_000_SilhoueD div.imgSilhoueC").animate({ height: '0' }, 1000);
$("#A_000_CapsuleE").animate({ marginTop: '0' }, 1000, "linear", function() {
$("#A_000_CapsuleE > div").addClass("rotate");
$("#A_000_CapsuleE").animate({
marginTop: '-=3rem',
marginLeft: '6.5rem'
}, 1000, "easeOutSine", function() {
$("#A_000_CapsuleE").css("z-index", "-1");
$("#A_000_CapsuleE").addClass("driftCaps");
$("#A_000_Tumbler, #A_000_CapsuleE, #A_000_Title3").addClass("blur");
setTimeout(function() {
$("#A_000_Tumbler, #A_000_CapsuleE, #A_000_Title3").removeClass("blur");
opacityFunc("#A_000_Title3", '1', 3000);
setTimeout(function() {
step = 19;
$("#A_000_Tumbler").addClass("poi");
}, 3000);
}, 4000);
});
});
}
});}
$("#A_000_CapsuleE").addClass("poi");
}, 1000);
}
if (cd==0&&step==22.1) {
cd = 1;
opacityFunc("#A_000_DoorText", '0', 1000);
opacityFunc("#A_000_DoorB, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77), #A_000_JuicerA, #A_000_JuicerB", '1', 1000);
if (item_PulverA==0) opacityFunc(".A_000_Flows:nth-of-type(78)", '1', 1000);
if (item_PulverB==0) opacityFunc(".A_000_Flows:nth-of-type(79)", '1', 1000);
setTimeout(function() {
cd = 0;
step = 22;
if (item_Juicer==0) {
item_Juicer=1;
$(".A_000_Flows:nth-of-type(78)").addClass("poi");
$(".A_000_Flows:nth-of-type(79)").addClass("poi");
touchEAnim(".A_000_Flows:nth-of-type(78)", "#A_000_JuicerA", function() {
if (item_PulverA==1) {
if (device.desktop()) {
$(".A_000_Flows:nth-of-type(78)").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$(".A_000_Flows:nth-of-type(78)").off("touchstart");
$(".A_000_Flows:nth-of-type(78)").off("touchmove");
$(".A_000_Flows:nth-of-type(78)").off("touchend");
}
$(".A_000_Flows:nth-of-type(78)").animate({
marginTop: '-11rem',
marginLeft: '-12rem'
}, 500, "swing", function() {
opacityFunc(".A_000_Flows:nth-of-type(78)", '0', 1000);
$("#A_000_JuicerB div.imgJuicerB").animate({
height: '+=1.2rem',
marginTop: '-=1.1rem'
}, 1000, "swing", function() {
if (item_PulverB==1) {
$("#A_000_Key").css("z-index", "1");
$("#A_000_Key").animate({
opacity: '1',
marginTop: '+=1rem'
}, 500, "swing", clickStep21());
}
});
});
}
});
touchEAnim(".A_000_Flows:nth-of-type(79)", "#A_000_JuicerA", function() {
if (item_PulverB==1) {
if (device.desktop()) {
$(".A_000_Flows:nth-of-type(79)").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$(".A_000_Flows:nth-of-type(79)").off("touchstart");
$(".A_000_Flows:nth-of-type(79)").off("touchmove");
$(".A_000_Flows:nth-of-type(79)").off("touchend");
}
$(".A_000_Flows:nth-of-type(79)").animate({
marginTop: '-8rem',
marginLeft: '-15rem'
}, 500, "swing", function() {
opacityFunc(".A_000_Flows:nth-of-type(79)", '0', 1000);
$("#A_000_JuicerB div.imgJuicerB").animate({
height: '+=1.2rem',
marginTop: '-=1.1rem'
}, 1000, "swing", function() {
if (item_PulverA==1) {
$("#A_000_Key").addClass("poi");
$("#A_000_Key").css("z-index", "1");
$("#A_000_Key").animate({
opacity: '1',
marginTop: '+=1rem'
}, 500, "swing", clickStep21());
}
});
});
}
});
}
$("#A_000_DoorB").addClass("poi");
}, 1000);
}
if (cd==0&&step==36) {
cd = 1;
setTimeout(function() {
/* bgm_lonely.fade(1, 0, 0, bgm_three);
bgm_five = bgm_gunfire.play('all');
setTimeout(function() {
bgm_four = bgm_end.play('all');
setTimeout(function() {
bgm_end.fade(0, 1, 5000, bgm_four);
}, 100);
}, 1000); */
opacityFunc("#A_000_SceneD, #A_000_SirenA, #A_000_SirenB, #A_000_SceneF, #A_000_Helicopter, #A_000_HelicopterR", '0', 100);
setTimeout(function() {
opacityFunc("#A_000_EndText", '1', 100);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("作者 五月猫")}, 4000);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("代码设计 五月猫")}, 8000);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("美术 五月猫")}, 12000);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("音效设计 五月猫")}, 16000);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("校正 五月猫")}, 20000);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("遵循<span class='fontMixNum' style='width: 9rem'>CC-BY-SA</span>3.0")}, 24000);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("音效来源<span class='fontMixNum' style='width: 10rem'>aigei.com</span>")}, 28000);
setTimeout(function() {$("#A_000_EndText > div > b > span").html("<span class='fontMix' style='margin-left: -1.5rem'><span class='fontMixDot' style='width: 3rem'>「</span><span style='display: inline-block; width: 8rem'>未完待续</span>」</span>")}, 32000);
setTimeout(function() {cd = 0;$("#A_000_End").addClass("poi");opacityFunc("#A_000_End, #A_000_Comment", '1', 1000)}, 34000);
}, 2000);
$("#bgm_tragedy").animate({volume:'0'}, 0);
setTimeout(function() {$("#bgm_gunfire").animate({volume:'0'}, 0);}, 3000);
setTimeout(function() {bgm_end.play(); $("#bgm_end").animate({volume:'0.5'}, 15000);}, 2000);
}, 500);
setTimeout(function() {bgm_gunfire.play();}, 300);
}});
/* 全屏触发↑ */
/* 特殊触发↓ */
$("#A_000_Grave").on("click", function() {if (cd==0&&step==1) {
cd = 1;
step = 2;
$("#A_000_Grave").removeClass("poi");
$("#A_000_Flow, #A_000_Grave, .A_000_Flows, #A_000_Title1").addClass("blur");
opacityFunc("#A_000_Flow, .A_000_Flows", '0', 5000);
setTimeout(function() {
$("#A_000_Flow, #A_000_Grave, .A_000_Flows, #A_000_Title1").removeClass("blur");
opacityFunc("#A_000_Title1", '1', 3000);
setTimeout(function() {
opacityFunc("#A_000_Title1, #A_000_Grave", '0', 2000);
setTimeout(function() {
opacityFunc("#A_000_GraveA, .A_000_Flows:nth-of-type(20)", '1', 3000);
setTimeout(function() {
cd = 0;
$("#A_000_GraveA").addClass("poi");
}, 3000);
}, 5000);
}, 5000);
}, 4500);
}});
$("#A_000_GraveA").on("click", function() {if (cd==0&&step==2) {
cd = 1;
step = 2.1;
if (item_Shovel==0) touchAnim("#A_000_Shovel", "#A_000_CoffinA", function() {
if (item_Hole==1) {
opacityFunc(".A_000_Flows:nth-of-type(20)", '0', 250);
opacityFunc("#A_000_CoffinA", '1', 250);
}
if (item_Hole==2) {
$("#A_000_CoffinB").addClass("poi");
opacityFunc("#A_000_CoffinA", '0', 250);
opacityFunc("#A_000_CoffinB", '1', 250);
}
});
$("#A_000_GraveA, #A_000_Shovel").removeClass("poi");
$("#A_000_Shovel").css("z-index", "-1");
opacityFunc("#A_000_GraveA", '0.3', 1000);
if (item_Shovel==1) opacityFunc("#A_000_Shovel", '0.3', 1000);
if (item_Hole==0) opacityFunc(".A_000_Flows:nth-of-type(20)", '0.3', 1000);
if (item_Hole==1) opacityFunc("#A_000_CoffinA", '0.3', 1000);
if (item_Hole==2) opacityFunc("#A_000_CoffinB", '0.3', 1000);
opacityFunc("#A_000_GraveB", '1', 1000);
setTimeout(function() {
cd = 0;
item_Shovel = 1;
}, 1000);
}});
$("#A_000_CoffinB").on("click", function() {if (cd==0&&step==2) {
cd = 1;
step = 3;
$("#A_000_GraveA, #A_000_Shovel, #A_000_CoffinB").removeClass("poi");
opacityFunc("#A_000_CoffinB", '0', 1000);
opacityFunc("#A_000_CoffinC", '1', 1000);
if (device.desktop()) {
$("#A_000_Shovel").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_Shovel").off("touchstart");
$("#A_000_Shovel").off("touchmove");
$("#A_000_Shovel").off("touchend");
}
setTimeout(function() {
cd = 0;
$("#A_000_CoffinC").addClass("poi");
}, 1000);
}});
$("#A_000_CoffinC").on("click", function() {if (cd==0&&step==3) {
cd = 1;
step = 4;
$("#A_000_CoffinC").removeClass("poi");
opacityFunc("#A_000_GraveA, #A_000_Shovel, #A_000_CoffinC", '0', 1000);
opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_CardA, #A_000_DebrisA").addClass("poi");
}, 1000);
}});
$("#A_000_CardA").on("click", function() {if (cd==0&&step==4) {
cd = 1;
step = 4.1;
item_Card = 1;
$("#A_000_CardA, #A_000_DebrisA").removeClass("poi");
opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '0.3', 1000);
opacityFunc("#A_000_CardB", '1', 1000);
setTimeout(function() {
cd = 0;
}, 1000);
}});
$("#A_000_DebrisA").on("click", function() {if (cd==0&&step==4) {
cd = 1;
step = 4.1;
item_Debris = 1;
$("#A_000_CardA, #A_000_DebrisA").removeClass("poi");
opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA", '0.3', 1000);
opacityFunc("#A_000_DebrisB", '1', 1000);
setTimeout(function() {
cd = 0;
}, 1000);
}});
$("#A_000_CapsuleA").on("click", function() {if (cd==0&&step==4) {
cd = 1;
step = 5;
$("#A_000_CardA, #A_000_DebrisA, #A_000_CapsuleA").removeClass("poi");
opacityFunc("#A_000_CoffinD, #A_000_CardA, #A_000_DebrisA, #A_000_CapsuleA", '0', 1000);
opacityFunc("#A_000_CapsuleB, #A_000_CapsuleC", '1', 1000);
touchXLAnim("#A_000_CapsuleB", 0.3, function() {
if (item_Caps==1) {
if (device.desktop()) {
$("#A_000_CapsuleB").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_CapsuleB").off("touchstart");
$("#A_000_CapsuleB").off("touchmove");
$("#A_000_CapsuleB").off("touchend");
}
$("#A_000_CapsuleB").removeClass("poi");
$("#A_000_CapsuleD").addClass("poi");
touchXRAnim("#A_000_CapsuleD", 0.3, function() {
if (item_Caps==2) {
if (device.desktop()) {
$("#A_000_CapsuleD").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_CapsuleD").off("touchstart");
$("#A_000_CapsuleD").off("touchmove");
$("#A_000_CapsuleD").off("touchend");
}
$("#A_000_CapsuleD").removeClass("poi");
$("#A_000_MemoryA").removeClass("clipNon").addClass("poi");
}
});
}
});
setTimeout(function() {
cd = 0;
$("#A_000_CapsuleB").addClass("poi");
}, 1000);
}});
$("#A_000_MemoryA").on("click", function() {if (cd==0&&step==5) {
cd = 1;
step = 6;
$("#A_000_MemoryA").removeClass("poi");
opacityFunc("#A_000_CapsuleB, #A_000_CapsuleD, #A_000_MemoryA", '0', 1000);
opacityFunc("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_MemoryB").addClass("poi");
}, 1000);
}});
$("#A_000_MemoryB").on("click", function() {if (cd==0&&step==6) {
cd = 1;
step = 7;
/* bgm_prologue.fade(1, 0, 10000, bgm_pro);
setTimeout(function() {
bgm_one = bgm_nightrain.play('all');
setTimeout(function() {
bgm_nightrain.fade(0, 1, 10000, bgm_one);
}, 100);
}, 11000); */
$("#A_000_MemoryB").removeClass("poi");
$("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Title2").addClass("blur");
$("#A_000_MemoryB").animate({ top: '40%' }, 5000, "swing");
setTimeout(function() {
$("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Title2").removeClass("blur");
opacityFunc("#A_000_Title2", '1', 3000);
setTimeout(function() {
cd = 0;
$("#A_000_MemoryB").addClass("poi");
}, 3000);
}, 4500);
$("#bgm_prologue").animate({volume:'0'}, 10000);
}
if (cd==0&&step==7) {
cd = 1;
step = 8;
$("#A_000_MemoryB").removeClass("poi");
opacityFunc("#A_000_MemoryB, #A_000_BubbleA, #A_000_BubbleB, #A_000_Title2", '0', 2000);
setTimeout(function() {
opacityFunc(".A_000_Flows:nth-of-type(40)", '1', 3000);
setTimeout(function() {
cd = 0;
$(".A_000_Flows:nth-of-type(40)").addClass("poi");
}, 3000);
setTimeout(function() {bgm_tragedy.play(); $("#bgm_tragedy").animate({volume:'0.5'}, 20000);}, 1000);
}, 5000);
}});
$(".A_000_Flows:nth-of-type(40)").on("click", function() {if (cd==0&&step==8) {
cd = 1;
step = 9;
$(".A_000_Flows:nth-of-type(40)").removeClass("poi");
opacityFunc(".A_000_Flows:nth-of-type(40)", '0', 1000);
opacityFunc(".A_000_Flows:nth-of-type(41)", '1', 1000);
setTimeout(function() {
opacityFunc(".A_000_Flows:nth-of-type(41)", '0', 1000);
setTimeout(function() {
opacityFunc("#A_000_Monitor", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_Monitor").addClass("poi");
}, 1000);
}, 3000);
}, 3000);
}});
$("#A_000_Monitor").on("click", function() {if (cd==0&&step==9) {
cd = 1;
step = 10;
$("#A_000_Monitor").removeClass("poi");
opacityFunc("#A_000_Monitor", '0', 1000);
setTimeout(function() {
opacityFunc("#A_000_Glasses", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_Glasses").addClass("poi");
}, 1000);
}, 3000);
}});
$("#A_000_Glasses").on("click", function() {if (cd==0&&step==10) {
cd = 1;
if (item_Hair==0) {
alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "", "#A_000_HairA", "item_Hair", 1, function() { cd = 0; });
}
if (item_Hair==1) {
alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairA", "#A_000_HairB", "item_Hair", 2, function() { cd = 0; });
}
if (item_Hair==2) {
alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairB", "#A_000_HairC", "item_Hair", 3, function() {
cd = 0;
$("#A_000_HairC").addClass("poi");
});
}
if (item_Hair==3) {
$("#A_000_HairC").removeClass("poi");
alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairC", "#A_000_HairB", "item_Hair", 4, function() { cd = 0; });
}
if (item_Hair==4) {
alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairB", "#A_000_HairA", "item_Hair", 5, function() { cd = 0; });
}
if (item_Hair==5) {
alterImgFunc("#A_000_Glasses", "#A_000_Glasses", "#A_000_HairA", "", "item_Hair", 0, function() { cd = 0; });
}
}});
$("#A_000_HairC").on("click", function() {if (cd==0&&step==10) {
cd = 1;
step = 11;
$("#A_000_HairC").removeClass("poi");
opacityFunc("#A_000_Glasses, #A_000_HairC", '0', 1000);
opacityFunc("#A_000_Dish, #A_000_HairD", '1', 1000);
touchYAnim("#A_000_HairD", 0.4, function() {
if (item_Dish==1) {
$("#A_000_HairD").removeClass("poi");
if (device.desktop()) {
$("#A_000_HairD").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_HairD").off("touchstart");
$("#A_000_HairD").off("touchmove");
$("#A_000_HairD").off("touchend");
}
opacityFunc("#A_000_HairD", '0', 1000);
opacityFunc("#A_000_SilhoueA", '1', 1000);
setTimeout(function() {
$("#A_000_SilhoueA").addClass("poi");
}, 1000);
}
});
setTimeout(function() {
cd = 0;
$("#A_000_HairD").addClass("poi");
}, 1000);
}});
$("#A_000_SilhoueA").on("click", function() {if (cd==0&&step==11) {
cd = 1;
step = 12;
$("#A_000_SilhoueA").removeClass("poi");
opacityFunc("#A_000_SilhoueA", '0', 1000);
opacityFunc("#A_000_SilhoueB", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_SilhoueB").addClass("poi");
}, 1000);
}});
$("#A_000_SilhoueB").on("click", function() {if (cd==0&&step==12) {
cd = 1;
step = 13;
$("#A_000_SilhoueB").removeClass("poi");
opacityFunc("#A_000_SilhoueB", '0', 1000);
opacityFunc("#A_000_SilhoueC", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_SilhoueC").addClass("poi");
}, 1000);
}});
$("#A_000_SilhoueC").on("click", function() {if (cd==0&&step==13) {
cd = 1;
step = 14;
$("#A_000_SilhoueC").removeClass("poi");
setTimeout(function() {
opacityFunc("#A_000_Crack", '1', 100);
setTimeout(function() {
opacityFunc("#A_000_Dish, #A_000_SilhoueC, #A_000_Crack", '0', 1000);
setTimeout(function() {
opacityFunc("#A_000_Tumbler, #A_000_SilhoueD", '1', 1000);
touchYTAnim("#A_000_SilhoueD", 0.6, function() {
if (item_Silhoue==1) {
if (device.desktop()) {
$("#A_000_SilhoueD").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_SilhoueD").off("touchstart");
$("#A_000_SilhoueD").off("touchmove");
$("#A_000_SilhoueD").off("touchend");
}
setTimeout(function() {step = 15;}, 100);
$("#A_000_SilhoueD").css("pointer-events", "");
}
});
setTimeout(function() {
cd = 0;
$("#A_000_SilhoueD").addClass("poi");
}, 1000);
}, 2000);
}, 1000);
}, 1000);
}});
$("#A_000_SilhoueD").on("click", function() {if (cd==0&&step==15) {
cd = 1;
step = 16;
$("#A_000_SilhoueD").removeClass("poi");
opacityFunc("#A_000_SilhoueD", '0', 250);
opacityFunc("#A_000_SilhoueE", '1', 250);
setTimeout(function() {
cd = 0;
$("#A_000_CapsuleE").addClass("poi");
$("#A_000_CapsuleE").css("z-index", "1");
}, 250);
}});
$("#A_000_CapsuleE").on("click", function() {if (cd==0&&step==16) {
cd = 1;
step = 17;
$("#A_000_CapsuleE").removeClass("poi");
opacityFunc("#A_000_SilhoueE", '0', 250);
opacityFunc("#A_000_SilhoueD, #A_000_CapsuleE", '1', 250);
setTimeout(function() {
cd = 0;
$("#A_000_CapsuleE").addClass("poi");
}, 250);
}
if (cd==0&&step==17) {
cd = 1;
step = 17.1;
$("#A_000_CapsuleE").removeClass("poi");
opacityFunc("#A_000_Tumbler, #A_000_SilhoueD, #A_000_CapsuleE", '0.3', 1000);
opacityFunc("#A_000_CapsuleF", '1', 1000);
setTimeout(function() {
cd = 0;
}, 1000);
}});
$("#A_000_Tumbler").on("click", function() {if (cd==0&&step==19) {
cd = 1;
step = 20;
$("#A_000_Tumbler").removeClass("poi");
opacityFunc("#A_000_Tumbler, #A_000_CapsuleE, #A_000_Title3", '0', 2000);
setTimeout(function() {
opacityFunc("#A_000_RopeA, #A_000_BearA, #A_000_Knife", '1', 3000);
setTimeout(function() {
cd = 0;
$("#A_000_BearA, #A_000_Knife").addClass("poi");
touchEAnim("#A_000_BearA", "#A_000_RopeA", function() {
if (item_Rope==1) {
if (device.desktop()) {
$("#A_000_BearA").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_BearA").off("touchstart");
$("#A_000_BearA").off("touchmove");
$("#A_000_BearA").off("touchend");
}
opacityFunc("#A_000_RopeB", '1', 250);
$("#A_000_RopeA div.imgRopeA").animate({ height: '-=4.2rem' }, 250);
$("#A_000_BearA").animate({
marginTop: '-15rem',
marginLeft: '0'
}, 100, "swing", function() {
$("#A_000_RopeA, #A_000_RopeB, #A_000_BearA, #A_000_BearB, #A_000_BloodA").addClass("shake");
});
}
});
touchEAnim("#A_000_Knife", "#A_000_BearA", function() {
if (item_Knife==1&&item_Rope==1) {
if (device.desktop()) {
$("#A_000_Knife").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_Knife").off("touchstart");
$("#A_000_Knife").off("touchmove");
$("#A_000_Knife").off("touchend");
}
opacityFunc("#A_000_BearA", '0', 250);
opacityFunc("#A_000_BearB", '1', 250);
$("#A_000_HeartA").css("z-index", "1");
$("#A_000_HeartA").animate({ opacity: '1', marginTop: '+=15rem' }, 800, "easeInSine", function() {
$(this).animate({ marginTop: '-=0.3rem' }, 100, "easeOutSine");
$(this).animate({ marginTop: '+=0.3rem' }, 100, "easeInSine");
$(this).animate({ marginTop: '-=0.1rem' }, 50, "easeOutSine");
$(this).animate({ marginTop: '+=0.1rem' }, 50, "easeInSine", function() {
cd = 0;
$("#A_000_HeartA").addClass("poi");
});
});
}
});
}, 3000);
}, 5000);
}});
$("#A_000_HeartA").on("click", function() {if (cd==0&&step==20) {
cd = 1;
step = 21;
$("#A_000_HeartA").removeClass("poi");
opacityFunc("#A_000_BloodA, #A_000_BloodB", '1', 100);
setTimeout(function() {
opacityFunc("#A_000_RopeA, #A_000_RopeB, #A_000_BearB, #A_000_Knife, #A_000_BloodA, #A_000_BloodB, #A_000_HeartA", '0', 100);
opacityFunc("#A_000_HeartB, #A_000_DoorA", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_DoorA").addClass("poi");
}, 1000);
}, 1000);
}});
$("#A_000_DoorA").on("click", function() {if (cd==0&&step==21) {
cd = 1;
step = 22;
$("#A_000_DoorA").removeClass("poi");
opacityFunc("#A_000_HeartB, #A_000_DoorA", '0', 500);
opacityFunc("#A_000_DoorB, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77), .A_000_Flows:nth-of-type(78), .A_000_Flows:nth-of-type(79)", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_DoorB").addClass("poi");
}, 1000);
}});
$("#A_000_DoorB").on("click", function() {if (cd==0&&step==22&&item_PulverA==0&&item_PulverB==0) {
cd = 1;
step = 22.1;
$("#A_000_DoorB").removeClass("poi");
opacityFunc("#A_000_DoorB, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77)", '0.3', 1000);
if (item_PulverA==0) opacityFunc(".A_000_Flows:nth-of-type(78)", '0.3', 1000);
if (item_PulverB==0) opacityFunc(".A_000_Flows:nth-of-type(79)", '0.3', 1000);
if (item_Juicer==1) opacityFunc("#A_000_JuicerA, #A_000_JuicerB", '0.3', 1000);
opacityFunc("#A_000_DoorText", '1', 1000);
setTimeout(function() {
cd = 0;
}, 1000);
}});
function clickStep21() {
touchEAnim("#A_000_Key", "#A_000_DoorB", function() {
if (item_Key==1) {
$(".A_000_Flows:nth-of-type(78)").removeClass("poi");
$(".A_000_Flows:nth-of-type(79)").removeClass("poi");
$("#A_000_Key").removeClass("poi");
if (device.desktop()) {
$("#A_000_Key").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_Key").off("touchstart");
$("#A_000_Key").off("touchmove");
$("#A_000_Key").off("touchend");
}
$("#A_000_Key").animate({
marginTop: '-8rem',
marginLeft: '11rem'
}, 500, "swing", function() {
opacityFunc("#A_000_Key", '0', 500);
setTimeout(function() {
opacityFunc("#A_000_DoorB", '0', 250);
opacityFunc("#A_000_DoorC", '1', 250);
setTimeout(function() {
step = 23;
$("#A_000_DoorC").addClass("poi");
}, 250);
}, 500);
});
}
});
}
$("#A_000_DoorC").on("click", function() {if (cd==0&&step==23) {
cd = 1;
step = 24;
$("#A_000_DoorC").removeClass("poi");
opacityFunc("#A_000_DoorC, .A_000_Flows:nth-of-type(70), .A_000_Flows:nth-of-type(71), .A_000_Flows:nth-of-type(72), .A_000_Flows:nth-of-type(73), .A_000_Flows:nth-of-type(74), .A_000_Flows:nth-of-type(75), .A_000_Flows:nth-of-type(76), .A_000_Flows:nth-of-type(77), #A_000_JuicerA, #A_000_JuicerB", '0', 500);
opacityFunc("#A_000_CounterA", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_CounterA").addClass("poi");
}, 1000);
}});
$("#A_000_CounterA").on("click", function() {if (cd==0&&step==24) {
cd = 1;
step = 25;
$("#A_000_CounterA").removeClass("poi");
opacityFunc("#A_000_CounterA", '0', 500);
opacityFunc("#A_000_CounterB, #A_000_LiquorA, #A_000_LiquorB", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_LiquorB").addClass("poi");
touchYBAnim("#A_000_LiquorB", "#A_000_LiquorA", 0.5, function() {
if (item_Liquor==1) {
$("#A_000_LiquorB").css("pointer-events", "none");
setTimeout(function() {
if (item_LiquorNum==1) {item_LiquorFlame = 1; opacityFunc("#A_000_FlameA", '1', 1000);}
if (item_LiquorNum==2) {
$("#A_000_Hand, #A_000_PhotoA").css("z-index", "1");
$("#A_000_Hand, #A_000_PhotoA").animate({
opacity: '1',
marginTop: '-5rem'
}, 1000, "swing", function() {
$("#A_000_PhotoB").addClass("poi");
opacityFunc("#A_000_PhotoA", '0', 250);
opacityFunc("#A_000_PhotoB", '1', 250);
$("#A_000_Hand, #A_000_PhotoA").animate({
opacity: '0',
marginTop: '0'
}, 1000, "swing", function() {
$("#A_000_Hand, #A_000_PhotoA").css("z-index", "-1");
});
});
}
}, 500);
$("#A_000_LiquorA, #A_000_LiquorB").animate({
opacity: '0',
marginLeft: '-=3rem'
}, 1000, "swing", function() {
item_Liquor = 0;
item_LiquorVal = 0;
$("#A_000_LiquorA, #A_000_LiquorB").css({"marginTop": "-3rem", "marginLeft": "0"});
$("#A_000_LiquorB div.imgLiquorB").css("height", "16rem");
setTimeout(function() {
$("#A_000_LiquorA, #A_000_LiquorB").animate({
opacity: '1',
marginTop: '0'
}, 500, "swing", function() {
$("#A_000_LiquorB").css("pointer-events", "");
});
}, 500);
});
}
});
}, 1000);
}});
$("#A_000_PhotoB").on("click", function() {if (cd==0&&step==25) {
if (item_Photo==0) {
cd = 1;
$("#A_000_PhotoB").removeClass("poi");
opacityFunc("#A_000_PhotoB", '0', 500);
opacityFunc("#A_000_PhotoC", '1', 500);
setTimeout(function() {
cd = 0;
item_Photo = 1;
$("#A_000_PhotoC").addClass("poi");
}, 500);
}
}});
$("#A_000_PhotoC").on("click", function() {if (cd==0&&step==25) {
if (item_Photo==1) {
cd = 1;
$("#A_000_PhotoC").removeClass("poi");
opacityFunc("#A_000_PhotoC", '0', 500);
opacityFunc("#A_000_PhotoD", '1', 500);
setTimeout(function() {
cd = 0;
item_Photo = 2;
$("#A_000_PhotoD").addClass("poi");
}, 500);
}
if (item_Photo==3) {
cd = 1;
$("#A_000_PhotoC").removeClass("poi");
opacityFunc("#A_000_PhotoC", '0', 500);
opacityFunc("#A_000_PhotoB", '1', 500);
setTimeout(function() {
cd = 0;
item_Photo = 4;
$("#A_000_PhotoB").addClass("poi");
touchEAnim("#A_000_PhotoB", "#A_000_FlameAera", function() {
if (item_Flame==1) {
if (device.desktop()) {
$("#A_000_PhotoB").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_PhotoB").off("touchstart");
$("#A_000_PhotoB").off("touchmove");
$("#A_000_PhotoB").off("touchend");
}
opacityFunc("#A_000_PhotoB, #A_000_FlameA", '0', 250);
opacityFunc("#A_000_FlameB", '1', 250);
setTimeout(function() {
step = 26;
$("#A_000_FlameB").addClass("poi");
}, 250);
}
});
}, 500);
}
}});
$("#A_000_PhotoD").on("click", function() {if (cd==0&&step==25) {
if (item_Photo==2) {
cd = 1;
$("#A_000_PhotoD").removeClass("poi");
opacityFunc("#A_000_PhotoD", '0', 500);
opacityFunc("#A_000_PhotoC", '1', 500);
setTimeout(function() {
cd = 0;
item_Photo = 3;
$("#A_000_PhotoC").addClass("poi");
}, 500);
}
}});
$("#A_000_FlameB").on("click", function() {if (cd==0&&step==26) {
cd = 1;
step = 27;
$("#A_000_FlameB").removeClass("poi");
opacityFunc("#A_000_FlameB", '0', 500);
opacityFunc("#A_000_FlameC", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_FlameC").addClass("poi");
}, 1000);
}});
$("#A_000_FlameC").on("click", function() {if (cd==0&&step==27) {
cd = 1;
step = 28;
$("#A_000_FlameC").removeClass("poi");
opacityFunc("#A_000_CounterB, #A_000_LiquorA, #A_000_LiquorB, #A_000_FlameC", '0', 500);
setTimeout(function() {$("#A_000_LiquorA, #A_000_LiquorB").css("display", "none");}, 500);
opacityFunc("#A_000_FlameD", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_FlameD").addClass("poi");
}, 1000);
}});
$("#A_000_FlameD").on("click", function() {if (cd==0&&step==28) {
cd = 1;
step = 29;
$("#A_000_FlameD").removeClass("poi");
opacityFunc("#A_000_FlameD", '0', 500);
opacityFunc("#A_000_SilhoueF", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_SilhoueF").addClass("poi");
}, 1000);
}});
$("#A_000_SilhoueF").on("click", function() {if (cd==0&&step==29) {
cd = 1;
step = 30;
/* bgm_hostelry.fade(1, 0, 10000, bgm_two);
setTimeout(function() {
bgm_three = bgm_lonely.play('all');
setTimeout(function() {
bgm_lonely.fade(0, 1, 10000, bgm_three);
}, 100);
}, 11000); */
$("#A_000_SilhoueF").removeClass("poi");
$("#A_000_SilhoueF, #A_000_Title4").addClass("blur");
setTimeout(function() {
$("#A_000_SilhoueF, #A_000_Title4").removeClass("blur");
opacityFunc("#A_000_Title4", '1', 3000);
setTimeout(function() {
cd = 0;
$("#A_000_SilhoueF").addClass("poi");
}, 3000);
}, 4500);
}
if (cd==0&&step==30) {
cd = 1;
step = 31;
$("#A_000_SilhoueF").removeClass("poi");
opacityFunc("#A_000_SilhoueF, #A_000_Title4", '0', 2000);
setTimeout(function() {
opacityFunc("#A_000_GunA, #A_000_GunB, #A_000_GunC, #A_000_GunD", '1', 3000);
}, 5000);
setTimeout(function() {
cd = 0;
$("#A_000_GunD").addClass("poi");
touchEAnim("#A_000_GunD", "#A_000_GunAera", function() {
if (item_Gun==1) {
if (device.desktop()) {
$("#A_000_GunD").off("mousedown");
$(document).off("mousemove");
$(document).off("mouseup");
} else {
$("#A_000_GunD").off("touchstart");
$("#A_000_GunD").off("touchmove");
$("#A_000_GunD").off("touchend");
}
$("#A_000_GunD").animate({
marginTop: '0',
marginLeft: '5.5rem'
}, 1000, "swing", function() {
$("#A_000_GunD").animate({
marginTop: '-6rem',
marginLeft: '3rem'
}, 500, "linear");
$("#A_000_GunD div.imgGunD").animate({
height: '6.4rem'
}, 500, "linear", function() {
setTimeout(function() {
$("#A_000_GunB").animate({
marginLeft: '-2.7rem'
}, 100, "easeInQuad");
$("#A_000_GunC div.imgGunC").animate({
width: '1.1rem'
}, 100, "easeInQuad", function() {
setTimeout(function() {
opacityFunc("#A_000_GunA, #A_000_GunB, #A_000_GunC, #A_000_GunD", '0', 1000);
setTimeout(function() {
opacityFunc("#A_000_CrowA", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_CrowA").addClass("poi");
}, 1000);
}, 2000);
}, 1000);
});
}, 500);
});
});
}
});
}, 8000);
}});
$("#A_000_CrowA").on("click", function() {if (cd==0&&step==31) {
cd = 1;
step = 32;
$("#A_000_CrowA").removeClass("poi");
opacityFunc("#A_000_CrowA", '0', 500);
opacityFunc("#A_000_CrowB", '1', 500);
setTimeout(function() {
opacityFunc("#A_000_CrowB", '0', 1000);
setTimeout(function() {
opacityFunc("#A_000_SceneA", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_SceneA").addClass("poi");
}, 1000);
}, 2000);
}, 1500);
}});
$("#A_000_SceneA").on("click", function() {if (cd==0&&step==32) {
cd = 1;
step = 33;
$("#A_000_SceneA").removeClass("poi");
opacityFunc("#A_000_SceneA", '0', 1000);
opacityFunc("#A_000_SceneB", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_SceneB").addClass("poi");
}, 1000);
}});
$("#A_000_SceneB").on("click", function() {if (cd==0&&step==33) {
cd = 1;
step = 34;
$("#A_000_SceneB").removeClass("poi");
opacityFunc("#A_000_SceneB", '0', 1000);
opacityFunc("#A_000_SceneC", '1', 1000);
setTimeout(function() {
cd = 0;
$("#A_000_SceneC").addClass("poi");
}, 1000);
}});
$("#A_000_SceneC").on("click", function() {if (cd==0&&step==34) {
cd = 1;
step = 35;
$("#A_000_SceneC").removeClass("poi");
opacityFunc("#A_000_SceneC", '0', 1000);
opacityFunc("#A_000_SceneE", '1', 1000);
setTimeout(function() {
opacityFunc("#A_000_SceneD, #A_000_Helicopter, #A_000_HelicopterR, #A_000_SirenA, #A_000_SirenB", '1', 3000);
setTimeout(function() {
cd = 0;
$("#A_000_SceneE").addClass("poi");
}, 3000);
}, 2000);
}});
$("#A_000_SceneE").on("click", function() {if (cd==0&&step==35) {
cd = 1;
step = 36;
$("#A_000_SceneE").removeClass("poi");
opacityFunc("#A_000_SceneE", '0', 500);
opacityFunc("#A_000_SceneF", '1', 500);
setTimeout(function() {
cd = 0;
}, 500);
}});
$("#A_000_End, #A_000_Comment").on("click", function() {
$("#A_000_End").removeClass("poi");
window.top.location.href = "//scp-wiki-cn.wikidot.com/forum/t-15842893/#post-6075901";
});
/* 特殊触发↑ */
/* 功能调用↓ */
/* logo动画↓ */
function logoAnimFunc(name, num, time) {
if (num==1) $("#A_000_" + name).css("z-index", "1");
if (num==0) $("#A_000_" + name).css("z-index", "-1");
$("#A_000_" + name).animate({
opacity: num
}, time, "swing");
$("#A_000_" + name + " .logo" + name).animate({
width: '-=1rem',
height: '-=1rem',
marginTop: '+=0.5rem'
}, time, "swing");
}
/* logo动画↑ */
/* 显隐动画↓ */
function opacityFunc(name, num, time) {
if (num==1) $(name).css("z-index", "1");
if (num==0) $(name).css("z-index", "-1");
$(name).animate({
opacity: num
}, time, "swing");
}
/* 显隐动画↑ */
/* 花海动画↓ */
function flowsShowFunc(nth, pre, time) {
setTimeout(function() {
$(".A_000_Flows:nth-of-type(" + nth + ")").css("z-index", "1");
$(".A_000_Flows:nth-of-type(" + nth + ")").animate({
opacity: '1'
}, time, "swing");
}, pre);
}
/* 花海动画↑ */
/* 拖动动画↓ */
function touchAnim(target, scope, callback) {
cd = 1;
var oldX;
var oldY;
var startX;
var startY;
var endX;
var endY;
var divLeft;
var divRight;
var divTop;
var divBottom;
if (device.desktop()) {
$(target).on("mousedown", function(e) {
oldX = e.clientX,
oldY = e.clientY;
startX = oldX;
startY = oldY;
endX = oldX;
endY = oldY;
divLeft = $(scope).offset().left;
divRight = $(scope).offset().left +$(scope).width();
divTop = $(scope).offset().top;
divBottom = $(scope).offset().top +$(scope).height();
$(document).on("mousemove", function(e) {
endX = e.clientX,
endY = e.clientY;
$(target).css('marginTop', '+=' + (endY - startY));
$(target).css('marginLeft', '+=' + (endX - startX));
startX = endX;
startY = endY;
});
$(document).on("mouseup", function() {
$(target).css("pointer-events", "none");
$(document).off("mousemove");
if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {
if (target=="#A_000_Shovel"&&item_Hole<2) item_Hole += 1;
}
callback();
$(target).animate({
marginTop: '0',
marginLeft: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endX = oldX;
endY = oldY;
$(document).off("mouseup");
});
});
});
} else {
$(target).on("touchstart", function(e) {
oldX = e.originalEvent.changedTouches[0].clientX,
oldY = e.originalEvent.changedTouches[0].clientY;
startX = oldX;
startY = oldY;
endX = oldX;
endY = oldY;
divLeft = $(scope).offset().left;
divRight = $(scope).offset().left +$(scope).width();
divTop = $(scope).offset().top;
divBottom = $(scope).offset().top +$(scope).height();
});
$(target).on("touchmove", function(e) {
endX = e.originalEvent.changedTouches[0].clientX,
endY = e.originalEvent.changedTouches[0].clientY;
$(this).css('marginTop', '+=' + (endY - startY));
$(this).css('marginLeft', '+=' + (endX - startX));
startX = endX;
startY = endY;
});
$(target).on("touchend", function() {
$(this).css("pointer-events", "none");
if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {
if (target=="#A_000_Shovel"&&item_Hole<2) item_Hole += 1;
}
callback();
$(this).animate({
marginTop: '0',
marginLeft: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endX = oldX;
endY = oldY;
});
});
}
}
function touchEAnim(target, scope, callback) {
var oldX;
var startX;
var endX;
var oldY;
var startY;
var endY;
var divTop;
var divLeft;
var divRight;
var divBottom;
if (device.desktop()) {
$(target).on("mousedown", function(e) {
oldX = e.clientX;
startX = oldX;
endX = oldX;
oldY = e.clientY;
startY = oldY;
endY = oldY;
divTop = $(scope).offset().top;
divLeft = $(scope).offset().left;
divRight = $(scope).offset().left + $(scope).width();
divBottom = $(scope).offset().top + $(scope).height();
divWidth = $(scope).width();
divHeight = $(scope).height();
$(document).on("mousemove", function(e) {
endX = e.clientX;
endY = e.clientY;
$(target).css('marginTop', '+=' + (endY - startY));
$(target).css('marginLeft', '+=' + (endX - startX));
startX = endX;
startY = endY;
});
$(document).on("mouseup", function() {
$(target).css("pointer-events", "none");
$(document).off("mousemove");
if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {
if (target=="#A_000_CapsuleE"&&item_Implan==0) item_Implan = 1;
if (target=="#A_000_BearA"&&item_Rope==0) item_Rope = 1;
if (target=="#A_000_Knife"&&item_Knife==0) {
if (item_Rope==1) item_Knife = 1;
endX = startX;
endY = startY;
$(target).animate({
marginTop: '0',
marginLeft: '0'
}, 500, function() {
$(this).css("pointer-events", "");
endX = oldX;
endY = oldY;
$(document).off("mouseup");
});
}
if (target==".A_000_Flows:nth-of-type(78)"
) item_PulverA = 1;
if (target==".A_000_Flows:nth-of-type(79)"
) item_PulverB = 1;
if (target=="#A_000_Key") item_Key = 1;
if (target=="#A_000_PhotoB") item_Flame = 1;
if (target=="#A_000_GunD") item_Gun = 1;
$(document).off("mouseup");
} else {
endX = startX;
endY = startY;
$(target).animate({
marginTop: '0',
marginLeft: '0'
}, 500, function() {
$(this).css("pointer-events", "");
endX = oldX;
endY = oldY;
$(document).off("mouseup");
});
}
callback();
});
});
} else {
$(target).on("touchstart", function(e) {
oldX = e.originalEvent.changedTouches[0].clientX;
startX = oldX;
endX = oldX;
oldY = e.originalEvent.changedTouches[0].clientY;
startY = oldY;
endY = oldY;
divTop = $(scope).offset().top;
divLeft = $(scope).offset().left;
divRight = $(scope).offset().left + $(scope).width();
divBottom = $(scope).offset().top + $(scope).height();
divWidth = $(scope).width();
divHeight = $(scope).height();
});
$(target).on("touchmove", function(e) {
endX = e.originalEvent.changedTouches[0].clientX;
endY = e.originalEvent.changedTouches[0].clientY;
$(target).css('marginTop', '+=' + (endY - startY));
$(target).css('marginLeft', '+=' + (endX - startX));
startX = endX;
startY = endY;
});
$(target).on("touchend", function() {
$(this).css("pointer-events", "none");
if (endX>=divLeft&&endX<=divRight&&endY>=divTop&&endY<=divBottom) {
if (target=="#A_000_CapsuleE"&&item_Implan==0) item_Implan = 1;
if (target=="#A_000_BearA"&&item_Rope==0) item_Rope = 1;
if (target=="#A_000_Knife"&&item_Knife==0) {
if (item_Rope==1) item_Knife = 1;
endX = startX;
endY = startY;
$(target).animate({
marginTop: '0',
marginLeft: '0'
}, 500, function() {
$(this).css("pointer-events", "");
endX = oldX;
endY = oldY;
});
}
if (target==".A_000_Flows:nth-of-type(78)"
) item_PulverA = 1;
if (target==".A_000_Flows:nth-of-type(79)"
) item_PulverB = 1;
if (target=="#A_000_Key") item_Key = 1;
if (target=="#A_000_PhotoB") item_Flame = 1;
if (target=="#A_000_GunD") item_Gun = 1;
} else {
endX = startX;
endY = startY;
$(this).animate({
marginTop: '0',
marginLeft: '0'
}, 500, function() {
$(this).css("pointer-events", "");
endX = oldX;
endY = oldY;
});
}
callback();
});
}
}
/* 横向拖动↓ */
function touchXLAnim(target, num, callback) {
cd = 1;
var oldX;
var startX;
var endX;
var divLeft;
var divRight;
if (device.desktop()) {
$(target).on("mousedown", function(e) {
oldX = e.clientX;
startX = oldX;
endX = oldX;
divLeft = $(target).offset().left;
divRight = $(target).offset().left + $(target).width();
divWidth = $(target).width();
if (target=="#A_000_CapsuleB") {
opacityFunc("#A_000_CapsuleC", '0', 250);
opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '1', 250);
$("#A_000_MemoryA").removeClass("clipAll").addClass("clipLeft");
}
$(document).on("mousemove", function(e) {
endX = e.clientX;
if (endX<=startX&&(endX - oldX)>=(-divWidth * num)) {
$(target).css('marginLeft', '+=' + (endX - startX));
startX = endX;
}
});
$(document).on("mouseup", function() {
$(target).css("pointer-events", "none");
$(document).off("mousemove");
if ((endX - oldX)<=(-divWidth * num)) {
cd = 0;
if (target=="#A_000_CapsuleB"&&item_Caps<2) item_Caps += 1;
$(document).off("mouseup");
} else {
endX = startX;
$(target).animate({
marginLeft: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endX = oldX;
$(document).off("mouseup");
});
if (target=="#A_000_CapsuleB") {
opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '0', 250);
opacityFunc("#A_000_CapsuleC", '1', 250);
$("#A_000_MemoryA").removeClass("clipLeft").addClass("clipAll");
}
}
callback();
});
});
} else {
$(target).on("touchstart", function(e) {
oldX = e.originalEvent.changedTouches[0].clientX;
startX = oldX;
endX = oldX;
divLeft = $(target).offset().left;
divRight = $(target).offset().left + $(target).width();
divWidth = $(target).width();
if (target=="#A_000_CapsuleB") {
opacityFunc("#A_000_CapsuleC", '0', 250);
opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '1', 250);
$("#A_000_MemoryA").removeClass("clipAll").addClass("clipLeft");
}
});
$(target).on("touchmove", function(e) {
endX = e.originalEvent.changedTouches[0].clientX;
if (endX<=startX&&(endX - oldX)>=(-divWidth * num)) {
$(this).css('marginLeft', '+=' + (endX - startX));
startX = endX;
}
});
$(target).on("touchend", function() {
$(this).css("pointer-events", "none");
if ((endX - oldX)<=(-divWidth * num)) {
cd = 0;
if (target=="#A_000_CapsuleB"&&item_Caps<2) item_Caps += 1;
} else {
endX = startX;
$(this).animate({
marginLeft: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endX = oldX;
});
if (target=="#A_000_CapsuleB") {
opacityFunc("#A_000_CapsuleD, #A_000_MemoryA", '0', 250);
opacityFunc("#A_000_CapsuleC", '1', 250);
$("#A_000_MemoryA").removeClass("clipLeft").addClass("clipAll");
}
}
callback();
});
}
}
function touchXRAnim(target, num, callback) {
cd = 1;
var oldX;
var startX;
var endX;
var divLeft;
var divRight;
if (device.desktop()) {
$(target).on("mousedown", function(e) {
oldX = e.clientX;
startX = oldX;
endX = oldX;
divLeft = $(target).offset().left;
divRight = $(target).offset().left + $(target).width();
divWidth = $(target).width();
if (target=="#A_000_CapsuleD") {
$("#A_000_MemoryA").removeClass("clipLeft").addClass("clipNon");
}
$(document).on("mousemove", function(e) {
endX = e.clientX;
if (endX>=startX&&(endX - oldX)<=(divWidth * num)) {
$(target).css('marginLeft', '+=' + (endX - startX));
startX = endX;
}
});
$(document).on("mouseup", function() {
$(target).css("pointer-events", "none");
$(document).off("mousemove");
if ((endX - oldX)>=(divWidth * num)) {
cd = 0;
if (target=="#A_000_CapsuleD"&&item_Caps<2) item_Caps += 1;
$(document).off("mouseup");
} else {
endX = startX;
$(target).animate({
marginLeft: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endX = oldX;
$(document).off("mouseup");
});
if (target=="#A_000_CapsuleD") {
$("#A_000_MemoryA").removeClass("clipNon").addClass("clipLeft");
}
}
callback();
});
});
} else {
$(target).on("touchstart", function(e) {
oldX = e.originalEvent.changedTouches[0].clientX;
startX = oldX;
endX = oldX;
divLeft = $(target).offset().left;
divRight = $(target).offset().left + $(target).width();
divWidth = $(target).width();
if (target=="#A_000_CapsuleD") {
$("#A_000_MemoryA").removeClass("clipLeft").addClass("clipNon");
}
});
$(target).on("touchmove", function(e) {
endX = e.originalEvent.changedTouches[0].clientX;
if (endX>=startX&&(endX - oldX)<=(divWidth * num)) {
$(this).css('marginLeft', '+=' + (endX - startX));
startX = endX;
}
});
$(target).on("touchend", function() {
$(this).css("pointer-events", "none");
if ((endX - oldX)>=(divWidth * num)) {
cd = 0;
if (target=="#A_000_CapsuleD"&&item_Caps<2) item_Caps += 1;
} else {
endX = startX;
$(this).animate({
marginLeft: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endX = oldX;
});
if (target=="#A_000_CapsuleD") {
$("#A_000_MemoryA").removeClass("clipNon").addClass("clipLeft");
}
}
callback();
});
}
}
/* 横向拖动↑ */
/* 纵向拖动↓ */
function touchYAnim(target, num, callback) {
cd = 1;
var oldY;
var startY;
var endY;
var divTop;
var divBottom;
if (device.desktop()) {
$(target).on("mousedown", function(e) {
oldY = e.clientY;
startY = oldY;
endY = oldY;
divTop = $(target).offset().top;
divBottom = $(target).offset().top + $(target).height();
divHeight = $(target).height();
$(document).on("mousemove", function(e) {
endY = e.clientY;
if ((endY - oldY)<=(divHeight * num)) {
$(target).css('marginTop', '+=' + (endY - startY));
startY = endY;
}
});
$(document).on("mouseup", function() {
$(target).css("pointer-events", "none");
$(document).off("mousemove");
if ((endY - oldY)>=(divHeight * num)) {
cd = 0;
if (target=="#A_000_HairD"&&item_Dish==0) item_Dish = 1;
$(document).off("mouseup");
} else {
endY = startY;
$(target).animate({
marginTop: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endY = oldY;
$(document).off("mouseup");
});
}
callback();
});
});
} else {
$(target).on("touchstart", function(e) {
oldY = e.originalEvent.changedTouches[0].clientY;
startY = oldY;
endY = oldY;
divTop = $(target).offset().top;
divBottom = $(target).offset().top + $(target).height();
divHeight = $(target).height();
});
$(target).on("touchmove", function(e) {
endY = e.originalEvent.changedTouches[0].clientY;
if ((endY - oldY)<=(divHeight * num)) {
$(this).css('marginTop', '+=' + (endY - startY));
startY = endY;
}
});
$(target).on("touchend", function() {
$(this).css("pointer-events", "none");
if ((endY - oldY)>=(divHeight * num)) {
cd = 0;
if (target=="#A_000_HairD"&&item_Dish==0) item_Dish = 1;
} else {
endY = startY;
$(this).animate({
marginTop: '0'
}, 500, function() {
cd = 0;
$(this).css("pointer-events", "");
endY = oldY;
});
}
callback();
});
}
}
function touchYTAnim(target, num, callback) {
cd = 1;
var oldY;
var startY;
var endY;
var divTop;
var divBottom;
if (device.desktop()) {
$(target).on("mousedown", function(e) {
oldY = e.clientY;
startY = oldY;
endY = oldY;
divTop = $(target).offset().top;
divBottom = $(target).offset().top + $(target).height();
divHeight = $(target).height();
$(document).on("mousemove", function(e) {
endY = e.clientY;
if (endY<=startY&&(endY - oldY)>=(-divHeight * num)) {
$(target).css('marginTop', '+=' + (endY - startY));
if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").css('height', -(endY - oldY));
startY = endY;
}
});
$(document).on("mouseup", function() {
$(target).css("pointer-events", "none");
$(document).off("mousemove");
if ((endY - oldY)<=(-divHeight * num)) {
cd = 0;
if (target=="#A_000_SilhoueD"&&item_Silhoue==0) item_Silhoue = 1;
$(document).off("mouseup");
} else {
endY = startY;
$(target).animate({
marginTop: '0'
}, 1000, function() {
cd = 0;
$(this).css("pointer-events", "");
endY = oldY;
$(document).off("mouseup");
});
if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").animate({ height: '0' }, 1000);
}
callback();
});
});
} else {
$(target).on("touchstart", function(e) {
oldY = e.originalEvent.changedTouches[0].clientY;
startY = oldY;
endY = oldY;
divTop = $(target).offset().top;
divBottom = $(target).offset().top + $(target).height();
divHeight = $(target).height();
});
$(target).on("touchmove", function(e) {
endY = e.originalEvent.changedTouches[0].clientY;
if (endY<=startY&&(endY - oldY)>=(-divHeight * num)) {
$(this).css('marginTop', '+=' + (endY - startY));
if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").css('height', -(endY - oldY));
startY = endY;
}
});
$(target).on("touchend", function() {
$(this).css("pointer-events", "none");
if ((endY - oldY)<=(-divHeight * num)) {
cd = 0;
if (target=="#A_000_SilhoueD"&&item_Silhoue==0) item_Silhoue = 1;
} else {
endY = startY;
$(this).animate({
marginTop: '0'
}, 1000, function() {
cd = 0;
$(this).css("pointer-events", "");
endY = oldY;
});
if (target=="#A_000_SilhoueD") $("#A_000_SilhoueD div.imgSilhoueC").animate({ height: '0' }, 1000);
}
callback();
});
}
}
function touchYBAnim(target, scope, num, callback) {
var oldY;
var startY;
var endY;
var divTop;
var divBottom;
if (device.desktop()) {
$(target).on("mousedown", function(e) {
oldY = e.clientY;
startY = oldY;
endY = oldY;
divTop = $(scope).offset().top;
divBottom = $(scope).offset().top + $(scope).height();
divHeight = $(scope).height();
$(document).on("mousemove", function(e) {
endY = e.clientY;
if (endY>=startY&&(endY - oldY)<=(divHeight * num - item_LiquorVal)) {
if (target=="#A_000_LiquorB") {
$("#A_000_LiquorB div.imgLiquorB").css('height', '-=' + (endY - startY));
}
startY = endY;
}
if ((endY - oldY)>=(divHeight * num - item_LiquorVal)) {
item_LiquorVal = divHeight * num;
$("#A_000_LiquorB div.imgLiquorB").css('height', '4rem');
}
});
$(document).on("mouseup", function() {
$(document).off("mousemove");
$(document).off("mouseup");
if (target=="#A_000_LiquorB") item_LiquorVal += (endY - oldY);
if (item_LiquorVal>=(divHeight * num)) {
if (target=="#A_000_LiquorB") item_Liquor = 1;
if (target=="#A_000_LiquorB") item_LiquorNum ++;
}
callback();
});
});
} else {
$(target).on("touchstart", function(e) {
oldY = e.originalEvent.changedTouches[0].clientY;
startY = oldY;
endY = oldY;
divTop = $(scope).offset().top;
divBottom = $(scope).offset().top + $(scope).height();
divHeight = $(scope).height();
});
$(target).on("touchmove", function(e) {
endY = e.originalEvent.changedTouches[0].clientY;
if (endY>=startY&&(endY - oldY)<=(divHeight * num - item_LiquorVal)) {
if (target=="#A_000_LiquorB") {
$("#A_000_LiquorB div.imgLiquorB").css('height', '-=' + (endY - startY));
}
startY = endY;
}
if ((endY - oldY)>=(divHeight * num - item_LiquorVal)) {
item_LiquorVal = divHeight * num;
$("#A_000_LiquorB div.imgLiquorB").css('height', '4rem');
}
});
$(target).on("touchend", function() {
if (target=="#A_000_LiquorB") item_LiquorVal += (endY - oldY);
if (item_LiquorVal>=(divHeight * num)) {
if (target=="#A_000_LiquorB") item_Liquor = 1;
if (target=="#A_000_LiquorB") item_LiquorNum ++;
}
callback();
});
}
}
/* 纵向拖动↑ */
/* 拖动动画↑ */
/* 快速切图动画↓ */
function alterImgFunc(trigger, newtrigger, hide, show, item, val, callback) {
$(trigger).removeClass("poi");
opacityFunc(hide, '0', 500);
opacityFunc(show, '1', 500);
setTimeout(function() {
if (item=="item_Hair") item_Hair = val;
if (item=="item_Photo") item_Photo = val;
$(newtrigger).addClass("poi");
callback();
}, 500);
}
/* 快速切图动画↑ */
/* 功能调用↑ */
/* 施工专用！↓ */
function psFunc() {
ps = document.getElementById("passWord").value;
if (ps==235) {
load_finish=1;
$("#nps").css("z-index", "-1");
nps.style.display = "none";
}
if (ps==2351) {
step=2;
load_finish=1;
$("#nps").css("z-index", "-1");
nps.style.display = "none";
opacityFunc("#A_000_Scp", '0', 100);
opacityFunc("#A_000_GraveA, .A_000_Flows:nth-of-type(19)", '1', 100);
}
if (ps==2352) {
step=5;
load_finish=1;
$("#nps").css("z-index", "-1");
nps.style.display = "none";
opacityFunc("#A_000_Scp", '0', 100);
opacityFunc("#A_000_MemoryA", '1', 100);
$("#A_000_MemoryA").removeClass("clipAll");
}
if (ps==2353) {
step=17.1;
load_finish=1;
$("#nps").css("z-index", "-1");
nps.style.display = "none";
opacityFunc("#A_000_Scp", '0', 100);
opacityFunc("#A_000_Tumbler, #A_000_SilhoueD, #A_000_CapsuleE", '1', 100);
}
if (ps==2354) {
step=23;
$("#nps").css("z-index", "-1");
nps.style.display = "none";
opacityFunc("#A_000_Scp", '0', 100);
opacityFunc("#A_000_DoorC", '1', 100);
}
if (ps==2355) {
step=29;
$("#nps").css("z-index", "-1");
nps.style.display = "none";
opacityFunc("#A_000_Scp", '0', 100);
opacityFunc("#A_000_SilhoueF", '1', 100);
}
if (ps==2356) {
step=36;
$("#nps").css("z-index", "-1");
nps.style.display = "none";
opacityFunc("#A_000_Scp", '0', 100);
opacityFunc("#A_000_SceneF", '1', 100);
}}
/* 记得删掉！↑ */
</script>
</body>
[[/html]]
[[/div]]