modify

2025-04-17 00:33:02 +09:00 · 2025-04-17 00:33:02 +09:00 · dfc9c55db4
commit dfc9c55db4
parent bd1641c917
3 changed files with 56 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <script src="./main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.2/p5.min.js"></script>
 </head>
 <body>
 </body>
 </html>
--- a/main.js
+++ b/main.js
@ -0,0 +1,39 @@
 // alert("hello world");
 const tileSize = 16;
 const babaX = 0;
 const babaY = 0;
 function setup(){
    createCanvas(800, 400);
    background(51);
 }
 function draw(){
    fill(255, 204, 0);
    square(babaX, babaY, 16);
 }
 // Move ASDW
 function keyPressed(){
    console.log(`key ${key} is pressed.`)
    if(key=='a'||key=='A') {
        babaX -= tileSize;
        console.log('Left');
    }
    if(key=='s'||key=='S') {
        babaY -= tileSize;
        console.log('Down');
    }
    if(key=='d'||key=='D') {
        babaX += tileSize;
        console.log('Right');
    }
    if(key=='w'||key=='W') {
        babaY += tileSize;
        console.log('Up');
    }
 }
--- a/style.css
+++ b/style.css
@ -0,0 +1,3 @@
 body{
    background-color: aquamarine;
 }