Sanks269の作業机

Tale-JP案「2018/09/16」

このTaleは、貴方の物語です。


「これにて収容インシデント2は閉幕です。ご協力ありがとうございました!」

熱気に包まれた会場から拍手が巻き起こる。時は2018年9月16日、川崎市産業振興会館で行われた財団初の単独イベントは、盛況の内に幕を閉じたのだ。会場は白衣やコスプレに身を包んだSCPファンたちでひしめき合っている。終わりの号令を聞き、皆はそれぞれ、騒がしくも楽しそうに帰路に付き始めた。その行路はさまざまで、焼き肉会に向かう者、飲みに行く者、夜行で帰る者と、千差万別だ。そんな彼らを尻目に、貴方は会場に残って清掃活動を手伝うことになっていた。何の縁か、あの有名な育良啓一郎さんと仲良くなることができたのだ。清掃手伝いはその繋がりによるものだった。

時刻も18時を周り、外も徐々に薄暗くなり始める。JR川崎駅から河川に向かって歩いた位置にあるこの建物は、都会川崎にしては若干静かな場所だ。9階からはすっかり人もいなくなり、殆ど誰も残っていない。全サークルの撤収した第三研修室を後にして、貴方は第二研修室へと足を運ぶことにした。

第二研修室は会議室程度の大きさで、端には机が寄せて置かれている。その上には、数台のノートPCと、ゴツゴツとしたヘッドマウントディスプレイが転がっていた。これらのものは、イベント中唯一の"VR"体験機器として開放されていたものだ。これを実現したのも、全ては育良さんのご好意によるものである。イベント中は忙しくて触れなかったものの、最新鋭のVR機器はコンテンツとして大変評判の良いものだった。

無骨なVRギアを手に取り眺めていると、廊下から当の育良さんが顔を出す。公共施設利用カード、と書かれたバインダーを手に、いつもの赤いねこシャツを着て立っていた。
「今日はありがとうございます。施設の方に報告してくるので、少し待っていてください。」
そういうと育良さんにこやかに会釈して、再び扉の向こうへと顔を引っ込めた。貴方が思わず笑みを浮かべると、扉の向こうから再び、育良さんの優しげな声が聞こえてきた。

「VRギア、遊んで頂いてて構いませんよ。ご自由にお使いください。」


ギアは割と重量感があり、装着するとつい前のめりの姿勢になってしまう。それでも映像への没入感は
図りしれず、辺りは無機質なコンクリートに囲まれたバーチャルサイトの廊下へと変貌を遂げていた。

『テクスチャ適用』

画面端に小さく文字が浮き出て、手足は一種で真っ白い肌へと置き換えられる。このコンテンツは育良さんオリジナルのキャラクター、"育良ケイ"になりきってサイトを散策するゲームだ。まだ開発段階であり、使える機能は少ないが、SCPの世界観を見て歩いて体験できるVRは、会期中とても盛況だった。中でも人気なのは、あの"173"に逢えるというイベントだろう。

『⚠警告: 収容違反が発生しました。職員は安全地帯に退避してください。』

薄暗い収容室のバーチャル空間は、赤色灯の赤に包まれる。173の登場フラグ音だ。けたたましいフリー素材のサイレン音が鳴り響き、どこからともなく「ゴリゴリ」と、石臼を引くような音が聞こえ始めた。

貴方は一歩足を踏み出し、薄暗いバーチャル廊下を進み始める。暗闇はどこまでも続き、多くの曲がり角は安全な視界を隠していた。耐えることの無い石臼音が大きくなり始め、辺りは緊張に包まれ始めた。

記事ここまで

[[module css]]
body{
-webkit-text-size-adjust: 110%;
}
.vpoem{
text-indent: 0;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
margin: auto;
margin-bottom:0.5em;
font-size:2.5em;
font-family: 'KaiTi', 'MS PMincho', 'STKaiti', 'HiraMinProN-W6', 'Hiragino Kaku Gothic Pro', 'MS PGothic', serif;
}

.vpoem p{
line-height: 1.4;
margin:0 auto;
}

.vpoem tt{
    vertical-align: middle;
font-family: 'KaiTi', 'MS PMincho', 'STKaiti', 'HiraMinProN-W6', 'Hiragino Kaku Gothic Pro', 'MS PGothic', serif;
}

@media screen and (max-width: 767px) { 
.vpoem{
font-size:1.5em;
}
}

span[style="text-decoration: line-through;"]{
display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
vertical-align: bottom;
}

