Compare commits

..

No commits in common. "d3afa597d61ee99c259ed80d412942435d42e3f6" and "83d729a2a34cd3cbaf5225476086ef79dbf2c6f3" have entirely different histories.

3 changed files with 4 additions and 75 deletions

View file

@ -20,6 +20,7 @@ type Server struct {
}
func main() {
Send("test body")
// Grab command line arguments
ipFlag := flag.String("ip", "127.0.0.1", "IP address to receive traffic from")
portFlag := flag.String("port", "8080", "Port to receive traffic from")

View file

@ -4,14 +4,14 @@ const ctx = canvas.getContext("2d");
const canvasSize = 500;
let zoom = 1.0;
let baseGridCount = 500; // Base grid count at zoom = 1
let gridCount = 500;
let gridCount = baseGridCount;
let pixelSize = canvasSize / gridCount;
canvas.width = canvasSize;
canvas.height = canvasSize;
function updateGridCount() {
return Math.floor(gridCount / 2); // Adjust grid count based on zoom
return Math.floor(baseGridCount / zoom); // Adjust grid count based on zoom
}
function updatePixelSize() {
@ -92,7 +92,6 @@ function draw(point, color) {
ctx.fillRect(point.x, point.y, pixelSize, pixelSize);
}
/*
canvas.addEventListener("mousedown", (e) => {
let x = e.clientX - canvas.getBoundingClientRect().left - (pixelSize / 2);
let y = e.clientY - canvas.getBoundingClientRect().top - (pixelSize / 2);
@ -100,77 +99,7 @@ canvas.addEventListener("mousedown", (e) => {
let point = new Point(x, y);
draw(point, color);
});
*/
canvas.addEventListener("mousedown", (e) => {
let x = e.clientX - canvas.getBoundingClientRect().left - (pixelSize / 2);
let y = e.clientY - canvas.getBoundingClientRect().top - (pixelSize / 2);
if (x > 249){
if (y < 250){
console.log("Quadrant 1");
console.log("Previous Grid Size:", gridCount);
console.log("Previous PixelSize:", pixelSize);
gridCount = updateGridCount();
pixelSize = updatePixelSize();
console.log("Updated Grid Size:", gridCount);
console.log("Updated PixelSize:", pixelSize);
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawStoredPixels(1);
}
else{
console.log("Quadrant 4");
}
}
else{
if (y < 250){
console.log("Quadrant 2");
}
else{
console.log("Quadrant 3");
}
}
console.log("This is where the user clicked to zoom:", x);
console.log("This is where the user clicked to zoom:", y);
});
const pixelData = {};
function storePixel(x, y, color){
pixelData[`${x},${y}`] = color;
}
for (let i = 0; i < 500; i++){
storePixel(i, 250, '#0000FF');
storePixel(i, i, '#FF0000');
storePixel(i, 499 - i, '#FFFF00');
storePixel(250, i, '#FF6600')
}
function drawStoredPixels(quadrant) {
if (quadrant == 1){
for (const [key, color] of Object.entries(pixelData)) {
const [x, y] = key.split(',').map(Number);
if (x >= 250 && x <= 499 && y >= 0 && y <= 249) {
const pixelCanvasPos = new Point(x, y);
ctx.fillStyle = color;
console.log(pixelCanvasPos);
draw(pixelCanvasPos, color);
}
}
}
else{
for (const [key, color] of Object.entries(pixelData)) {
const [x, y] = key.split(',').map(Number);
const pixelCanvasPos = new Point(x, y);
ctx.fillStyle = color;
draw(pixelCanvasPos, color);
}
}
}
drawStoredPixels();
/*
document.getElementById("zoomIn").addEventListener("click", () => {
if (zoom < 100.0) {
if (zoom == 1.0){
@ -188,7 +117,6 @@ document.getElementById("zoomIn").addEventListener("click", () => {
drawGrid(); // Redraw the grid with updated zoom
});
/*
document.getElementById("zoomOut").addEventListener("click", () => {
if (zoom > 1.0) {
if (zoom <= 4.0){
@ -205,4 +133,3 @@ document.getElementById("zoomOut").addEventListener("click", () => {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawGrid(); // Redraw the grid with updated zoom
});
*/

View file

@ -157,6 +157,7 @@ func (s *Server) handle_confirmation(w http.ResponseWriter, r *http.Request) {
http.ServeFile(w, r, "./static/confirmation.html")
}
case http.MethodPost:
code := r.FormValue("code")
default:
}
}