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:3DCube: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
← Older edit
VisualWikitext
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 3: Line 3:
TEMPLATE NAME: 3DCube
TEMPLATE NAME: 3DCube
A hollow, tumbling 3D cube that accepts either a  
A hollow, tumbling 3D cube that accepts either a  
global image, or modular wikitext on its 6 faces.
global file, or modular wikitext on its 6 faces.
==================================================
==================================================


Line 20: Line 20:
PARAMETERS:
PARAMETERS:
- size: Target width/height of the cube in pixels. Defaults to 200.
- size: Target width/height of the cube in pixels. Defaults to 200.
- image: Convenience parameter. A raw filename (e.g., File.png) to display on all 6 sides.
- image: Convenience parameter. Can be an image, GIF, Audio, or Video (e.g., File.png).
- front, back, right, left, top, bottom: Arbitrary wikitext for specific faces. Overrides "image".
- front, back, right, left, top, bottom: Arbitrary wikitext. Overrides "image".
==================================================
==================================================
-->
-->
<templatestyles src="Template:3DCube/style.css"/>
<templatestyles src="Template:3DCube/style.css"/>
<div class="cc-scene" style="perspective: 600px; width: {{{size|200}}}px; height: {{{size|200}}}px;">
<div class="cc-scene" style="perspective: 600px; width: {{{size|200}}}px; height: {{{size|200}}}px;">
     <div class="cc-cube" style="transform-style: preserve-3d; transform: translateZ(-{{#expr: {{{size|200}}} / 2}}px) rotate3d(1,0,0,60deg) rotate3d(0,0,1,40deg);">
     <div class="cc-cube" style="transform-style: preserve-3d; transform: translateZ(-{{#expr: {{{size|200}}} / 2}}px) rotate3d(1,0,0,60deg) rotate3d(0,0,1,40deg);">
         <div class="cc-center" style="transform-style: preserve-3d;">
         <div class="cc-center" style="transform-style: preserve-3d;">
           
             <div class="cc-side front" style="transform: rotateY(0deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
             <div class="cc-side front" style="transform: rotateY(0deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
                {{{front|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
{{{front|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
             </div>
             </div>
           
             <div class="cc-side back" style="transform: rotateY(180deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
             <div class="cc-side back" style="transform: rotateY(180deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
                {{{back|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
{{{back|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
             </div>
             </div>
           
             <div class="cc-side right" style="transform: rotateY(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(-90deg);">
             <div class="cc-side right" style="transform: rotateY(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(-90deg);">
                {{{right|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
{{{right|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
             </div>
             </div>
           
             <div class="cc-side left" style="transform: rotateY(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(90deg);">
             <div class="cc-side left" style="transform: rotateY(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(90deg);">
                {{{left|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
{{{left|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
             </div>
             </div>
           
             <div class="cc-side top" style="transform: rotateX(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(180deg);">
             <div class="cc-side top" style="transform: rotateX(90deg) translateZ({{#expr: {{{size|200}}} / 2}}px) rotateZ(180deg);">
                {{{top|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
{{{top|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
             </div>
             </div>
           
             <div class="cc-side bottom" style="transform: rotateX(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
             <div class="cc-side bottom" style="transform: rotateX(-90deg) translateZ({{#expr: {{{size|200}}} / 2}}px);">
                {{{bottom|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
{{{bottom|{{#if:{{{image|}}}|[[File:{{{image}}}|{{{size|200}}}px]]}}}}}
             </div>
             </div>
              
              
Line 57: Line 50:
     </div>  
     </div>  
</div>
</div>
<noinclude>
<noinclude>
== Usage ==
== Usage ==
Because the template uses transparent walls, make sure any images you use are transparent PNGs or SVGs to get the best "see-through" effect.
Supports standard images, GIFs, Audio files (OGG/MP3), and Videos (MP4).


'''Convenience usage (same image on all sides):'''
'''Convenience usage (same file on all sides):'''
<pre>
<pre>
{{3DCube
{{3DCube
  | size = 150
  | size = 200
  | image = Transparent_Image.png
  | image = Some_Video.mp4
}}
}}
</pre>
</pre>


'''Mixed content override:'''
'''Mixed content override:'''
You can set a global image, but override specific sides using wikitext.
You can set a global file, but override specific sides using wikitext.  
<pre>
<pre>
{{3DCube
{{3DCube
  | size = 250
  | size = 200
  | front = [[File:Transparent_Image.png|200px]]
  | image = Standard_Block.png
| back = <span class="cc-text">HELLO<br>WORLD</span>
| left = Just some plain text!
| right = [[File:Another_Image.png|200px]]
  | top = <span class="cc-text">TOP</span>
  | top = <span class="cc-text">TOP</span>
  | bottom = <span class="cc-text">BOTTOM</span>
  | bottom = [[File:Music.ogg]]
}}
}}
</pre>
</pre>

Latest revision as of 21:02, 13 April 2026

Usage

[edit source]

Supports standard images, GIFs, Audio files (OGG/MP3), and Videos (MP4).

Convenience usage (same file on all sides): 

{{3DCube
 | size = 200
 | image = Some_Video.mp4
}}

Mixed content override: You can set a global file, but override specific sides using wikitext. 

{{3DCube
 | size = 200
 | image = Standard_Block.png
 | top = <span class="cc-text">TOP</span>
 | bottom = [[File:Music.ogg]]
}}
Retrieved from "https://www.sncapedia.org/index.php?title=Template:3DCube&oldid=30335"