span[style="text-decoration: line-through;"]>tt{
font-size: 50%;
line-height: 0.5em;
}
.tategaki span[style="text-decoration: line-through;"]>tt{
line-height: 1em;
}
.tategaki span[style="text-decoration: line-through;"]{
vertical-align: 0.3em;
}
.tategaki blockquote {
    padding: 2em .5em;
}

.tategaki tt {
    vertical-align: middle;
    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","MS P明朝","MS 明朝",serif;
}

.tategaki .henoji:before {
    content: "〳〵";
    color: rgba(51,51,51,1.0);
    opacity: 1;
    transform: scale(1,1)rotateX(0) translateY(0);
}

.tategaki .dhenoji:before {
    content: "〴〵";
    color: rgba(51,51,51,1.0);
    opacity: 1;
    transform: scale(1,1)rotateX(0) translateY(0);
}

.tategaki .dhenoji:after {
    content: "";
    color: rgba(51,51,51,1.0);
    opacity: 1;
    transform: scale(1,1)rotateX(0) translateY(0);
}

.tategaki {
    -webkit-columns-axis: vertical;
    -moz-columns: auto 20em;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #ddd;
    -moz-column-fill: auto;
    -webkit-columns: auto 20em;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #ddd;
    -webkit-column-fill: auto;
    columns: auto 20em;
    column-gap: 20px;
    column-rule: 1px solid #ddd;
    column-fill: auto;
    font-size: small;
    overflow-y: scroll;
    width: calc(100% + 3em);
    padding-right: 2em;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","MS P明朝","MS 明朝",serif;
}
.tategaki {
    -webkit-column-axis: vertical;
    -moz-columns: auto 20em;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #ddd;
    -moz-column-fill: auto;
    -webkit-columns: auto 20em;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #ddd;
    -webkit-column-fill: auto;
    columns: auto 20em;
    column-gap: 20px;
    column-rule: 1px solid #ddd;
    column-fill: auto;
    font-size: small;
    width: calc(100% + 3em);
    padding-right: 2em;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","MS P明朝","MS 明朝",serif;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tategaki{
        overflow-y: scroll;
    }
}

.henoji:before {
    content: "へ";
    color: rgba(51,51,51,1.0);
    opacity: 1;
    transform: scale(1.9,1)rotateX(180deg) translateY(-0.08em);
    position: absolute;
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 1;
}

.henoji {
    position: relative;
    width: 1em;
    white-space: pre;
    display: inline-block;
    padding: 0 .5em;
    color: rgba(51,51,51,0);
}

.dhenoji:before {
    content: "へ";
    color: rgba(51,51,51,1.0);
    opacity: 1;
    transform: scale(1.9,1)rotateX(180deg) translateY(-0.08em);
    position: absolute;
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 1;
}

.dhenoji {
    position: relative;
    width: 1em;
    white-space: pre;
    display: inline-block;
    padding: 0 .5em;
    color: rgba(51,51,51,0);
}

.dhenoji:after {
    position: absolute;
    color: rgba(51,51,51,1.0);
    content: "゛";
    top: .07em;
    left: .6em;
    z-index: 1;
}

.hdhenoji:before {
    content: "へ";
    color: rgba(51,51,51,1.0);
    opacity: 1;
    transform: scale(1.9,1)rotateX(180deg) translateY(-0.08em);
    position: absolute;
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 1;
}

.hdhenoji {
    position: relative;
    width: 1em;
    white-space: pre;
    display: inline-block;
    padding: 0 .5em;
    color: rgba(51,51,51,0);
}

.hdhenoji:after {
    position: absolute;
    color: rgba(51,51,51,1.0);
    content: "゜";
    top: .07em;
    left: .6em;
    z-index: 1;
}

span[style="text-decoration: underline;"] tt {
    position: relative;
    text-decoration: none;
}

span[style="text-decoration: underline;"] tt::before {
    content: '';
    position: absolute;
    top: 90%;
    width: 100%;
    height: .25em;
    background: -webkit-linear-gradient(315deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%),-webkit-linear-gradient(45deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%);
    background: linear-gradient(135deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%),linear-gradient(45deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%);
    background-size: .5em .5em;
    background-repeat: repeat-x,repeat-x;
}

.namisen {
    position: relative;
}

