#FFFAFA | Explore Tumblr posts and blogs

ysnsgt · 1 year ago

Text

【スイクラ】色からのキャラ解釈19：何度目かの橿野姉弟

橿野さんお誕生日おめでとうございます。

ここの双子についてはずっと気になることがありまして、そのあたりのことを書きながら考えてみます。古橋編、真相、あと少しだけファンブックの話に触れますのでご留意の上つづきをお読みください。

真相にしろXにしろ知也くんは姉が変わらないこと、自分を拒絶し続けることをなじります。けどそれは柘榴ちゃんが唯一なし得る知也くんへの愛情表現であり、知也くん自身の望んだことでは？

だって知也くん、「白」が好きだもんな。

■

かつて私はカラーコードからの解釈で、知也くんと知己くんの好む「白」について考えたことがあります。

色からのキャラ解釈17 橿野弟5+真井知己2

あれから7年半、様々な供給を眺めるうちに重大な見落としをしていたことに気が付きました。

姉への想いだけでできている知也くんが好むなら、それは幼少期……ふたりが分かたれるまでの柘榴ちゃんを象徴する色に決まってるじゃないですか。

17歳時の柘榴ちゃんはカラーコード「RosyBrown（#bc8f8f）」に象徴されます。どう見ても白ではありませんが、色相は0度。「White（#ffffff）」にしろ「Snow（#fffafa）」にしろ色相は0度なので、基本的人格はあの頃から変わっていないと見なせます。

��に「Snow」はRが突出していてGとBが同じ値という構造が「RosyBrown」と同じです。なので彼の言う「白」は具体的には「White」より「Snow」である可能性の方が高いかもしれません。スノードーム……。

↑RosyBrown（#bc8f8f）

↑Snow（#fffafa）

さらに、カラーコード「Snow」の補色（#faffff）つまり《半身》は「RosyBrown」の反転色および補色と色相が同じ180度です。

↑「Snow」の補色≒《半身》（#faffff）

↑17歳柘榴ちゃんの反転色≒別の角度から見た姿（#437070）

↑17歳柘榴ちゃんの補色≒《半身》（#8fbcbc）

反転色と補色が同じなら自己を《半身》とし得るのでひとりで《完全体》たり得る、と解釈したことがあります。

色からのキャラ解釈7 クランとラズ1

知也くんが柘榴ちゃんを「誰のことも必要としていない」と評価したのはこのためかと思われるのですが、まったくの同色でない以上は足りない部分が出てきます。なので古橋の「欠けているが、そのままで完成品にも思える」という第一印象は的確と言えますがそれはさておき。

幼少期の柘榴ちゃんにとっての《半身》は知也くんに他ならず、知也くんを失った17歳の時点でも必要な《半身》の基本的人格が変わらないなら、「彼女が変わらないのは知也くんの《半身》であり続けるためじゃん」て話にもなってくるんですよ。

そして柘榴ちゃんが弟をずっと引きずっていたのは、知也くんが願ったことに他なりません。

■

でもだめなんですよね。知也くんが好きなのは薄茶でも青緑でもなく白です。白は「こちら側」、柘榴ちゃんにとっては城の外の世界を象徴します。

となると、知也くんの愛……「“白”が好き」に応えようとしたら、変わらず城の外を志向し続けるしかない。城から出られなくなろうと、自分たち以外の誰もいなくなっても、「姉弟だか��結婚はできない」と断るしかないんですよ。

そして「薄茶」である現状に甘んじず「白」を目指すなら、己を変えてでも弟以外の半身を得て《完全体》となる（グッドエンドであればどの結末でも知也くんの想いに応えたことになる）か、人間をやめるしかない。

ファンブックで、真相において柘榴ちゃんが「透明」になってしまう結末が「深愛“グッド”エンド」とされていたことが解せなかったのですが（ふたりが分かたれた以上“バッド”ではと思っていた）、彼の「白が好き」という想いに応えきった“グッド”エンドということでしょうか。

白の世界たる「こちら側」で白になったら、まぁ、見えないわな。けれどあれが「Snow」なら、完全な白ではなくうっすら色が灯っている（彩度1%）。

だから柘榴ちゃんはいなくなったわけでも消えたわけでもない。目をこらせばたしかにそこにいる。その存在を無自覚でも感知できたからこそ知己くんは涙を流したんだよ。という話だった可能性。

「たしかにそう願ったけどそうじゃない」という形で願いを叶えるのがスイートクラウンだからその辺はもうどうしようもない。

■

