GFX-Shift-Tool

[YuokiTani]

okay this is only interesting for modders who use own gfx and need shift-values but it's related to factorio.
it's not a mod and not a gfx-contributions or texture-request so it's here now.

the *.zip file contains the source-code and in bin/debug-folder the *.exe. you should check the code and compile a running version by yourself.
(you can get Microsoft Visual Studio Express 2013 - Desktop for free)

Improved PHP-version

C# Version

YT-Video shows both in Action

[L0771]

Hi, could you post the code?

Is a good tool and a big help.

[YuokiTani]

sure of course, i had yesterday corrected because it had a little error (i had thinking wrong) - now works fine

if you want download source with 5x example-pics and icons
Download here - 309 kB

to get the values - set the grid to size you have in selection-box then shift the yellow-grid in position you want. the yellow grid show how the game the image see's.

to run you need
- Apache or other Webserver with PHP - Support (if you not have index.php set in http-conf you need rename the index.php into index.html)
- enabled GD-Lib in PHP (should be standard-on)

i think about a entity/item/recipes generator with same simple code princip (php because in other language i think needs way more time), because it's painfull to copy & paste and have all options set right. i need only to think if i want a db-support (mysql or sqlite) or not. a db-support would allow handle the whole mod, calculate stuff automatic and also generate the complete mod-code from nothing, can make missing things and links between tech/items visible, rename stuff easier etc.

index.php (you know to start things - can be renamed)

index.php

Code: Select all

<?php

echo "<link type='text/css' href='style.css' rel='stylesheet'>";

$gridx = 32;
$gridy = 32;

$offx = get("offx", 0);
$offy = get("offy", 0);
$grid = get("grid", 3);

$gridc = get("g", 0);

$offxc = get("x", 0);
$offyc = get("y", 0);
$file = get("file", "pump_s.png");

$offx = $offx + $offxc;
$offy = $offy + $offyc;
$grid = $grid + $gridc;

if ($grid < 1) {
    $grid = 1;
}

include "showoverlay.php";

echo "<table align='center'>";

// controls
echo "<tr>";
//offset 2px steps ?
echo "<td>";
echo "<a href='index.php?g=0&x=0&y=-1&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/up.png' height='16px'> </a>";
echo "<a href='index.php?g=0&x=0&y=1&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/down.png' height='16px'> </a>";
echo "<a href='index.php?g=0&x=-1&y=0&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/left.png' height='16px'> </a>";
echo "<a href='index.php?g=0&x=1&y=0&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/right.png' height='16px'> </a>";
echo "</td>";

echo "<td>";
echo "<a href='index.php?g=0&x=0&y=-4&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/fast-up.png' height='16px'> </a>";
echo "<a href='index.php?g=0&x=0&y=4&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/fast-down.png' height='16px'> </a>";
echo "<a href='index.php?g=0&x=-4&y=0&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/fast-left.png' height='16px'> </a>";
echo "<a href='index.php?g=0&x=4&y=0&file=$file&grid=$grid&offx=$offx&offy=$offy'> <img src='icons/fast-right.png' height='16px'> </a>";
echo "</td>";

echo "<td>";
echo "<a href='index.php?g=1&x=0&y=0&file=$file&grid=$grid&offx=$offx&offy=$offy'> G+ </a>";
echo "<a href='index.php?g=-1&x=0&y=0&file=$file&grid=$grid&offx=$offx&offy=$offy'> G- </a>";
echo "<a href='index.php?g=0&x=0&y=0&file=$file&grid=3&offx=0&offy=0'> Reset </a>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td>Grid: $grid x $grid</td>";
echo "<td>X-Off: " . round((-$offx / 32), 2) . "</td>";
echo "<td>Y-Off: " . round((-$offy / 32), 2) . "</td>";
echo "</tr>";

echo "<tr><td colspan='5' align='center'>";
echo "<img src='temp.png'>";
echo "</td></tr>";

echo "<tr><td colspan='5' align='center'> $ixs x $iys px</td></tr>";


echo "</table>";

function get($name, $default = '') {
    $result = $default;
    if (isset($_POST[$name])) {
        $result = $_POST[$name];
    }
    else if (isset($_GET[$name])) {
        $result = $_GET[$name];
    }
    return $result;
}

showoverlay.php (included by index.php) - can merged into main if you want

