Template:3DOneFace - Revision history

SomebodyRum at 20:15, 18 April 2026

2026-04-18T20:15:48Z

← Older revision		Revision as of 20:15, 18 April 2026
Line 18:		Line 18:
	==================================================		==================================================
	-->		-->
	<templatestyles src="Template:3DOneFace/styles.css"/><span class="cc-scene" style="perspective: 600px; {{#if:{{{size\|}}}\|width: {{{size}}}px; height: {{{size}}}px; display: inline-flex; justify-content: center; align-items: center;}}"><span class="cc-axis" style="transform: rotateY(-90deg); transform-style: preserve-3d;"><span class="cc-axis {{#ifeq: {{{tilt-ud\|no}}} \| yes \| {{#ifeq: {{{random\|no}}} \| yes \| cc-rd \| cc-sm }}-{{#ifexpr: {{{angle\|30}}} <= 22 \| 15 \| {{#ifexpr: {{{angle\|30}}} <= 37 \| 30 \| {{#ifexpr: {{{angle\|30}}} <= 52 \| 45 \| {{#ifexpr: {{{angle\|30}}} <= 75 \| 60 \| 90 }} }} }} }} }}" style="transform-style: preserve-3d; {{#ifeq: {{{tilt-ud\|no}}} \| yes \| animation-duration: {{#ifeq: {{{random\|no}}} \| yes \| 6 \| 4 }}s; }}"><span class="cc-axis" style="transform: rotateY(90deg); transform-style: preserve-3d;"><span class="cc-axis" style="transform: rotateX(90deg); transform-style: preserve-3d;"><span class="cc-axis {{#ifeq: {{{tilt-lr\|yes}}} \| no \| \| {{#ifeq: {{{random\|no}}} \| yes \| cc-rd \| cc-sm }}-{{#ifexpr: {{{angle\|30}}} <= 22 \| 15 \| {{#ifexpr: {{{angle\|30}}} <= 37 \| 30 \| {{#ifexpr: {{{angle\|30}}} <= 52 \| 45 \| {{#ifexpr: {{{angle\|30}}} <= 75 \| 60 \| 90 }} }} }} }} }}" style="transform-style: preserve-3d; {{#ifeq: {{{tilt-lr\|yes}}} \| no \| \| animation-duration: {{#ifeq: {{{random\|no}}} \| yes \| 7 \| ~~4.3~~ }}s; }}"><span class="cc-axis" style="transform: rotateX(-90deg); transform-style: preserve-3d;"><span class="cc-side" style="transform-style: preserve-3d;">{{{1\|Add something here...}}}</span></span></span></span></span></span></span></span><noinclude>		<templatestyles src="Template:3DOneFace/styles.css"/><span class="onef-scene" style="perspective: 600px; {{#if:{{{size\|}}}\|width: {{{size}}}px; height: {{{size}}}px; display: inline-flex; justify-content: center; align-items: center;}}"><span class="onef-axis" style="transform: rotateY(-90deg); transform-style: preserve-3d;"><span class="onef-axis {{#ifeq: {{{tilt-ud\|no}}} \| yes \| {{#ifeq: {{{random\|no}}} \| yes \| onef-rd \| onef-sm }}-{{#ifexpr: {{{angle\|30}}} <= 22 \| 15 \| {{#ifexpr: {{{angle\|30}}} <= 37 \| 30 \| {{#ifexpr: {{{angle\|30}}} <= 52 \| 45 \| {{#ifexpr: {{{angle\|30}}} <= 75 \| 60 \| 90 }} }} }} }} }}" style="transform-style: preserve-3d; {{#ifeq: {{{tilt-ud\|no}}} \| yes \| animation-duration: {{#ifeq: {{{random\|no}}} \| yes \| 6s \| 4s; animation-delay: {{#ifeq: {{{tilt-lr\|yes}}} \| no \| 0s \| -1s }} }}; }}"><span class="onef-axis" style="transform: rotateY(90deg); transform-style: preserve-3d;"><span class="onef-axis" style="transform: rotateX(90deg); transform-style: preserve-3d;"><span class="onef-axis {{#ifeq: {{{tilt-lr\|yes}}} \| no \| \| {{#ifeq: {{{random\|no}}} \| yes \| onef-rd \| onef-sm }}-{{#ifexpr: {{{angle\|30}}} <= 22 \| 15 \| {{#ifexpr: {{{angle\|30}}} <= 37 \| 30 \| {{#ifexpr: {{{angle\|30}}} <= 52 \| 45 \| {{#ifexpr: {{{angle\|30}}} <= 75 \| 60 \| 90 }} }} }} }} }}" style="transform-style: preserve-3d; {{#ifeq: {{{tilt-lr\|yes}}} \| no \| \| animation-duration: {{#ifeq: {{{random\|no}}} \| yes \| 7s \| 4s }}; }}"><span class="onef-axis" style="transform: rotateX(-90deg); transform-style: preserve-3d;"><span class="onef-side" style="transform-style: preserve-3d;">{{{1\|Add something here...}}}</span></span></span></span></span></span></span></span><noinclude>

	== Usage ==		== Usage ==
	<code>Look at {{3DOneFace\|'''this text'''\|angle=45}} before continuing normally.</code>		<code>Look at {{3DOneFace\|'''this text'''\|angle=45}} before continuing normally.</code>

	'''Default behavior.'''		'''Default behavior (Left/Right look only)'''
	<pre>		<pre>
	{{3DOneFace\|Add something here...}}		{{3DOneFace\|Add something here...}}