ふたりで仕合わせになるルートは、「あちら側」の存在など知る由もない子どものうちに一緒に「あちら側」に行くくらいでしょうか。これなら「黒」になる瞬間に気づかず此彼の反転した世界で「白」でいられます。

6歳で城を訪れたときにそのままふたり居着けたらおそらく“ハッピーエンド”でしたが、そうは問屋が卸さなかった。なぜなら城の主・道化師は、実兄に似たタイプの兄姉から双子の弟妹を奪い、歪んでいく様を見て（中略）ひとしきり楽しんだあと、兄姉と“ひとつになる”のが性癖だからです！　合掌。

でもなぁ。知也くん、頭がいいからなぁ。6歳の時点で「あちら側」の存在に気付いていた可能性もあり、そうなるとこの双子、どうがんばっても結ばれ得ないのでは。知也くんが「何色でもいい」という��境になればワンチャンある。

■

知也くんは相手を抉り追い詰めるような言葉を繰り返しますが、時に真逆のことを言っていたりするし、額面通りに聞き入れてはいけないと思っています。

加えて言うなら、本編における彼は「毒」の部分だけで構成され、今や「悪魔」となっている。でも彼は本来「人間」で、他者のしあわせを願う善意だってたしかに持っていたはずだということを加味して向き合う必要すらあるんじゃないでしょうか。

TAKUYOの世界において、最も身近な男は誰より主人公を想っており、主人公が幸せであるなら他の男と結ばれることすら厭わない、それどころか他の男との仕合わせを奨励する向きすらあります。恐らく知也くんはその枠でした。

城に招いたのも表向きというか悪魔の意向としては彼女と一つになりたい、彼女を後継者としたかったんだろうけど、姉の呪いを解いて仕合わせになってもらいたい、そのための場であり招待客たちの選出だった可能性も考慮するべきでしょう。

そして彼女は彼を想い、彼を求め、時に彼から離れ、傷つき傷つけながら、彼の願いを叶えるに至る。彼が「願いなんて一つも叶わなかった」と嘆いたとしてもです。

それが『スイートクラウン』という物語だったとするなら、知也くんは「最凶王」じゃないし柘榴ちゃんも「やべー女」なんかじゃない。どうしようもなく情が深く、優しくて悲しいふたりじゃないか。そんなふうにも思うのは綺麗事に過ぎるかなぁ。

どうかふたりが仕合わせに……なるのは難しいかもしれないけど、せめて安らぎを得られますように。

お誕生日おめでとうございます。

-----

で。信者としては余談を挟みたいわけです。はい、古柘です。

柘榴ちゃんと相似的人格である古橋さんはVita版だろうとSwitch版だろうとイメージカラーが柘榴ちゃんと同じ色相0度です。

↑Vita版（#8b0000)

↑Switch版（#990000）

ですが此彼を逆にする柘榴ちゃんからは反転色に見えている可能性があります。

↑Vita版（#74ffff)

↑Switch版（#66ffff）

どちらも色相は180度。「Snow」および「RosyBrown」の補色と同じです。

つまり古橋さんはオフレンダの中で唯一、幼少期の知也くんと相似的人格とみなせる可能性がありまして。彼を選ぶことは在りし日の知也くんの面影を求めた結果とも言いかえられるのではないかと。

もっと言ってしまうと、Vita版からSwitch版での変化は「Snow」の補色≒在りし日の知也くんの姿に近づいているわけで。《劇》を発動させるに至った衝動の源泉、「僕のことは拒絶するのにどうして彼はいいんだ」ってのもあるのかなぁ。答えは上で検討したとおりですが。

柘榴ちゃんにとって弟の手を取ることは「許されない」ものですが、そういえば古橋さんにとって柘榴ちゃんと��恋は「背徳」でした。

古橋旺一郎の「背徳の恋」

それでも彼は「相手の好んだ己の人格を変える」ことはかたくなに拒むんですよね。なるほど柘榴ちゃんと相似的人格。

柘榴ちゃんも古橋編では他者を傷つけたり弟より自分を優先したりと、己にとっての禁忌を犯すに至るんですが、たとえ弟の願いによる呪縛だろうと弟のことをずっと想っていたことは間違いなくて、その中で禁忌を犯していた可能性はある。

それは何だろうとちょっと考えてみたんですが。思いつくのは「弟を忘れないこと」「招待状に応じて城に行ったこと」かなぁ。

神隠しが発生した場合、捜索は一定期間に限られたそうです。それまでは近隣の人と一丸となって探すものの、期間を過ぎた後の再捜索は禁忌だったとか。（参考：小松和彦『神隠しと日本人』）

