New mission: revamp the portals to make them look actually tolerable to the eye. They are currently placeholders as of now.
The Gold Network: Soyworld | SNCApedia | SoyPlace


I'm not dead, just inactive for the moment. Faggot (talk) 20:16, 9 April 2026 (UTC)

Template:3DOneFace: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
testing
 
mNo edit summary
 
(One intermediate revision by the same user not shown)
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="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>
</includeonly>


<noinclude>
== Usage ==
== Usage ==
<pre>{{3DOneFace|your text here}}</pre>
<code>Look at {{3DOneFace|'''this text'''|angle=45}} before continuing normally.</code>
 
'''Default behavior (Left/Right look only)'''
<pre>
{{3DOneFace|Add something here...}}
</pre>
{{3DOneFace|Add something here...}}
 
'''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>
{{3DOneFace
| tilt-lr = no
| tilt-ud = yes
| angle = 45
| 1 = Nodding Yes!
}}
</pre>
{{3DOneFace
| tilt-lr = no
| tilt-ud = yes
| angle = 45
| 1 = Nodding Yes!
}}
 
'''Random Snapping (Up/Down + Left/Right)'''
<pre>
{{3DOneFace
| tilt-ud = yes
| random = yes
| angle = 45
| 1 = [[File:Hunky_edit.mp4|200px]]
}}
</pre>
 
{{3DOneFace
| tilt-ud = yes
| random = yes
| angle = 45
| 1 = [[File:Hunky_edit.mp4]]
}}


== 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>

Latest revision as of 20:15, 18 April 2026

Add something here...

Look at this text before continuing normally.

Default behavior (Left/Right look only)

{{3DOneFace|Add something here...}}

Add something here...

Smooth Circular Rotation (Up/Down + Left/Right)

{{3DOneFace
 | tilt-ud = yes
 | angle = 30
 | 1 = Circular Motion!
}}

Circular Motion!

Nodding Only (Up/Down)

{{3DOneFace
 | tilt-lr = no
 | tilt-ud = yes
 | angle = 45
 | 1 = Nodding Yes!
}}

Nodding Yes!

Random Snapping (Up/Down + Left/Right)

{{3DOneFace
 | tilt-ud = yes
 | random = yes
 | angle = 45
 | 1 = [[File:Hunky_edit.mp4|200px]]
}}


Parameters

[edit source]
  • 1 = Content to display.
  • tilt-lr = Look left/right. yes or no. (Default: yes)
  • tilt-ud = Nod up/down. yes or no. (Default: no)
  • angle = Number value for max rotation angle. (Default: 30)
  • random = yes or no. Snaps suddenly instead of smooth swinging. (Default: no)
  • size = Optional hardcoded width/height box size.