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;
+}