白であり続けるためには、そのルールに則って生きる必要がありました。けれど彼女はルールに逆らって固執し（R）、「忘れなさい」という他者からの諭しも拒んでしまった（G）。その上で基本的人格を維持しようとしたら自我を押し殺してバランスを取る必要があって（B）、��のため彼女は薄茶色へと“堕ちてしまった”と考えることはできそうです。白に戻る方法は上記のとおりで、ここの双子は（も？）本当にままならないなぁ。

■

と、ここまで書いて思い出した。古橋さん、お相手を引き合いに出さずとも「己の信念を変えない」男であった。

となるとですね。柘榴ちゃんが変わらなかったのは、知也くんがそう願うに至ったのは、道化師の意向を考慮する必要があり。

「わが後継者たる兄姉よ、うちの兄のようであれ」

犯人はおういちｒ、いや歪んだ弟の歪んだ性癖まで責を負わせるのは酷では？　えっ弟が歪んだのも匣を開けた兄のせい？　うーん次回（11/1）へ続く！（？）

#ゲーム感想 #スイートクラウン #sweet clown #スイクラ

0 notes

strwbryfemme · 8 years ago

Photo

march 6, 2017 // #fffafa

520 notes · View notes

blahadesign-blog · 8 years ago

Photo

htmlcolorcodes.com/color-names/

#f0f8ff #f8f8ff #fffafa #f5f5f5 #fff5ee #fff0f5 #ffe4e1 #696969 #778899

2 notes · View notes

hanibalistic · 3 years ago

Text

#FFFAFA | GHOST.

genre | angst, fluff, platonic relationship au, grumpy dad x eager child dynamic

word count | 2754

warning | mention of death, mention of pain, mention of human trafficking, mention of kidnapping / i know absolutely nothing about this game and this man.

note | i just thought his appearance and the little personality i can tell from tiktok fit the description of this scenario. also i like this trope. i apologize in advance but this thought just had to go somewhere other than my head.

“Where’s the kid.”

A stoic voice matched with an even more intimidating stance—the medic did not need to turn around to know it was Simon Riley (or Ghost, as he liked to be called) talking behind him. He calmly turned around to face the sudden speaker, and his brows raised. Despite barely healing from severe unattended injuries and dehydration, Ghost remained tall and demanding; nobody should expect anything less from him.

“Where’s the kid.” Ghost said again when he did not receive an answer promptly enough. He enunciated every word with gruff but no grit. It could be the hazy brain taking a small toll on him. He did remember the other medic recommending a timely rest that he had no plan to take. Until he could find you, that was.

The medic looked around the area, massively confused. Kid? What kid? Has Simon Riley finally lost his goddamn mind after being stranded in the desert for weeks without the proper nourishment? He was almost killed, after all! The only reason he managed to make it back was that whoever tried to kill him foolishly thought he died. Could this possibly be the side effect of the recent traumatic experience? Having hallucinations?

“Fucking hell, where’s my kid?” That sounded like a question this time around. His voice had more restlessness in it, if one couldn’t fathom him ever being frantic about anything. Ghost had taken a step forward, his hands curled into fists, and his gaze hardened to scare the answer out of an unassuming medic. “The kid that came here with me. They are about this tall. Dirty hair, really fucking chatty? You could not have missed them.”

The medic cowered a step back. Ghost has finally lost his mind this time because he has no idea what nonsense that was. Humming in thoughts in hopes to fill the silent air, the medic glanced to the side just outside the tent, hoping to see someone pass by that could help him with the delusional lunatic asking him such an unfathomable question. A child? Everyone would have known if there was a child running around this place!

Ghost could see the altered glance immediately, and for a moment, he was about to lose his temper. But, he found that his question was answered as soon as he gave the medic a chance and turned around to look over his shoulder. There you were, just standing outside the tent in your dirty clothes and bare feet, staring at the helicopter with genuine fascination. Ghost furrowed his brows in disdain after he scanned your appearance. How come nobody gave you a change of clothes?

Wordlessly, Ghost turned around and left the medic’s tent. He marched over to where you stood, coming up behind you silently until he was finally within arm’s reach. He grabbed a fistful of the collar of your shirt and pulled you off the ground, causing you to struggle with a yelp of surprise. He turned you around slowly to face him, and his deadpan eyes did not change when you smiled sheepishly upon recognizing him.

“Oh…” you rubbed your hands together apologetically and placed them near your chin in a prayer gesture, “I didn’t know you were awake.”

