|
|
|
@@ -17,42 +17,167 @@ |
|
|
|
<!--<link rel="stylesheet" href="../../mods/Pixi/style.css" type="text/css" />--> |
|
|
|
<style type="text/css" style="display: none;" rel="stylesheet"> |
|
|
|
body {text-align: left; background-color: #8a704e; animation-name: background-fade-in; animation-duration: 3s;} |
|
|
|
footer {text-align: right; width: 96%; border: 4px; border-style: solid; border-color: #fdce72; padding: 0.5%; padding-left: 1%; padding-right: 1%; margin-left: 1%; margin-right: 1%; background-color: #d98c61; animation-name: foreground-fade-in; animation-duration: 3s;} |
|
|
|
.content-wrapper {width: 96%; padding: 1%; margin: -1% 1% -1.5% 1%; border:0px; border-left: 4px; border-right: 4px; border-style: solid; border-color: #fdce72; background-color: #d98c61; animation-name: foreground-fade-in; animation-duration: 3s;} |
|
|
|
.content-title {text-align: center; font-size: 120%;} |
|
|
|
.content-text {} |
|
|
|
/* I feel like a kid messing around with Flash animations */ |
|
|
|
@keyframes background-fade-in { from {background-color: #d98c61;} to {background-color: #8a704e;}} |
|
|
|
@keyframes foreground-fade-in { from {background-color: #8a704e; border-color: #8a704e;} to {background-color: #d98c61; border-color: #fdce72;}} |
|
|
|
@keyframes swoop { from {bottom: 0;} to {bottom: 110%;}} |
|
|
|
footer {text-align: right; width: clamp(100px, 96%, 1600px); border: 4px; border-style: solid; border-color: #d98c61; margin: auto; background-color: #ffd072; animation-name: foreground-fade-in; animation-duration: 3s;} |
|
|
|
.content-wrapper {width: clamp(100px, 96%, 1600px); padding: 0; margin: auto; border:0px; border-left: 4px; border-right: 4px; border-style: solid; border-color: #d98c61; background-color: #ffd072; animation-name: foreground-fade-in; animation-duration: 3s;} |
|
|
|
.content-title {text-align: center; font-size: 400%; font-weight: bold; padding-top: 1%;} |
|
|
|
.content-subtitle {text-align: center; font-size: 150%; vertical-align: middle;} |
|
|
|
.content-header {text-align: left; padding: 1%; padding-left: 12%; padding-top: 2%; font-size: 250%; vertical-align: middle; font-weight: bold; background-image: linear-gradient(to right, #d98c61FF, #ffd07200, #ffd07200);} |
|
|
|
.content-img-header {text-align: left; padding-left: 12%; padding-bottom: 1%; margin-top: -5%; font-size: 250%; vertical-align: middle; font-weight: bold;} |
|
|
|
.content-text {padding: 1%; line-height: 142%;} |
|
|
|
.tab { margin-left: 40px; } |
|
|
|
/* I feel like such a kid messing around with animations */ |
|
|
|
@keyframes background-fade-in { from {background-color: #ffd072;} to {background-color: #8a704e;}} |
|
|
|
@keyframes foreground-fade-in { from {border-color: #8a704e;} to {border-color: #d98c61;}} |
|
|
|
@keyframes swoop { from {bottom: -50%;} to {bottom: 110%;}} |
|
|
|
</style> |
|
|
|
<title>Pixi</title> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div class="content-wrapper"> |
|
|
|
<div class="content-title"> |
|
|
|
<h1>Page Title</h1> |
|
|
|
<h5>Brief page description or flavour text.</h5> |
|
|
|
<div style="width: 100%; background-image: linear-gradient( #FFFFFF00, #FFFFFF00, #ffd072FF ), url('../../mods/Pixi/pixi-world1-1-banner.png'); background-size: 100%; background-position: bottom; background-repeat: no-repeat;"> |
|
|
|
<img src="../../mods/Pixi/pixi-world1-1-banner.png" width="40%" style="visibility: hidden;" /> |
|
|
|
<div class="content-title" id="pixi-title"> |
|
|
|
<div style="text-align: center;"> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="8%" style="vertical-align: middle;" /> |
|
|
|
<span style="vertical-align: middle;">Pixi</span> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="8%" style="vertical-align: middle; -webkit-transform: scaleX(-1); transform: scaleX(-1);" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="content-wrapper"> |
|
|
|
<div class="text-embiggening"> |
|
|
|
<p>Pixi information goes here. |
|
|
|
For now, this is just useless text that I spent a bit too much time typing out. |
|
|
|
Once, there was a young swallow-tail butterfly named Bob. |
|
|
|
Bob was a cool butterfly, until one day some guy came after him. |
|
|
|
The guy was well-known in the modding community for making cool mods that involved snakes and termites (terminals?). |
|
|
|
The guy wanted to make a logo, so he ripped Bob's wings off and used the wings to create the logo for Pixi. |
|
|
|
Pixi is a Gamecraft mod for converting a variety of stuff into Gamecraft blocks. |
|
|
|
And thus Pixi was born, amen. |
|
|
|
<div class="content-subtitle"> |
|
|
|
<span>Convert images, Robocraft bots and more into Gamecraft blocks.</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="content-text" id="pixi-intro-p"> |
|
|
|
<p><span class="tab"></span> |
|
|
|
Pixi adds new commands to Gamecraft's command line to import images, and other stuff, into a game. |
|
|
|
Since Pixi places vanilla Gamecraft blocks, imported files should be visible without Pixi installed. |
|
|
|
See the background image above this? |
|
|
|
That's a picture of Super Mario Bros World 1-1 in Gamecraft using the <i>Pixi2D</i> command for image importing. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="content-header" id="pixi-installation"> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="4%" style="vertical-align: middle;" /> |
|
|
|
<span style="vertical-align: middle;">Installation</span> |
|
|
|
</div> |
|
|
|
<div class="content-text" id="pixi-installation-p"> |
|
|
|
<p><span class="tab"></span> |
|
|
|
Before installing Pixi, please patch Gamecraft with |
|
|
|
<a href="https://git.exmods.org/modtainers/GCIPA/releases">GCIPA</a> and install the latest version of |
|
|
|
<a href="https://git.exmods.org/modtainers/GamecraftModdingAPI/releases">GamecraftModdingAPI</a>. |
|
|
|
|
|
|
|
Once that's done, download <a href="https://git.exmods.org/NGnius/Pixi/releases">Pixi's latest release</a> |
|
|
|
and then copy <i>Pixi.dll</i> into the Plugins folder in Gamecraft's main folder. |
|
|
|
Alternately, follow the <a href="https://www.exmods.org/guides/install.html" title="link to installation guide">install guide</a> |
|
|
|
(ignore the part about a zip file -- move <i>Pixi.dll</i> into the Plugins folder instead). |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div style="width: 100%; background-image: url('../../mods/Pixi/rc-pixi-gc2.png'); background-size: 100%; background-position: bottom; background-repeat: no-repeat;"> |
|
|
|
<img src="../../mods/Pixi/rc-pixi-gc2.png" width="100%" style="visibility: hidden; vertical-align: middle;" /> |
|
|
|
<div class="content-img-header" id="pixi-robots"> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="4%" style="vertical-align: middle;" /> |
|
|
|
<span style="vertical-align: middle;">Robot Importing</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="content-text" id="pixi-robots-p"> |
|
|
|
<p> |
|
|
|
<i><b>PixiBot "[bot search text]"</b></i> downloads the first search result from Robocraft's community Factory and places it beside you. |
|
|
|
<br/><br/> |
|
|
|
<i><b>PixiBotFile "[bot filename]"</b></i> converts a bot from <a href="https://github.com/NGnius/rcbup">rcbup</a> to blocks and places it beside you. |
|
|
|
</p> |
|
|
|
<p><span class="tab"></span> |
|
|
|
In the previous commands, anything between (and including) <i><b>[</b></i> and <i><b>]</b></i> is a command argument that you must replace. |
|
|
|
Do not remove the quotation marks -- those are required for the command to work. |
|
|
|
These commands also have a hidden scaling property which is set to 3 by default. |
|
|
|
Changing the scaling will disable conversion for all Robocraft blocks except simple blocks. |
|
|
|
</p> |
|
|
|
<p><span class="tab"></span> |
|
|
|
For example, if you want to import a robot from the CRF called Pixi Art, execute the command <span style="display:inline-block;"><i><b>PixiBot "Pixi Art"</b></i></span> to load the robot into your Gamecraft game world. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div style="background-image: url('../../mods/Pixi/img-pixi-gc2.png'); background-size: 100%; background-position: bottom; background-repeat: no-repeat;"> |
|
|
|
<img src="../../mods/Pixi/img-pixi-gc2.png" width="100%" style="visibility: hidden; vertical-align: middle;" /> |
|
|
|
<div class="content-img-header" id="pixi-images"> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="4%" style="vertical-align: middle;" /> |
|
|
|
<span style="vertical-align: middle;">Image Importing</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="content-text" id="pixi-images-p"> |
|
|
|
<p> |
|
|
|
<i><b>Pixi2D "[image filename]"</b></i> converts an image to blocks and places it beside you. |
|
|
|
High-opacity (>75%) pixels are converted to the block you're holding, medium-opacity (>50%) pixels are converted to glass and low-opacity (<50%) pixels are skipped. |
|
|
|
<br/><br/> |
|
|
|
<i><b>PixiText "[image filename]"</b></i> converts an image to text and places a text block with that text beside you. |
|
|
|
<br/><br/> |
|
|
|
<i><b>PixiConsole "[image filename]" "[text block id]"</b></i> converts an image to text and places a console block beside you which changes the specified text block. |
|
|
|
</p> |
|
|
|
<p><span class="tab"></span> |
|
|
|
In the previous commands, anything between (and including) <i><b>[</b></i> and <i><b>]</b></i> is a command argument that you must replace. |
|
|
|
Do not remove the quotation marks -- those are required for the command to work. |
|
|
|
These commands assume that the specified image is in the same folder as Gamecraft. |
|
|
|
If your image is in a different folder, please provide the full filepath (eg C:\path\to\image\my_image.png) and put a @ before the quotation marks. |
|
|
|
The <i><b>Pixi2D</b></i> command also has a hidden rotation property. |
|
|
|
By default, the image will be placed along the xy-plane (rotation 0,0,0). |
|
|
|
</p> |
|
|
|
<p><span class="tab"></span> |
|
|
|
For example, if you want to import an image called <i>pixi_art.png</i> that's stored in Gamecraft's installation directory, execute the command <span style="display:inline-block;"><i><b>Pixi2D "pixi_art.png"</b></i></span> to load the image as blocks. |
|
|
|
It's important to include the file extension, since Pixi isn't capable of any black magic. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="content-header" id="pixi-dev"> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="4%" style="vertical-align: middle;" /> |
|
|
|
<span style="vertical-align: middle;">Development</span> |
|
|
|
</div> |
|
|
|
<div class="content-text" id="pixi-dev-p"> |
|
|
|
<p><span class="tab"></span> |
|
|
|
You don't have to be a developer to help out! Please read the <a href="https://git.exmods.org/NGnius/Pixi#user-content-development">Development section</a> of Pixi's README if you're interested in contributing to Pixi. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="content-header" id="pixi-ack"> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="4%" style="vertical-align: middle;" /> |
|
|
|
<span style="vertical-align: middle;">Acknowledgements</span> |
|
|
|
</div> |
|
|
|
<div class="content-text" id="pixi-ack-p"> |
|
|
|
<p><span class="tab"></span> |
|
|
|
PixiBot uses the Factory to download robots, which involves a partial re-implementation of |
|
|
|
<a href="https://github.com/NGnius/rcbup">rcbup</a>. |
|
|
|
Robot parsing uses information from |
|
|
|
<a href="https://github.com/dddontshoot/RoboCraftAssembler">RobocraftAssembler</a>. |
|
|
|
</p> |
|
|
|
<p><span class="tab"></span> |
|
|
|
Gamecraft interactions use the <a href="https://git.exmods.org/modtainers/GamecraftModdingAPI">GamecraftModdingAPI</a>. |
|
|
|
</p> |
|
|
|
<p><span class="tab"></span> |
|
|
|
Thanks to <b>TheGreenGoblin</b>, who created the Python app for converting images to coloured square characters which inspired the <i><b>PixiConsole</b></i> and <i><b>PixiText</b></i> commands. |
|
|
|
</p> |
|
|
|
<p><span class="tab"></span> |
|
|
|
Thanks to <b>Mr. Rotor</b> for all of the Robocraft blocks used in the <i><b>PixiBot</b></i> and <i><b>PixiBotFile</b></i> commands. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="content-header" id="pixi-disclaimer"> |
|
|
|
<img src="../../mods/Pixi/pixi-logo.png" width="4%" style="vertical-align: middle;" /> |
|
|
|
<span style="vertical-align: middle;">Disclaimer</span> |
|
|
|
</div> |
|
|
|
<div class="content-text" id="pixi-disclaimer-p"> |
|
|
|
<p><span class="tab"></span> |
|
|
|
Pixi, Exmods and NGnius are not endorsed or supported by Gamecraft or FreeJam. Modify Gamecraft at your own risk. |
|
|
|
Read the <a href="https://git.exmods.org/NGnius/Pixi/src/branch/master/LICENSE">LICENSE</a> file for licensing information. |
|
|
|
Please don't sue this project or its contributors (that's what all disclaimers boil down to, right?). |
|
|
|
<br /> |
|
|
|
For more information, refer to Pixi's source repository: <a href="https://git.exmods.org/NGnius/Pixi">https://git.exmods.org/NGnius/Pixi</a> |
|
|
|
<br /><br /> |
|
|
|
Pixi is not magic and is actually just sufficiently advanced technology that's indistinguishable from magic. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<footer> |
|
|
|
exmods.org|<a href="https://git.exmods.org/ExMods/html-site">Site Repository</a>|<a href="https://exmods.org">Home</a>|<a href="https://discord.gg/2CtWzZT">Discord</a>|<a href="https://twitter.com/GamecraftMods">Twitter</a> |
|
|
|
<div style="padding: 0.5%; padding-left: 1%; padding-right: 1%;"> |
|
|
|
Pixi is developed by <a href="https://twitter.com/NGniusness">NGnius</a>|hosted on exmods.org|<a href="https://git.exmods.org/ExMods/html-site">Site Repository</a>|<a href="https://exmods.org">Home</a>|<a href="https://discord.gg/2CtWzZT">Discord</a>|<a href="https://twitter.com/GamecraftMods">Twitter</a> |
|
|
|
</div> |
|
|
|
</footer> |
|
|
|
<div style="position: relative; animation-name: swoop; animation-duration: 5s; bottom: 115%; text-align: center;"> |
|
|
|
Fly, pixi, fly! |
|
|
|
<!-- Ssshhhh! Sneaky stuff --> |
|
|
|
<div id="pixi-flight" style="position: relative; animation-name: swoop; animation-duration: 0.75s; bottom: 500%; text-align: center;"> |
|
|
|
<img src="../../mods/Pixi/pixi-double.png" width="33%" /> |
|
|
|
<script>var pfa = document.getElementById("pixi-flight"); pfa.addEventListener("webkitAnimationEnd", () => {pfa.style.display = "none"}); pfa.addEventListener("animationend", () => {pfa.style.display = "none"});</script> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
</html> |
