andrea/homework5
1
0
Fork 10
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

20243197 #12

Closed
20243197 wants to merge 30 commits from 20243197/20243197:20243197 into 20243197
pull from: 20243197/20243197:20243197
merge into: andrea:20243197
Conversation 0 Commits 30 Files Changed 16 +49 -33
3 changed files with 49 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 24c9a9968b - Show all commits

BIN
assets/Text_IS_0.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 296 B

7
index.html
View File

@ -5,9 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.2/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.2/addons/p5.sound.min.js"></script>
<!-- <script src="lib/p5.play.js" type="text/javascript"></script> -->
<script src="https://cdn.jsdelivr.net/gh/molleindustria/p5.play/lib/p5.play.js"></script>
<script src="./main.js"></script> <script src="./main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.2/p5.js"></script>
<script language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.8/addons/p5.sound.js"></script>
</head> </head>
<body> <body>

63
main.js
View File

@ -2,18 +2,27 @@
const tileSize = 16; const tileSize = 16;
// Sprites // Sprites
const baba = 2; let baba;
let tile, wall, rock, water, lava, flag;
let win, you, move, stop;
// CaracterMove // CaracterMove
const babaX = 0; let babaX = 0;
const babaY = 0; let babaY = 0;
// Sounds // Sounds
let bgm, winSound; let bgm, winSound;
let isPlaying = false; let isPlaying = false;
function preload(){ function preload(){
bgm = loadSound("/assets/Baba Is You OST - Baba Is You Theme.mp3") bgm = loadSound("/assets/Baba Is You OST - Baba Is You Theme.mp3");
baba = loadImage("/assets/Baba.webp");
tile = loadImage("/assets/Tile.webp");
wall = loadImage("/assets/Wall.webp");
rock = loadImage("/assets/Rock.webp");
water = loadImage("/assets/Water.webp");
lava = loadImage("/assets/Lava.webp");
flag = loadImage("/assets/Flag.webp");
} }
function setup(){ function setup(){
@ -23,8 +32,10 @@ function setup(){
function draw(){ function draw(){
// backgroundMusic(); // backgroundMusic();
background(51);
fill(255, 204, 0); fill(255, 204, 0);
square(babaX, babaY, 16); image(baba, babaX, babaY, tileSize, tileSize);
// squasre(babaX, babaY, tileSize);
} }
@ -46,38 +57,40 @@ function mousePressed(){
// Move ASDW // Move ASDW
function keyPressed(){ function keyPressed(){
console.log(`key ${key} is pressed.`) console.log(`key ${key} is pressed.`)
if(keyCode == 32){ // if(keyCode == 32){
if(isPlaying){ // if(isPlaying){
isPlaying = false; // isPlaying = false;
}else{ // }else{
isPlaying = true; // isPlaying = true;
} // }
console.log(isPlaying); // console.log(isPlaying);
} // }
const maxX = width - tileSize;
const maxY = height - tileSize;
if(key=='a'||key=='A') { if(key=='a'||key=='A') {
if (babaX - tileSize >= 0) {
babaX -= tileSize; babaX -= tileSize;
console.log('Left'); console.log('Left');
} }
}
if(key=='s'||key=='S') { if(key=='s'||key=='S') {
babaY -= tileSize; if (babaY + tileSize <= maxY) {
babaY += tileSize;
console.log('Down'); console.log('Down');
} }
}
if(key=='d'||key=='D') { if(key=='d'||key=='D') {
if (babaX + tileSize <= maxX) {
babaX += tileSize; babaX += tileSize;
console.log('Right'); console.log('Right');
} }
}
if(key=='w'||key=='W') { if(key=='w'||key=='W') {
babaY += tileSize; if(babaY - tileSize >= 0){
babaY -= tileSize;
console.log('Up'); console.log('Up');
} }
}
//limit BABA's movements
// if(ghost.position.x < 0)
// ghost.position.x = 0;
// if(ghost.position.y < 0)
// ghost.position.y = 0;
// if(ghost.position.x > SCENE_W)
// ghost.position.x = SCENE_W;
// if(ghost.position.y > SCENE_H)
// ghost.position.y = SCENE_H;
} }