“I barely slept, you idiot,” he said as he carefully dropped you on the ground. “I told you not to run around by yourself.”

You scoffed at him, dusting off your clothes as if you had fallen and gotten back up without his help. “I thought this was supposed to be a safe place!”

“It is,” he clarified calmly. “But safe places can get invaded.”

“So it’s not safe,” you pointed out smugly, poking his arm as if you’ve made a point he cannot defend himself against. The only response you got was a flick on your forehead. His fingers sounded against your skull, the force strong enough to make you stumble back before he watched you gather yourself together again.

Ghost did not once tear his eyes off you. His cold heart froze over again with paranoia when his brain even raised the idea of looking elsewhere during the topic of potential danger.

This was supposed to be a safe place where the medics and his comrades were. This was where his most trusted fighters are. If an invasion was to happen, things could not go nearly as bad as if he was anywhere else. But, unfortunately, you were neither a medic who knew the risks of staying at a place like this, nor were you a trained soldier who knew how to protect yourself in a blazing war.

You were just a kid he found along the way, who had latched onto him for survival, and he had no reason to kill. Fortunately for you, he did not have to choose between you and himself during the early days of you following him in his travels. By the time danger did welcome you both in its arms, Ghost had, surprisingly, knocked down the impenetrable walls of putting himself above orders and logic. Or perhaps it was you who brought a hammer and knocked them down for him.

Who knew? Simon Riley was not an expert in human emotions; he feels them, he just never thinks about them. He knew things could go as wrong as Hell would allow it if an invasion did happen. He knew that it would have been over the second you were captured. But Ghost had no plan to let it happen ever again.

After that night, on the twentieth day of traveling. It was right after you both were offered some food by a suspicious group of travelers, whom Ghost later found out had sold information of your existence to a group of recruiters of a human trafficking ring. You were snatched away in his line of sight after you had strayed too far from him, and he has never been more enraged. Becaise you disobeyed him, and because people underestimated his ability to kill absolutely everyone in sight with his bare hands who even dared to take you from him.

Ghost had no plan to let something like that happen ever again. So, if an invasion happens, this will remain a safe place for you. Any perimeter where he exists will be a safe place for you as long as he can guarantee it.

“Hmph!” You pulled a face at him when he remained silent at your words. Crossing your arms before you, you looked up at him and scoffed, “All adults do is lie.”

“Do not frame me for something I never did,” Ghost retorted, his hands awkwardly placed at his hips because he did not know what else to do with them now that he wasn’t holding a weapon. He let them drop to his sides immediately, a dissatisfied groan leaving his lips. “I have never lied to you.”

You pursed your lips together into a knowing smirk, but your eyes spoke a story of annoyance. You clicked your tongue, giving him a mischievous shake of your head, then you began to hop on your spot to prepare yourself for landing. Ghost immediately rolled his eyes, mentally exhausted from your antics. He knew what you planned to do, and he remembered the ‘lie’ you implied he told you. He had no plans to indulge you in your self-assigned mission to take his mask off.

“Incoming!”

“Damn it–you cannot shout that here–hey!”

You jumped and immediately grabbed onto his strong arm. Your feet kicked against his shin for momentum, which barely gave you any, but you stepped on his leg to use as leverage to climb up his body, so all was well. He struggled against you as you grabbed onto his shoulders and hoisted yourself over one side of it, letting yourself dangle and threatening to fall face-first onto the ground. He clumsily—ha! as if!—placed a hand forward to catch your reckless self just in case, while his other hand pressed against your middle back to keep you on his shoulder.

This was not the first time you have climbed him like a tree, paying his physical boundaries no respect as you stepped and kicked against his body to reach his shoulders. But he found himself catching you whenever you decided to fling yourself to the ground like a carcass, and he found himself holding onto your ankles when you thought it would be fun to fling upside down on his back as he walked. It was never a good idea; you always ended up feeling nauseated, and you liked to blame the heinous smell of his sweat.

And you had made a habit of stacking your body atop his when you slept so you could feel all of his movements, and you would know if he ever tried to abandon you again. He had a sickening realization that he had not felt that familiar body weight in several nights.

“Hey! Listen to me!” Ghost whisper-yelled at you, but you paid no attention to him. “You cannot be yelling stupid things like that!”

You scoffed with a childish smile. “Don’t worry, Ghost! Nobody can hear me but you!”

“With that high-pitched screech, they can hear you all the way from the moon,” he said.