Line 29:		Line 29:
	{{3DOneFace\|Add something here...}}		{{3DOneFace\|Add something here...}}

	'''~~Random Snapping~~ (Up/Down + Left/Right)'''		'''Smooth Circular Rotation (Up/Down + Left/Right)'''
			<pre>
			{{3DOneFace
			\| tilt-ud = yes
			\| angle = 30
			\| 1 = Circular Motion!
			}}
			</pre>
			{{3DOneFace
			\| tilt-ud = yes
			\| angle = 30
			\| 1 = Circular Motion!
			}}

			'''Nodding Only (Up/Down)'''
	<pre>		<pre>
	{{3DOneFace		{{3DOneFace
			\| tilt-lr = no
	\| tilt-ud = yes		\| tilt-ud = yes
	~~\| random = yes~~
	\| angle = 45		\| angle = 45
	\| 1 = ~~[[File:Hunky_edit.mp4\|200px]]~~		\| 1 = Nodding Yes!
	}}		}}
	</pre>		</pre>

	~~'''Test using a file.'''~~
	{{3DOneFace		{{3DOneFace
			\| tilt-lr = no
	\| tilt-ud = yes		\| tilt-ud = yes
	~~\| random = yes~~
	\| angle = 45		\| angle = 45
	\| 1 = ~~[[File:Hunky_edit.mp4\|200px]]~~		\| 1 = Nodding Yes!
	}}		}}

	'''~~Test using a text.~~'''		'''Random Snapping (Up/Down + Left/Right)'''
	<pre>		<pre>
	{{3DOneFace		{{3DOneFace
	\| tilt-ud = yes		\| tilt-ud = yes
	\| random = yes		\| random = yes
	\| angle = 20		\| angle = 45
			\| 1 = [[File:Hunky_edit.mp4\|200px]]
	}}		}}
	</pre>		</pre>
Line 59:		Line 72:
	\| tilt-ud = yes		\| tilt-ud = yes
	\| random = yes		\| random = yes
	\| angle = 20		\| angle = 45
			\| 1 = [[File:Hunky_edit.mp4]]
	}}		}}

SomebodyRum at 17:22, 18 April 2026

2026-04-18T17:22:06Z

