Template:Story: Difference between revisions
m
no edit summary
PetraMagna (talk | contribs) (bgm now has stop button) |
PetraMagna (talk | contribs) mNo edit summary |
||
(12 intermediate revisions by the same user not shown) | |||
Line 4:
|{{#switch:{{#var: value}}
|sensei=<tr {{#if:{{{ group{{#var:index}}|}}}|class="story-student-option-{{{ group{{#var:index}} | }}}-{{{ option{{#var:index}} }}}"}}><td></td><td><div class="story-sensei-line-container"><div class{{=}}"story-sensei-line">{{{ text{{#var:index}} }}}</div></div></td></tr>
|student-text=<tr {{#if:{{{ group{{#var:index}}|}}}|class="story-student-option-{{{ group{{#var:index}} | }}}-{{{ option{{#var:index}} }}}"}}>{{#if: {{{ spine{{#var:index}}| }}} | <td class{{=}}"story-profile-picture">
--><td>{{#if: {{{ name{{#var:index}}| }}} | <div class{{=}}"story-student-name">{{{ name{{#var:index}}| }}}<span class{{=}}"story-student-affiliation">{{{ affiliation{{#var:index}} | }}}</span></div> |}} <div class{{=}}"story-student-line-container"><div class{{=}}"story-student-line">{{{ text{{#var:index}} }}}</div></div></td></tr>
|no-speaker=<tr {{#if:{{{ group{{#var:index}}|}}}|class="story-student-option-{{{ group{{#var:index}} | }}}-{{{ option{{#var:index}} }}}"}}><td></td><!--
--><td><div class{{=}}"story-student-name">
|reply=<tr><td></td><td><div {{#if:{{{ group{{#var:index}}|}}}|id="story-sensei-option-group-{{{ group{{#var:index}} | }}}"}} class="story-reply-container"><div class="story-reply-header">Reply</div><hr><!--
-->{{#loop:option_i | 1 | 4 | {{#if:{{{ option{{#var:index}}_{{#var:option_i}} | }}} | <div class="story-reply-option">{{{ option{{#var:index}}_{{#var:option_i}} }}}</div> | }} }}<!--
--></div></td></tr>
|background=<tr><td></td><td><div class{{=}}"story-background-image-container">[[File:{{{ background{{#var:index}} }}}.jpg|class=story-background-image]]</div></td></tr>
|bgm=<tr><td></td><td><div class="story-bgm-container">{{audio|src={{{ bgm{{#var:index}} }}}.ogg|name=BGM: {{{ name{{#var:index}} | {{{ bgm{{#var:index}} }}} }}}|group=BGM|loop=true|volume={{#expr: 0.25 * {{{ volume{{#var:index}} | 1 }}}}} }}</div></td></tr>
|bgm-stop=<tr><td></td><td>{{audio/pause|group=BGM|name=BGM stops}}</td></tr>
|info=<tr><td></td><td><div class="story-info-container">{{{ text{{#var:index}} }}} {{#if:{{{ sound{{#var:index}} | }}} | [[File:{{{ sound{{#var:index}} }}}.wav|30px]] | }} </div></td></tr>
|sound=<tr><td></td><td>{{Audio/small|src={{{ sound{{#var:index}} }}}.wav|name=Sound effect: {{{ name{{#var:index}} |}}}}}</td></tr>
|screen=<tr><td></td><td>{{{ content{{#var:index}} }}}</td></tr>
}}
}}
Line 21 ⟶ 22:
</div></includeonly><noinclude>TODO:
#BGM
#*Keep updating [[Template:Audio]]
#Background
#*Memorial lobby currently unavailable.
#Emoticon
#*Figure out what to do with them. Some (e.g. twinkle, anxiety) will require putting together an emoticon from png images. They also have different sizes which will make it difficult to fit into text.
#Portrait/spine
#*Handle scenes with multiple spines (e.g. I've got Hoshino! Now if she'd just wake up!). They should only have one portrait but multiple spines.
#*Create sprite sheets for portraits. Use lazyloading on full spines in case the user wants to see them (also updates file usage on the file). Alternatively, just use JS to add them if the user requests full spines: lazyloading may not work in MW.
#*Handle unavailable portraits (use placeholder/wait for esheep)
#*Click portrait to toggle that spine.
Line 34 ⟶ 35:
#Handle more scripts
#*Shake is good; movement maybe?
#*<code>#na;</code> sometimes has a speaker;
#Mobile/small screen compatibility check. Character affiliation might be too long to fit.
</noinclude>
|