“Oh, that’s where I’m going next! To the moon!” You giggled as you raised your torso and slapped a hand to his face. However, interestingly, you did not attempt to peel his mask off. You only looked at the helicopter in front of you and pointed at it. “Maybe I can get there in a helicopter!”

“You need a rocket ship for that,” Ghost said as he slowly helped your sliding body off his shoulder and onto the ground.

“A helicopter can be a rocket ship if I wanted it to. This is my world now,” you mused as you looked up at him. Your smile shifted a little when you saw how he looked at you—stoic, cold, but not without kindness and, hidden somewhere, remorse he was unwilling to process. You frowned gently at him; Ghost was still delusional. “Do you remember what you promised me about your mask?”

“That I will take it off so you can see my face,” he replied.

You tilted your head and widened your smile slightly. Your brows furrowed with a sorrowful tint as you whispered, “That’s not all.”

Ghost could remember. He didn’t think he had ever forgotten anything important, and a promise with a child he had unknowingly bound himself to would never be abandoned by him. He just had a hard time acknowledging it—thinking about it was unsettling for him, almost like an eerie itch along his body he could not scratch off. He was being avoidant because he was so helpless about it.

“I promised you that I would take off my mask and let you see my face…” he repeated, and choking down the knot in his throat, he continued, “if that is the last thing you’ll ever see of me.”

You smiled. You knew he would remember.

“But that will not be until years later, so there is no bloody reason why you are bringing it up now,” he added urgently, even though his voice didn’t show it.

You played with your fingers, unsure of what you could say.

There was no way that could happen years later because you were already dead. And Ghost knew that because you died in his arms.

“You cannot dream for years, Ghost,” you whispered. “You have to wake up.”

Just like that, suddenly, everything was gone. The tents, the sky, the helicopter, the clouds, the guns and ammo, the wind—everything surrounding you were gone. You looked around at the scenery change; the dream was re-wiring itself according to Ghost’s memories and control, including yourself. The bloodied spot on your chest grew big and wet, and the sky was dark with visible stars, and there was the knife he had pulled out of you after someone threw it toward you as a last desperate attempt at revenge.

“I don’t like the blood stain.” You frowned at yourself.

“Okay.” It was gone.

Ghost stared at you, his emotions thoroughly mixed up. He has been through this before. He has undergone trauma before. This was nothing extraordinary, and it should not be. He understood it. Death, dying, trauma, killing, blood. He understood it all. He has been hurt, pierced, shot, tortured. He understood it all. His father’s cruelty, his father’s abusive hands, his father’s degeneracy. He understood it all.

But did he truly understand this?

Pain comes in various forms. Pain can stem from different causes. The explosion of a bullet inside his body or the blade across his flesh. He knew what it felt like to be hurt by the names in red, to be hurt by a father. But did he know how to fathom it when his pain landed on somebody else’s skin? Did he know what it was when his pain choked through him in the form of another’s lifeless body? Did he understand the agony that happens when a child that has bound themself to a parent, abandons them by death?

He experienced it, but he did not understand it.

“Please don’t be mad at me,” you muttered. “I tried to hold on, I did. But my chest hurt.”

“I am not mad at you. I won’t get mad over something you can’t control,” he said. “I should have protected you better.”

You jumped faintly, standing on your tip-toes and rocking your heels back and forth. “You did!” You cheered quietly. “You kept me safe all this time.”

“You died.”

“I did.” You frowned in feigning sorrow. “Bummer.”

Oh, but he did understand it. He understood it very well. The consequence of your death blatantly presented itself to him in this dream. You were a dream. Your being safe was a dream. Your being alive was a dream. You climbing him like a tree, you talking about getting on a helicopter and flying to the moon, you sleeping on him so he would not leave you, you talking back to him, you shouting in his ears—it was all a dream he struggled not to wake up from.

In here, he gets to keep the kid.

In here, he gets to keep you.

And he gets to take you to the moon on a helicopter that functions as a rocket ship. Because he wires his dream according to your childish desires. Because he will give you whatever you want. Because he had given himself the role of a father he never thought he would fill.

How did it feel when you died? Agonizing and staggering. Like he failed at a job he knew nothing about but was doing his best in. Like he was full of nothing but anger and guilt because everything that could ever happen to you directly links back to him, because you were his responsibility. Like someone reached between your ribs and found his heart there, and they ripped it to pieces and left the shards lying inside of you.

How did it feel when you died? Like a dad just lost his baby, and he remembered once again how cruel this world could be when innocent children cannot be above adult hatred and violence.

“I’m sorry,” he uttered. “I did all I could.”