← Older revision		Revision as of 17:22, 18 April 2026
Line 1:		Line 1:
	<!-- TEMPLATE: 3DOneFace ~~-->~~		<!--
	~~<!-- Wraps text or file content in a~~ single-face ~~3D jiggle animation -->~~		==================================================
			TEMPLATE NAME: 3DOneFace
			A single 3D face that swings left/right and up/down.
			Designed to flow perfectly inline with paragraph text.
			==================================================

	~~<includeonly>~~		USAGE:
	<!-- ~~SECTION~~: ~~STYLES~~ -->		{{3DOneFace\|Your text here}}
	<templatestyles src="Template:3DOneFace/styles.css"/>
	<!-- ~~SECTION~~: ~~WRAPPER~~ -->		PARAMETERS:
	<span class="~~onef~~-~~wrapper~~ {{#~~switch~~:{{{~~intensity~~\|~~normal~~}}}		- 1: The text, image, or content to display.
	\|~~low~~=~~onef-low~~		- tilt-lr: "yes" or "no" (Look left/right. Default: yes)
	\|~~normal~~=~~onef-normal~~		- tilt-ud: "yes" or "no" (Nod up/down. Default: no)
	\|~~high~~=~~onef~~-~~high~~		- angle: Maximum tilt in degrees. Snaps to nearest tier. (Default: 30)
	\|#~~default~~=~~onef~~-~~normal~~		- random: "yes" or "no". Sudden snappy movement. (Default: no)
	}} {{#ifeq:{{{~~pause~~\|}}}\|yes\|~~onef~~-~~nohover~~\|}}" style="--~~onef~~-~~speed~~:{{{~~speed~~\|3}}}s;">		- size: (Optional) Set a fixed width/height for images.
	<!-- ~~SECTION~~: ~~CONTENT -~~->		==================================================
	<span class="~~onef~~-~~face~~">{{{1\|}}}</span>		-->
	</span>		<templatestyles src="Template:3DOneFace/styles.css"/><span class="cc-scene" style="perspective: 600px; {{#if:{{{size\|}}}\|width: {{{size}}}px; height: {{{size}}}px; display: inline-flex; justify-content: center; align-items: center;}}"><span class="cc-axis" style="transform: rotateY(-90deg); transform-style: preserve-3d;"><span class="cc-axis {{#ifeq: {{{tilt-ud\|no}}} \| yes \| {{#ifeq: {{{random\|no}}} \| yes \| cc-rd \| cc-sm }}-{{#ifexpr: {{{angle\|30}}} <= 22 \| 15 \| {{#ifexpr: {{{angle\|30}}} <= 37 \| 30 \| {{#ifexpr: {{{angle\|30}}} <= 52 \| 45 \| {{#ifexpr: {{{angle\|30}}} <= 75 \| 60 \| 90 }} }} }} }} }}" style="transform-style: preserve-3d; {{#ifeq: {{{tilt-ud\|no}}} \| yes \| animation-duration: {{#ifeq: {{{random\|no}}} \| yes \| 6 \| 4 }}s; }}"><span class="cc-axis" style="transform: rotateY(90deg); transform-style: preserve-3d;"><span class="cc-axis" style="transform: rotateX(90deg); transform-style: preserve-3d;"><span class="cc-axis {{#ifeq: {{{tilt-lr\|yes}}} \| no \| \| {{#ifeq: {{{random\|no}}} \| yes \| cc-rd \| cc-sm }}-{{#ifexpr: {{{angle\|30}}} <= 22 \| 15 \| {{#ifexpr: {{{angle\|30}}} <= 37 \| 30 \| {{#ifexpr: {{{angle\|30}}} <= 52 \| 45 \| {{#ifexpr: {{{angle\|30}}} <= 75 \| 60 \| 90 }} }} }} }} }}" style="transform-style: preserve-3d; {{#ifeq: {{{tilt-lr\|yes}}} \| no \| \| animation-duration: {{#ifeq: {{{random\|no}}} \| yes \| 7 \| 4.3 }}s; }}"><span class="cc-axis" style="transform: rotateX(-90deg); transform-style: preserve-3d;"><span class="cc-side" style="transform-style: preserve-3d;">{{{1\|Add something here...}}}</span></span></span></span></span></span></span></span><noinclude>
	</~~includeonly~~>

	~~<noinclude>~~
	== Usage ==		== Usage ==
	<pre>{{3DOneFace\|~~your~~ text ~~here~~}}</pre>		<code>Look at {{3DOneFace\|'''this text'''\|angle=45}} before continuing normally.</code>

			'''Default behavior.'''
			<pre>
			{{3DOneFace\|Add something here...}}
			</pre>
			{{3DOneFace\|Add something here...}}

			'''Random Snapping (Up/Down + Left/Right)'''
			<pre>
			{{3DOneFace
			\| tilt-ud = yes
			\| random = yes
			\| angle = 45
			\| 1 = [[File:Hunky_edit.mp4\|200px]]
			}}
			</pre>

			'''Test using a file.'''
			{{3DOneFace
			\| tilt-ud = yes
			\| random = yes
			\| angle = 45
			\| 1 = [[File:Hunky_edit.mp4\|200px]]
			}}

			'''Test using a text.'''
			<pre>
			{{3DOneFace
			\| tilt-ud = yes
			\| random = yes
			\| angle = 20
			}}
			</pre>

			{{3DOneFace
			\| tilt-ud = yes
			\| random = yes
			\| angle = 20
			}}

	== Parameters ==		== Parameters ==
	~~{\| class~~=~~"wikitable"~~		* '''1''' = Content to display.
	~~! Parameter !! Purpose !! Default~~		* '''tilt-lr''' = Look left/right. <code>yes</code> or <code>no</code>. (Default: <code>yes</code>)
	\|-		* '''tilt-ud''' = Nod up/down. <code>yes</code> or <code>no</code>. (Default: <code>no</code>)
	~~\| <code>{{{1}}}</code> \|\|~~ Content to ~~animate (text or file) \|\|~~ ''~~required~~''		* '''angle''' = Number value for max rotation angle. (Default: <code>30</code>)
	\|-		* '''random''' = <code>yes</code> or <code>no</code>. Snaps suddenly instead of smooth swinging. (Default: <code>no</code>)
	\| <code>~~intensity~~</code> ~~\|\| Tilt strength:~~ <code>~~low~~</code>, <code>~~normal~~</code>, <code>~~high~~</code> \|\| <code>~~normal~~</code>		* '''size''' = Optional hardcoded width/height box size.
	\|-
	\| <code>~~speed~~</code> ~~\|\| Animation cycle duration in seconds \|\|~~ <code>3</code>
	\|-
	\| <code>~~pause~~</code> ~~\|\| Set to~~ <code>~~yes~~</code> ~~to disable hover snap-flat \|\|~~ <code>no</code>
	\|}

	== ~~Examples ==~~
	~~<pre>{{3DOneFace\|look at me moving around!!}}<~~/~~pre>~~
	~~<pre>{{3DOneFace\|[[File:Example~~.~~png\|64px]]\|intensity=high\|speed=2}}</pre>~~

	[[Category:Animation templates]]		[[Category:Animation templates]]
	</noinclude>		</noinclude>

SomebodyRum: testing

2026-04-18T16:06:42Z

testing

New page

<includeonly>

<templatestyles src="Template:3DOneFace/styles.css"/>

<span class="onef-wrapper {{#switch:{{{intensity|normal}}}
|low=onef-low
|normal=onef-normal
|high=onef-high
|#default=onef-normal
}} {{#ifeq:{{{pause|}}}|yes|onef-nohover|}}" style="--onef-speed:{{{speed|3}}}s;">

<span class="onef-face">{{{1|}}}</span>
</span>
</includeonly>

<noinclude>
== Usage ==
<pre>{{3DOneFace|your text here}}</pre>

== Parameters ==
{| class="wikitable"
! Parameter !! Purpose !! Default
|-
| <code>{{{1}}}</code> || Content to animate (text or file) || ''required''
|-
| <code>intensity</code> || Tilt strength: <code>low</code>, <code>normal</code>, <code>high</code> || <code>normal</code>
|-
| <code>speed</code> || Animation cycle duration in seconds || <code>3</code>
|-
| <code>pause</code> || Set to <code>yes</code> to disable hover snap-flat || <code>no</code>
|}

== Examples ==
<pre>{{3DOneFace|look at me moving around!!}}</pre>
<pre>{{3DOneFace|[[File:Example.png|64px]]|intensity=high|speed=2}}</pre>

[[Category:Animation templates]]
</noinclude>