forked from MineClone5/MineClone5
#357 Sketch png editing python web server script
This commit is contained in:
parent
c3e208dbb0
commit
03e20912b4
|
|
@ -0,0 +1,154 @@
|
||||||
|
from http.server import BaseHTTPRequestHandler, HTTPServer
|
||||||
|
from pathlib import Path
|
||||||
|
import pprint
|
||||||
|
import time
|
||||||
|
import glob
|
||||||
|
import os
|
||||||
|
|
||||||
|
hostName = "localhost"
|
||||||
|
serverPort = 8080
|
||||||
|
|
||||||
|
paths = {}
|
||||||
|
|
||||||
|
def dump(obj):
|
||||||
|
s = ''
|
||||||
|
for attr in dir(obj):
|
||||||
|
s = s + "obj.%s = %r" % (attr, getattr(obj, attr)) + "\n"
|
||||||
|
return s
|
||||||
|
|
||||||
|
def get_png(path):
|
||||||
|
if path in paths:
|
||||||
|
return Path(pahts[path]).read_bytes()
|
||||||
|
for file in glob.glob("../**/" + path, recursive = True):
|
||||||
|
paths[path] = file
|
||||||
|
return Path(file).read_bytes()
|
||||||
|
return
|
||||||
|
|
||||||
|
def scan():
|
||||||
|
for file in glob.glob("../**/*.png", recursive = True):
|
||||||
|
basename = os.path.basename(file)
|
||||||
|
if basename in paths:
|
||||||
|
print("Duplicate texture name, please fix:\n * %s:\n - %s\n - %s\n" % (basename, paths[basename], file))
|
||||||
|
else:
|
||||||
|
paths[basename] = file
|
||||||
|
|
||||||
|
def color_picker():
|
||||||
|
return """
|
||||||
|
<canvas id="myCanvas" width="256" height="256"></canvas>
|
||||||
|
<br/>
|
||||||
|
<input type='text' size=7 id='color'/>
|
||||||
|
<script>
|
||||||
|
function componentToHex(c) {
|
||||||
|
var hex = c.toString(16);
|
||||||
|
return hex.length == 1 ? "0" + hex : hex;
|
||||||
|
}
|
||||||
|
function function_down(v, d){
|
||||||
|
if (d<=1) {
|
||||||
|
return Math.min(255, Math.floor((1-v) * d * 255))
|
||||||
|
}
|
||||||
|
return 255-Math.min(255, Math.floor(v * (2-d) * 255))
|
||||||
|
}
|
||||||
|
function function_up(v, d){
|
||||||
|
if (d<=1) {
|
||||||
|
return Math.min(255, Math.floor(v * d * 255))
|
||||||
|
}
|
||||||
|
return 255-Math.min(255, Math.floor((1-v) * (2-d) * 255))
|
||||||
|
}
|
||||||
|
function function_keep(v, d){
|
||||||
|
return Math.min(Math.floor(d*255), 255)
|
||||||
|
}
|
||||||
|
function getColorAtXY(x, y){
|
||||||
|
var x0 = (x - 128) / 128;
|
||||||
|
var y0 = (y - 128) / 128;
|
||||||
|
var alpha = 0.5 - Math.atan2(y0, x0) / 2 / Math.PI;
|
||||||
|
var sector_alpha = alpha*3;
|
||||||
|
var sector_number = 2 - Math.floor(sector_alpha);
|
||||||
|
sector_alpha = sector_alpha - Math.floor(sector_alpha);
|
||||||
|
var distance = Math.sqrt(x0 * x0 + y0*y0) * dist_mult;
|
||||||
|
if (sector_number == 0) {
|
||||||
|
return {
|
||||||
|
"r" : function_up(sector_alpha, distance),
|
||||||
|
"b" : function_down(sector_alpha, distance),
|
||||||
|
"g" : function_keep(sector_alpha, distance)
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (sector_number == 1) {
|
||||||
|
return {
|
||||||
|
"g" : function_up(sector_alpha, distance),
|
||||||
|
"r" : function_down(sector_alpha, distance),
|
||||||
|
"b" : function_keep(sector_alpha, distance)
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
"b" : function_up(sector_alpha, distance),
|
||||||
|
"g" : function_down(sector_alpha, distance),
|
||||||
|
"r" : function_keep(sector_alpha, distance)
|
||||||
|
};
|
||||||
|
};
|
||||||
|
var canvas = document.getElementById("myCanvas");
|
||||||
|
canvas.addEventListener('mousedown', function(e) {
|
||||||
|
const rect = canvas.getBoundingClientRect();
|
||||||
|
const x = e.clientX - rect.left;
|
||||||
|
const y = e.clientY - rect.top;
|
||||||
|
const color = getColorAtXY(x, y);
|
||||||
|
const rgb = '#' + componentToHex(color.r) + componentToHex(color.g) + componentToHex(color.b);
|
||||||
|
document.body.style.background = rgb;
|
||||||
|
document.getElementById('color').value = rgb;
|
||||||
|
}, false)
|
||||||
|
var ctx = canvas.getContext("2d");
|
||||||
|
var canvasData = ctx.getImageData(0, 0, 256, 256);
|
||||||
|
var dist_mult = 2 / Math.sqrt(2);
|
||||||
|
var index = 0;
|
||||||
|
for (var y = 0; y < 256; y++) {
|
||||||
|
for (var x = 0; x < 256; x++) {
|
||||||
|
var color = getColorAtXY(x, y);
|
||||||
|
canvasData.data[index++] = color.r;
|
||||||
|
canvasData.data[index++] = color.g;
|
||||||
|
canvasData.data[index++] = color.b;
|
||||||
|
canvasData.data[index++] = 255;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ctx.putImageData(canvasData, 0, 0)
|
||||||
|
</script>
|
||||||
|
"""
|
||||||
|
|
||||||
|
|
||||||
|
def get_html(path):
|
||||||
|
content = "<p>Request: %s</p>" % path
|
||||||
|
content += "<body>"
|
||||||
|
content += color_picker()
|
||||||
|
content += "<ul>Texture List:"
|
||||||
|
for key, value in paths.items():
|
||||||
|
content += "<li><a href='%s'>%s</a></li>" % (key, key)
|
||||||
|
content += "</ul>"
|
||||||
|
content += "</body></html>"
|
||||||
|
return content
|
||||||
|
|
||||||
|
class MyServer(BaseHTTPRequestHandler):
|
||||||
|
def do_GET(self):
|
||||||
|
path = self.path
|
||||||
|
if path.endswith(".png"):
|
||||||
|
content = get_png(path)
|
||||||
|
self.send_response(200)
|
||||||
|
self.send_header("Content-type", "image/png")
|
||||||
|
self.end_headers()
|
||||||
|
self.wfile.write(content)
|
||||||
|
else:
|
||||||
|
content = get_html(path)
|
||||||
|
self.send_response(200)
|
||||||
|
self.send_header("Content-type", "text/html")
|
||||||
|
self.end_headers()
|
||||||
|
self.wfile.write(bytes(content, "utf-8"))
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
scan()
|
||||||
|
webServer = HTTPServer((hostName, serverPort), MyServer)
|
||||||
|
print("Server started http://%s:%s" % (hostName, serverPort))
|
||||||
|
|
||||||
|
try:
|
||||||
|
webServer.serve_forever()
|
||||||
|
except KeyboardInterrupt:
|
||||||
|
pass
|
||||||
|
|
||||||
|
webServer.server_close()
|
||||||
|
print("Server stopped.")
|
||||||
Loading…
Reference in New Issue