.namisen::before {
    content: '';
    position: absolute;
    top: 90%;
    width: 100%;
    height: .25em;
    background: -webkit-linear-gradient(315deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%),-webkit-linear-gradient(45deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%);
    background: linear-gradient(135deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%),linear-gradient(45deg,transparent,transparent 45%,#000,transparent 55%,transparent 100%);
    background-size: .5em .5em;
    background-repeat: repeat-x,repeat-x;
}

.warning {
    position: relative;
}

.warning::before {
    content: '';
    position: absolute;
    top: 90%;
    width: 100%;
    height: .25em;
    background: -webkit-linear-gradient(315deg,transparent,transparent 45%,#f00,transparent 55%,transparent 100%),-webkit-linear-gradient(45deg,transparent,transparent 45%,#f00,transparent 55%,transparent 100%);
    background: linear-gradient(135deg,transparent,transparent 45%,#f00,transparent 55%,transparent 100%),linear-gradient(45deg,transparent,transparent 45%,#f00,transparent 55%,transparent 100%);
    background-size: .5em .5em;
    background-repeat: repeat-x,repeat-x;
}

tt {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 1em;
    display: inline-table;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    height: 1em;
    vertical-align: calc(1em - 1px);
    text-indent: 0%;
}

tt>sup {
    display: table-header-group;
    font-size: .6em;
    line-height: 1.1;
    text-align: center;
    white-space: pre;
}

tt>sub {
    -webkit-text-emphasis-style: filled sesame;
    text-emphasis-style: filled sesame;
    font-size: 1em;
    vertical-align: calc(-1em + 1px);
}

tt>em {
    font-style: normal;
    -webkit-text-emphasis-style: filled dot;
    text-emphasis-style: filled dot;
    vertical-align: calc(-1em + 1px);
}
/* For FireFox */
/*
@-moz-document url-prefix() {
tt>em {
    /* For the environments which comply with CSS3. */

}

tt>em {
/* For the environments which comply with CSS3. */
    font-family: monospace;
    font-style: normal;
    font-weight: 400;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABgCAYAAAAU0fKgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAbElEQVRYw+3TQQ6AIAxEUcZw/yuXlYkRKaPEhMXvnsfQFkVElIU6Vg5vCEgqkr4DZz/fQN0TrkNxkMce3JEMGjbRXQ97CqMUKeCk+H+RZimqc0uGbPYXAAAAAAAAAAAAAAAAAAAAAAAAAACSajbCGcGsSkirAAAAAElFTkSuQmCC) ,none;
    background-repeat: repeat-x;
    padding: .5em 0 0;
    background-color: transparent;
    background-clip: padding-box,content-box;
    background-size: 1em 1.3em,auto;
}    
}

/* For IE10 */
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    tt>sub {
    /* For the environments which comply with CSS3. */
        font-family: monospace;
        font-style: normal;
        font-weight: 400;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABgCAYAAAAU0fKgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAXElEQVRYw+3RMQrAIAwF0ER6/yunWweptmALDs8pInkk36yqioXTVpojIo7RQ2Ze9WzI9tR8d/90hX+AfudZBsMQ3/7uphkAAAAAAAAAAAAAAAAAAAAAAABgU+AEkmQQveksCV0AAAAASUVORK5CYII=),none;
        background-repeat: repeat-x;
        padding: .5em 0 0;
        background-color: transparent;
        background-clip: padding-box,content-box;
        background-size: 1em 1.3em,auto;
    }

    tt>em {
    /* For the environments which comply with CSS3. */
        font-family: monospace;
        font-style: normal;
        font-weight: 400;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABgCAYAAAAU0fKgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAbElEQVRYw+3TQQ6AIAxEUcZw/yuXlYkRKaPEhMXvnsfQFkVElIU6Vg5vCEgqkr4DZz/fQN0TrkNxkMce3JEMGjbRXQ97CqMUKeCk+H+RZimqc0uGbPYXAAAAAAAAAAAAAAAAAAAAAAAAAACSajbCGcGsSkirAAAAAElFTkSuQmCC) ,none;
        background-repeat: repeat-x;
        padding: .5em 0 0;
        background-color: transparent;
        background-clip: padding-box,content-box;
        background-size: 1em 1.3em,auto;
    }
}

*/
.reddel {
    position: relative;
}