showoverlay.php

Code: Select all

<?php

$img = imagecreatefrompng($file);
$size = getimagesize($file);

$ixs = $size[0];
$iys = $size[1];

$bgcolor = imagecolorallocate($img, 0, 0, 0);
imagecolortransparent($img, $bgcolor);

$gridcolor = imagecolorallocate($img, 255, 200, 20);

// outerframe
$black= imagecolorallocate($img, 25, 25, 25);
imagerectangle($img, 1, 1, $ixs-1, $iys-1, $black);

// calculate center and starting grid pos
$gc=$grid*16;
$imcx=round($ixs/2);
$imcy=round($iys/2);

$sx=$imcx-$gc;
$sy=$imcy-$gc;

for ($ylop = 0; $ylop < $grid; $ylop++) {
    for ($xlop = 0; $xlop < $grid; $xlop++) {
        $xp = ($xlop * 32) + $offx + $sx;
        $yp = ($ylop * 32) + $offy + $sy;
        imagerectangle($img, $xp, $yp, $xp + 32, $yp + 32, $gridcolor);
    }    
}

imagepng($img, "temp.png");
?>

[L0771]

I've uploaded here, i think is easier use a online server than make my own server.
The only problem is, temp.png doesn't refresh like the video, but is working.

[YuokiTani]

no problem i think i can fix this. (for the moment you can use F5 to refresh your browser)

i have not uploaded because it needs still a upload-picture function at the moment
so the only one who can add images and know the names are you.

i will make a better version asap.

[YuokiTani]

i have changed the php-version a little and have made a C# version.

the *.zip file contains the source-code and in bin/debug-folder the *.exe. you should check the code and compile a running version by yourself.
(you can get Microsoft Visual Studio Express 2013 - Desktop for free)


Improved PHP-version

C# Version

YT-Video shows both in Action

[L0771]

I like c# version
Very useful tool, remember add links to the first post

[YuokiTani]

Very useful tool, remember add links to the first post

Thanks for the hint -> changed.

[MagicLegend]

I can't get the phpversion to work. I've uploaded the files to my personal website (http://www.elska.nl/misc/fpicshift/index.php), but the buttons don't seem to do anything?

~ML

[YuokiTani]

I can't get the phpversion to work. I've uploaded the files to my personal website (http://www.elska.nl/misc/fpicshift/index.php), but the buttons don't seem to do anything?
~ML

You get a Warning on your Website ...

Code: Select all

Warning: imagepng() [function.imagepng]: Unable to open 'temp.png' for writing in /csr/www/www.elska.nl/website/misc/fpicshift/showoverlay.php on line 34

it's because how the php-version works (i'am not a pro so i choose the dirty way) ->
i take the orginal-image and paint over the grid and save this as new image and display this new temp.png ...

to fix your problem 2 ways are possible ...
1) allow the script writing the temp.png
2) make a sub-directory and allow writing into this subdirectory, change then the paths for create and show the temp.png

Note:
the Php-version is not intended for online(internet)-use ... best use is at your home-pc if you run a webserver for other reasons. then its most benefit is zoom in with a webbrowser, and easy change of images. ... so the php-version has also no upload-function and makes it useless on online-websites (upload allows possible intrusion)

i suggest using the c# -version ... should be also can compile with mono ... i had also a java-version started but arrange the GUI raise my blood-pressure and so it stops.

[NightmareInfinity]

The reason the PHP version doesn't update the picture is because you don't have an expiration time set on the image. The browser is caching the image. If you press Shift+f5 it clears the cache and shows you the updated image.

[ssilk]

You don't need to install a webserver for this. PHP includes it's own webserver.

See how to use it:
http://symfony.com/doc/current/cookbook ... lt_in.html

[ssilk]

You can ask Yuoki directly... if you are friendly he will surely help.

[RalleYTN]

Mind if I implement this code in the Modding IDE I'm currently working on?
Link to it is in my signature.

[YuokiTani]

yes, feel free to include or improve this.

[jazziebgd]

Hope you don't mind, I made a js implementation (works in browser without server) and improved upon it a little. It is tested in chrome, you can see collision and selection boxes, drag image to adjust shifts, use multiple layers etc. You can play with it on https://codepen.io/jazziebgd/full/jvwmEj/