Compare commits

..

3 commits

Author SHA1 Message Date
Logan Gatlin d3afa597d6 Removed test email 2024-10-30 17:14:54 -05:00
Logan Gatlin 2c524fe980 fixed bug 2024-10-30 17:14:01 -05:00
adanrsantos 8df10018e7 trying to take a quadrant approach 2024-10-30 16:30:24 -05:00
3 changed files with 75 additions and 4 deletions

View file

@ -20,7 +20,6 @@ type Server struct {
} }
func main() { func main() {
Send("test body")
// Grab command line arguments // Grab command line arguments
ipFlag := flag.String("ip", "127.0.0.1", "IP address to receive traffic from") ipFlag := flag.String("ip", "127.0.0.1", "IP address to receive traffic from")
portFlag := flag.String("port", "8080", "Port 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; const canvasSize = 500;
let zoom = 1.0; let zoom = 1.0;
let baseGridCount = 500; // Base grid count at zoom = 1 let baseGridCount = 500; // Base grid count at zoom = 1
let gridCount = baseGridCount; let gridCount = 500;
let pixelSize = canvasSize / gridCount; let pixelSize = canvasSize / gridCount;
canvas.width = canvasSize; canvas.width = canvasSize;
canvas.height = canvasSize; canvas.height = canvasSize;
function updateGridCount() { function updateGridCount() {
return Math.floor(baseGridCount / zoom); // Adjust grid count based on zoom return Math.floor(gridCount / 2); // Adjust grid count based on zoom
} }
function updatePixelSize() { function updatePixelSize() {
@ -92,6 +92,7 @@ function draw(point, color) {
ctx.fillRect(point.x, point.y, pixelSize, pixelSize); ctx.fillRect(point.x, point.y, pixelSize, pixelSize);
} }
/*
canvas.addEventListener("mousedown", (e) => { canvas.addEventListener("mousedown", (e) => {
let x = e.clientX - canvas.getBoundingClientRect().left - (pixelSize / 2); let x = e.clientX - canvas.getBoundingClientRect().left - (pixelSize / 2);
let y = e.clientY - canvas.getBoundingClientRect().top - (pixelSize / 2); let y = e.clientY - canvas.getBoundingClientRect().top - (pixelSize / 2);
@ -99,7 +100,77 @@ canvas.addEventListener("mousedown", (e) => {
let point = new Point(x, y); let point = new Point(x, y);
draw(point, color); 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", () => { document.getElementById("zoomIn").addEventListener("click", () => {
if (zoom < 100.0) { if (zoom < 100.0) {
if (zoom == 1.0){ if (zoom == 1.0){
@ -117,6 +188,7 @@ document.getElementById("zoomIn").addEventListener("click", () => {
drawGrid(); // Redraw the grid with updated zoom drawGrid(); // Redraw the grid with updated zoom
}); });
/*
document.getElementById("zoomOut").addEventListener("click", () => { document.getElementById("zoomOut").addEventListener("click", () => {
if (zoom > 1.0) { if (zoom > 1.0) {
if (zoom <= 4.0){ if (zoom <= 4.0){
@ -133,3 +205,4 @@ document.getElementById("zoomOut").addEventListener("click", () => {
ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.clearRect(0, 0, canvas.width, canvas.height);
drawGrid(); // Redraw the grid with updated zoom drawGrid(); // Redraw the grid with updated zoom
}); });
*/

View file

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