You grinned as you approached him and took his hand. You took off his glove, pressed his palm to your face, and nuzzled against it, feeling the callousness of his skin that has held more death than life, more blood than skin. “You did for me. Thank you.”

He wished to caress your cheek, but his joints remained frozen. He wished to smile, but he found it hard to quirk his lips when he realized the dimming of his consciousness. Beneath the skull mask, he managed a light-hearted smirk, and, if one could fathom it, his gaze softened with unswayable care, curated by the one thing greater than human tragedy—love, supposed. But that would be too cliché, would it not? Besides, this is Simon Riley!

“Do you still wish to see my face?” Ghost asked, “I’m giving you a positive.”

You squinted your eyes joyfully at him, willing that he not be defined by the tragedies he endured and that his heart could remain soft. Perhaps if you put a little bit of yourself in him, he would.

“You made me a promise!” You said with a nod.

That he did.

#simon riley #simon riley x you #simon riley x reader #ghost x oc #ghost x reader #ghost x you #simon ghost riley x you #simon ghost riley x reader #will probably delete this soon because this is not kpop lmao

1K notes · View notes

idrellegames · 5 years ago

Text

Changing Themes in SugarCube v2

For reference, I use SugarCube 2.2.1 / Updated 2021-01-20

SugarCube’s Settings API allows for a lot of variety depending on what you need and what aspects of your game you want the player to control. If you want to switch between different looks (i.e. dark mode, light mode, change the font, font-size, etc.), here's how you can go about setting that up if you have minimal experience with CSS and Javascript.

Just a heads up that I am not a web developer or a web designer; I'm self-taught and still learning. This is an attempt to explain how to set up something like this for game developers like me who are new to Twine and do not have a background in web design.

Before we start, I do not recommend copy/pasting any of the examples from this post as Tumblr keeps breaking my formatting.

Setting Up a Basic List Control

In SugarCube's documentation, find a section called Setting.addList(name, definition). Here you'll see an example for setting up a list control for the settings property. Place this in in your Story JavaScript.

var settingThemeNames = ["(none)", "Bright Lights", "Charcoal", "Midnight", "Tinsel City"]; var settingThemeHandler = function () { var $html = $("html");

$html.removeClass("theme-bright-lights theme-charcoal theme-midnight theme-tinsel-city");

switch (settings.theme) { case "Bright Lights": $html.addClass("theme-bright-lights"); break; case "Charcoal": $html.addClass("theme-charcoal"); break; case "Midnight": $html.addClass("theme-midnight"); break; case "Tinsel City": $html.addClass("theme-tinsel-city"); break; } }; Setting.addList("theme", { label : "Choose a theme.", list : settingThemeNames, onInit : settingThemeHandler, onChange : settingThemeHandler });

In this example, the Settings are configured to change between a default stylesheet (none) and four Themes called Bright Lights, Charcoal, Midnight and Tinsel City.

Here I've attempted to explain the different functions and what they do.

Adding CSS

The list control won't know what to do unless you tell it what to change things to. Hop over to your Story Stylesheet. To input any CSS that controls the look of a given theme, you have to specify html and the associated class name before the rest of your styling.

Say you wanted to change only the passage styling and the background styling when you switch themes. The theme name you add after html needs to match the class you created (so theme-bright-lights, not theme Bright Lights).

Sticking with SugarCube's example, the CSS for Bright Lights and Charcoal might look something like this:

html.theme-bright-lights body { background-color: #000000; background: url("images/blue.png"); background-attachment: fixed; background-repeat: repeat; }

html.theme-bright-lights .passage { line-height: 1.0; font-family: 'Alegreya', serif; font-color: #FFFAFA; font-size: 21px; text-align: justify; transition: opacity 400ms ease-in; background-color: rgba(47, 79, 79, 0.5); border-radius: 25px; padding: 25px;

}

html.theme-charcoal body { background-color: #000000; background: url("images/stars.png"); background-attachment: fixed; background-repeat: repeat; }

html.theme-charcoal .passage { line-height: 1.0; font-family: 'Turret Road', cursive; font-color: #FFFAFA; font-size: 30px; text-align: justify; transition: opacity 400ms ease-in; background-color: rgba(0, 0, 0, 0.5); border-radius: 25px; padding: 25px; }

Using Multiple Settings Properties

Say you want the option to control multiple style settings separately (for example, allow the player to change the font and the font size, but at different times). You will have to set up separate list controls for each setting. Each list control will have to have its own name.

So your code for changing the font may look something like this (here I have named the property for changing the font FontNames and FontHandler):

var settingFontNames = ["Default", "Alegreya", "Karla"]; var settingFontHandler = function () { var $html = $("html");

$html.removeClass("font-alegreya font-karla");

switch (settings.font) { case "Alegreya": $html.addClass("font-alegreya"); break; } switch (settings.font) { case "Karla": $html.addClass("font-karla"); break; } }; Setting.addList("font", { label : "Change the font.", list : settingFontNames, onInit : settingFontHandler, onChange : settingFontHandler

And in your Story Stylesheet, the matching CSS may be something like this:

html.font-alegreya { font-family: 'Alegreya', serif; }

html.font-karla { font-family: 'Karla', sans-serif; }

And to add a separate function to change the font size, your code may be something like this (here I have named the property for changing the font FontSizeNames and FontSizeHandler) :

var settingFontSizeNames = ["Default", "Medium", "Large"]; var settingFontSizeHandler = function () { var $html = $("html");

$html.removeClass("fontsize-medium fontsize-large fontsize-very-large");

switch (settings.fontsize) { case "Medium": $html.addClass("fontsize-medium"); break; } switch (settings.fontsize) { case "Large": $html.addClass("fontsize-large"); break; } }; Setting.addList("fontsize", { label : "Change the font size.", list : settingFontSizeNames, onInit : settingFontSizeHandler, onChange : settingFontSizeHandler });

And in your Story Stylesheet, the matching CSS may be something like this:

html.fontsize-medium .passage{ font-size: 26px; }

html.fontsize-large .passage{ font-size: 31px; }

You do not need to set a class for the default, it will revert to whatever you've put down in your Story Stylesheet. If you haven't adjusted a specific element, Twine will display whatever CSS is in its built-in default stylesheet for that element. You can view SugarCube's default stylesheets here.

If you want to adjust any visual elements in your Twine game, going through the built-in stylesheets is a good place to start as it can act as a guide to help you change what you want. core.css is the main body (including the background), core-passage.css is the passage styling, ui-dialog.css and ui.css is the dialog boxes (settings popup, save popup, etc) styling, ui-bar.css is the sidebar styling.

#twine game #sugarcube #twine #interactive fiction #resources #gif warning #updated this to explain things better #going to repost this so you can actually see the images thanks for making them too small tumblr

170 notes · View notes

oh-lord-its-autumn · 6 years ago

Text

Help a web development student?

One of my projects this semester is making a website for a restaurant we create.

Mine is going to be Pokémon themed!

So I was wondering if some people on here could give me some background, font, etc. colors that you think would be good for the webpage?

Like Red FF0000 or Snow FFFAFA

#HTML #CSS #coding #studyblr #programming #pokemon #web design #web development

1 note · View note

prettycolors · 3 years ago

Photo

#fffafa

185 notes · View notes

colorpictionary · 3 years ago

Text

Colori X11

La lista dei colori X11 ordinata per 'colore' (puoi anche ordinare alfabeticamente).

bianco #FFFFFF white

avorio #FFFFF0 ivory

crema di menta #F5FFFA mintcream

giallo chiaro #FFFFE0 lightyellow

azzurro #F0FFFF azure

neve #FFFAFA snow

melata #F0FFF0 honeydew

bianco floreale #FFFAF0 floralwhite

bianco fantasma #F8F8FF ghostwhite

ciano chiaro #E0FFFF lightcyan

blu alice #F0F8FF aliceblue

granturco #FFF8DC cornsilk

conchiglia #FFF5EE seashell

ciambella di limone #FFFACD lemonchiffon

giallo solidago chiaro #FAFAD2 lightgoldenrodyellow

vecchio merletto #FDF5E6 oldlace

bianco fumo #F5F5F5 whitesmoke

lavanda rosata #FFF0F5 lavenderblush

beige #F5F5DC beige

lino #FAF0E6 linen

frullato di papaya #FFEFD5 papayawhip

bianco antico #FAEBD7 antiquewhite

mandorla pelata #FFEBCD bleachedalmond

rosa nella nebbia #FFE4E1 mistyrose

lavanda #E6E6FA lavender

biscotto #FFE4C4 bisque

mocassino #FFE4B5 mocassin

solidago chiaro #EEE8AA palegoldenrod

giallo #FFFF00 yellow

bianco navajo #FFDEAD navajowhite

turchese chiaro (x11) #AFEEEE paleturquoise

khaki #F0E68C khaki

grano #F5DEB3 wheat

pesca scuro #FFDAB9 peachpuff

acquamarina #7FFFD4 aquamarine

gainsboro #DCDCDC gainsboro

verde pallido #98FB98 palegreen

giallo verde #ADFF2F greenyellow

blu polvere #B0E0E6 powderblue

grigio chiaro #D3D3D3 lightgray

verde chiaro #90EE90 lightgreen

blu chiaro #ADD8E6 lightblue

rosa #FFC0CB pink

chartreuse #80FF00 chartreuse

oro #FFD700 gold

cardo #D8BFD8 thistle

rosa chiaro #FFB6C1 lightpink

verde prato #7CFC00 lawngreen

blu acciaio chiaro #B0C4DE lightsteelblue

ciano #00FFFF cyan / aqua

blu cielo chiaro (x11) #87CEFA lightskyblue

argento #C0C0C0 silver

blu cielo #87CEEB skyblue

grigio (x11) #BEBEBE gray

burlywood #DEB887 burlywood

turchese #40E0D0 turquoise

verde primavera #00FF80 springgreen

tanno / catrame #D2B48C tan

verde primavera medio (x11) #00FA9A mediumspringgreen

prugna #DDA0DD plum

acquamarina medio #66CDAA mediumaquamarine

verde giallo #9ACD32 yellowgreen

kaki scuro #BDB76B darkkhaki

turchese medio (x11) #48D1CC mediumturquoise

salmone chiaro #FFA07A lightsalmon

marrone sabbia #F4A460 sandybrown

verde mare scuro #8FBC8F darkseagreen

verde #00FF00 lime

grigio scuro (x11) #A9A9A9 darkgray

arancione #FFA500 orange

salmone scuro #E9967A darksalmon

solidago #DAA520 goldenrod

violetto (x11) #EE82EE violet

turchese scuro (x11) #00CED1 darkturquoise

verde lime #32CD32 limegreen

marrone rosato #BC8F8F rosybrown

salmone #FA8072 salmon

corallo chiaro #F08080 lightcoral

ceruleo #00C0FF deepskyblue

arancione scuro #FF8C00 darkorange

corallo #FF7F50 coral

verde mare medio #3CB371 mediumseagreen

fiordaliso #6495ED cornflowerblue

blu cadetto #5F9EA0 cadetblue

orchidea #DA70D6 orchid

rosa caldo #FF69B4 hotpink

verde mare chiaro #20B2AA lightseagreen

peru / marrone chiaro #CD853F peru

rosso violetto chiaro (x11) #DB7093 palevioletred

grigio ardesia chiaro #778899 lightslategray

solidago scuro #B8860B darkgoldenrod

pomodoro #FF6347 tomato

viola medio #9370DB mediumpurple

blu dodger #1E90FF dodgerblue

grigio ardesia #708090 slategray

verde olivastro #6B8E23 olivedrab

blu acciaio #4682B4 steelblue

cioccolato #D2691E chocolate

blu ardesia medio #7B68EE mediumslateblue

orchidea medio (x11) #BA55D3 mediumorchid

rosso indiano #CD5C5C indianred

oliva #808000 olive

verde mare #2E8B57 seagreen

ciano scuro #008B8B darkcyan

blu reale #4169E1 royalblue

foresta #228B22 forestgreen

grigio sporco #696969 dimgray

blu ardesia #6A5ACD slateblue

rosso arancio #FF4500 orangered

anatra #008080 teal

verde oliva scuro #556B2F darkolivegreen

terra di siena #A0522D sienna

orchidea scuro (x11) #9932CC darkorchid

rosa profondo #FF1493 deeppink

marrone (x11) #B03060 maroon

blu violetto (x11) #8A2BE2 blueviolet

sella #8B4513 saddlebrown

viola #A020F0 purple

magenta #FF00FF magenta / fuchsia

grigio ardesia scuro #2F4F4F darkslategray

porpora di rebecca #663399 rebeccapurple

blu ardesia scuro #483D8B darkslateblue

rosso violaceo (x11) #C71585 mediumvioletred

marrone #A52A2A brown

verde scuro #006400 darkgreen

cremisi #DC143C crimson

rosso mattone #B22222 firebrick

rosso #FF0000 red

violetto scuro (x11) #9400D3 darkviolet

magenta scuro #8B008B darkmagenta

blu mezzanotte #191970 midnightblue

rosso scuro #8B0000 darkred

indaco #4B0082 indigo

blu #0000FF blue

blu medio #0000CD mediumblue

blu scuro #00008B darkblue

blu marina #000080 navy

nero #000000 black

#indice

1 note · View note