.reddel:before {
    content: ' ';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    bottom: 40%;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

.kenten-b {
    -webkit-text-emphasis-style: filled dot;
    text-emphasis-style: filled dot;
}

.kenten-c {
    -webkit-text-emphasis-style: filled circle;
    text-emphasis-style: filled circle;
}

.kenten-janome {
    -webkit-text-emphasis-style: filled double-circle;
    text-emphasis-style: filled double-circle;
}

.kenten-t {
    -webkit-text-emphasis-style: filled triangle;
    text-emphasis-style: filled triangle;
}

.kenten-goma {
    -webkit-text-emphasis-style: filled sesame;
    text-emphasis-style: filled sesame;
}

.kenten-wb {
    -webkit-text-emphasis-style: open dot;
    text-emphasis-style: open dot;
}

.kenten-wc {
    -webkit-text-emphasis-style: open circle;
    text-emphasis-style: open circle;
}

.kenten-doublec {
    -webkit-text-emphasis-style: open double-circle;
    text-emphasis-style: open double-circle;
}

.kenten-wt {
    -webkit-text-emphasis-style: open triangle;
    text-emphasis-style: open triangle;
}

.kenten-wgoma {
    -webkit-text-emphasis-style: open sesame;
    text-emphasis-style: open sesame;
}

.kenten-hoshi {
    -webkit-text-emphasis-style: "★";
    text-emphasis-style: "★";
}

.kenten-kane {
    -webkit-text-emphasis-style:"¥";
    text-emphasis-style: "¥";
}

.bousen {
    text-decoration: overline;
}

[[/module]]

[!--
//thank you 遠野司書
--]

[[module css]]

div.pseudo-tags ul {
    font-size: 85%;
    border-top: 1px solid #BBB;
    display: inline-block;
    margin: 10px 0 0;
    padding: 0 2px;
    list-style: none;
}

div.pseudo-tags li {
    color: #b01;
    text-decoration: none;
    display: inline-block;
    margin: 0 1px;
    cursor: pointer;
}

div.pseudo-tags li:hover {
    text-decoration: underline;
}

[[/module]]

[[module css]]
#header{
background:none;
}
#header:before{
display:block;
position: absolute;
width: 100px;
height: 100px;
top: 22%;
left:2%;
z-index: -1;
content: "";
background: url(/local--files/component:theme/logo.png) 0px 0px no-repeat;
background-size:100px 100px;
-webkit-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@media (max-width: 479px) {
#header:before{
width: 56px;
height: 56px;
background-size: 56px 56px;
top: 40%;
left: -1%;
transform-origin: 28px 28px;
}
}
@media (min-width: 480px) and (max-width: 580px) { 
#header:before{
width: 66px;
height: 66px;
top: 35%;
left: -1%;
background-size: 66px 66px;
transform-origin: 33px 33px;
}
}
@media (min-width: 581px) and (max-width: 767px) {
#header:before{
width: 78px;
height: 78px;
top: 30%;
left: -1%;
background-size: 78px 78px;
transform-origin: 39px 39px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#header:before{
top: 27%;
width: 88px;
height: 88px;
background-size: 88px 88px;
transform-origin: 44px 44px;
}
}
@-webkit-keyframes spin {
 0% {-webkit-transform: rotateZ(0deg);}
100% {-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes spin {
0% {-moz-transform: rotateZ(0deg);}
100% {-moz-transform: rotateZ(360deg);}
}
@-ms-keyframes spin {
0% {-ms-transform: rotateZ(0deg);}
100% {-ms-transform: rotateZ(360deg);}
}
@-o-keyframes spin {
 0% {-o-transform: rotateZ(0deg);}
100% {-o-transform: rotateZ(360deg);}
}
@keyframes spin {
 0% {transform: rotateZ(0deg);}
 100% {transform: rotateZ(360deg);}
}
[[/module]]

[[module CSS]]
#header h1 a:before {
content:"sanks269の";
    display: block;
 font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
font-size:50%;
position:absolute;
bottom:2em;
left:0px;
 padding: 80px 0 25px;
    line-height: 0px;
    color: #EEE;
    background: transparent;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
    word-break:none;
    z-index:1;
}
[[/module]]

[[module CSS]]

#header h1 a {
color:transparent;
text-shadow: none;
display:block;
position:relative;
width:580px;
user-select: none;
-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
}

/*こいつを消せば文字も消える*/
#header h1 a:after {
content:"SCP-JPサンドボックス!";
    display: block;
    position:absolute;
    top:0px;
    left:0px;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: #EEE;
    background: transparent;
   font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
    font-size: 100%;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
    word-break:none;
    z-index:1;
}
@media (max-width: 479px) { 
#header{
overflow:hidden;
}
}
[[/module]]

[[module css]]
#header h2 span{
font-size:0px;
padding: 4px;
}
#header h2:after{
padding: 19px 0;
font-weight: bold;
color: #f0f0c0;
text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
white-space: pre ;
content: "確保、収容、ナナホシ";
}
[[/module]]

[[module css]]
#header{
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
[[/module]]

初めての砂場作製です。そろそろ初めてじゃないね。
いつでも実験中。。。

ここはSanks269の作業机です

下書き


アイデア溜まり


自由帳



物置&実験場

※「@@」で挟んだ文字列はリテラルテキスト(構文として機能しない文章)となり、そのまま表示できるようです。



—]