vikram26

Now in this 20mins i made the opening and closing modal for a desk top icon. The UI is from SYSTEM CSS so it is easy to use as i need to copy the code from there and by writing a function boom now you can open and close functionality. The closing function is pretty simple as it finds the nearest parent with the class named window and will change the display to none. For opening it is where i used 200% of my brain i named desk top icons id as system-floder-icons so when double clicked i will take the id and remove the -icons from the id and i will end up with system-floder so with this id i can nvaigate another id same exact id which is the window itself so i can change it style from none to block some big brain time hehehe.

So i came to know about hack club rules about making a webOS and changed my changed my previous drag and drop code to the new hack club code so my net ai usage becomes 0% yayayay. And my friend who is also doing webOS gave a code i pasted it as a good boy it is just a animation that will make the website looks similar to cathode ray tube TV kinda brings back the retro vibe. Now i am trying to add a working folder structure init.

So in this devlog i have did two jobs one it to add a border-shadow since sometimes the text overlaps to the navbar and made the destop icons draggable which is the worst part i just iterate over and over until it looks good i have used claude for it tho. So basically when i click the icons i trigger the pointerdown so with that i know where is my icon relative to the cursor then i can move while moving i update the x and y pos to know where the user might drop it and i use grid system to put in place and that is it.

Added a current time in the top right corner or at the navbar which i had used a js function to extract current date into time and set an setinterval to update every 1 sec and added a trash can right now it is in center but will make a grid thing to store it. And i took so much try to finally get the macos font cause i am using tailwind css which is overriding the font in index.css so i said fuck it and i add the font to the body using the class in html itself no problem anymore,

I have created a navbar with tailwind CSS and macOS system 1 CSS. The macOS CSS has inbuilt functionality so i don’t need to reinvent the wheel instead i can call the function whenever i want so it behaves as intended without much hassle. Now need to design a basic homepage like placing icons and ability to move in a grid snap methd.

This is what i have done so far:

1. added a new interactive object that is rock you can mine it and get stone from it.
2. Added a func to collect the wood that falls off after chopping.
   3.added another func t collect stone that falls off after mining(it you look close enough you mine with axe not pickaxe as there is no sprite animation for it)
   4.Added a tree shader which shakes the tree when hit.

I should have made the function common like node manager so i can use the same script again and again now i am just writing the same code for every interactable in the next project i will try to learn and use node manager

Just made these things:

1. Added tree to the game when chopped drops a log
2. Made axe hitbox so that when player swing the axe it will collide with tree to deal damage
   3.Updating of player’s axe hitbox to different direction and co-or using the position and offset.

Now need to add a function to pick up the dropped log and add it to inventory.

Just added a door with animation to the game so when ever the player collision collides with the door collision the animation starts to play. This is how it works when player first enters the collision i play the opening animation if the player exits the body of the door i play the closing animation i will await until the animation ends and then i will default it to closed animation which is just a frame.

Just made this map this took so long to make as i animated the water and drew grass using a different method than what i did before it is something called bitmap which allowed me to draw whatever shape i want sometimes a minor adjustments but overall easy to draw.

Added a player and it’s animation so when player moves around the animation will start to play and for now added a collision shape 2d to it a rect covering the entire body maybe in future when adding rest of the map elements i will shrink the shape to fit the lower half so player don’t bump with objects with head.

Just made a kitchen map and added collision for all sides so player can’t go outside the map while implementing oh god i encountered a lot of problems i tried adding a camera2D not but it was awful and doesn’t work as i indented then i scraped the idea and adding the collision i misplaced my player’s collision box somewhere else then later i turned on visible hitbox in debugging to see what’s really happening.

Just made this new game . It is a pizzeria type game where you have to serve npcs it is almost similar to my first game but this will be made with godot 4. For now i just added a player/chef who can move in 8d. Now need to design a base level details so it looks like a shop.

Finally added the You Win/Victory page so after completing all the 7 levels and exiting through the trail the page will pop up and after 3 sec it will navigate to the main menu page so you can play again if you want. This project will be short as i am new to GODOT 4 so making a simple game and getting the hang of it is better than doing complex project at start. Maybe the next game will be somewhat bigger than this.

Added the start page to the game looks bland but hey i don’t know how to draw and updated the level mechanism intead of player easily promoted to next level when going to the end of the trail i just only unlock the exit if the player killed all the slimes in that particular level.
Need to add popup saying exit opened or closed. And a victory poge after finishing all 7 levels.

Added player health mechanism and a death overlay fade i can’t show you because if so i need to upload a video of it and i really don’t want to do it. Added sound track and pretty much that is it . The game is completed and now i just want to add more levels so rather than 3 level it will be vast so player don’t feel repetitive. I think by next devlog the game is ready to ship.

Just working on different levels so far made 3 levels it is going good with no major problem added a camera which follows you so the screen can move along with the player and got to know about collision of assets like how to make the tree trunk collide but not the with the tree leaves and Wrote levels file which automatically loads to next level when the player exits through the trail end.

I am shifted from coding in JavaScript to coding in GdScript and i am completely new to this engine so i just following a tutorial video on how to develop a game just to familiarize with it for now i just coded the player’s 8D movement and added a slime which starts to follow the player if the player is visible in it’s sight. Still there is a long way to go but you know me i am hard as a rock nothing can disrupt me. see you guys in next devlog.

Added note and in readme about the scene selection cause it confused a lot of people so when selecting you may get to know how it works and i tried to add a smooth transition from one scene to another but it was not that good so reverted it back.

Totally forgot to add scenes sprites to the game back then you can just pick it up but it will through an error while playing now fixed the problem and good to go. And also when selecting player i was just passing keys as INT correct but i need to send key - 1 so i just thinking why if i select a player another player is chose and i can’t even select the last player as it is out of bound for the array which i am being mapped so all good now you can play it and I need to hear the opinions either positive or negative.

Finally the last step is completed which is adding sound track and back ground music to the game. I hope you love the game if there are suggestion please reach out to me so in can fix/add it to the game. See you in Next game GUYS which might be a 3D GAME.

Added gas station marking so the player can be prepared for the upcoming right turn 60 means it is 6 roads ahead while 30 means 3 road ahead and i have worked on the steering mechanism a lot i admit that i have used claude for it to make the mechanism work as i don’t know how to apply physics in game and in irl too sorry. And there are two things to work on for one is audio system for that i need to get some audio and another one is I need to update the station spawning obstacle to be static 3 length long instead of dynamically adding it cause it will spawn on the same location so why need multiple instance we can just easily change the y-coord to work.

I have added Fuel station refilling mechanism so now player can go through the deviated road to fill up gas , also i have limited the max road it takes to spawn a gas station to 30 so before it was like up to infinite roads and added read me file along with guide in the start page . And when player’s gas runs out then game is instantly over instead of losing a heart. The game will ne finished soon just need to add soundtrack that is it maybe in future i will try to add multiplayer in the game.

Added a game over screen. so when player get hit three time the game overs and it will automatically navigate to main menu for another attempt and when player gets hit there is a cooldown period for 3 sec in this time the player doesn’t lose heart if he hits something and to note the invinsible period is there i added a blink effect for the player.

Have implemented collison detection using SAT test i have no idea what is this i only know AABB collision test as it is easy to understand so as a good boy i just went to AI for help it stated me you have to get Players corners and obstacles corners and just do a bunch of maths with like finding the x and y using cos,sin and angle i don’t know how it works but it works so in future i need to see a video to understand the concept fully and that is it.

Just now finished the scene page in the start page now player can select what scenes they want in game they can select more than one and deselect upto 1 so there will be minimum of 1 scene and maximum of 3 scene. you can click on the scene to select and deselect.

Added a working start page not completely but the car selection works for now you can select which car to ride now in future might only select it if you purchased it from the shop. Need to add multiplayer after finishing the main single player world.
Now want to work with scene selection.

Added a start up page for now you can click it but no outcomes will be there need to work on it like how the ui will be. Added the game thing but you can’t iteract with it need to add player who will ride there until you press start.

Added a couple of obstacles at the turning point of the road so player just can’t go through easily they need to keep an eye on the station for refueling and tomorrow i will add marking so player can know the pump will spawn within few roads so they need to slow down a bit. it is easy to map than what i thought just while drawing check for gas staion road like this road[i+1] === “gasStation” then get the current drawn road for y and change it to your liking.

Added a marking pointing to the gas station on the raod so guys there is sign so look clearly else you lose your pump and die.

Made function to spawn obstacles so there will be obstacle every 2 seconds as the trime passes in game. Some of them are deadly meaning you can lose a life when hitting them and some are not so eyes on the road.

Now when ever you go off the road and stays like for more than 2 sec you will get lose a heart so watch out guys fore thinking you can go infinite distance without losing a life. Now need to add pothhole when driven over it you lose a heart, crack,cone and barricade when hittong those you lose a life.

Added health system but for now it shows how many life you have bigger one is one full heart while smaller one is empty heart.
Now want to think which thing and all deals damage to the player and update accordingly.

Added fuel guage bu adding it so i just made so much thing right now the first one is instead of a scale of 3 for all screen i made to calculate the scale with base of scale of 3 and i will just scale every image right now i only added a perfect calculation for ui need to change it for everything.

Added speed meter in the game so now the game will show how much speed you are going currently max you can go 500.
Next thing to do is to show how much fuel the player currently have and refill when going to the station.

Added a ui panel curently it shows no stats only it will render a cute little guy with animation loop need to add hearts,speed meter,collision and fuel bar. Then need to make a start up page where player can change their car colour and scenery. maybe just maybe i am interested like in the mood i will add a police car who will start to chase you when you gove over the speed limit like 100 or 120 then he will chase you for like some amount of time if he hit you then you lose a life. Still i don’t know how can i acheive it will
see in the future.

Finally i did it for both sides. Now the game looks like it has life.

Drew details for one side if the road now i have splitted details flat array into two matrix one for left and another for right each detail is draw from top to bottom and moves downward when ever a detail goes off the screen the detail row (last row) will be removed and replaced by a new row at the begiining.

It is a bit junky right now will update to a better spawn system using grid instead of flat array and fill the remaining gap by empty green tile set.

Added road system which is a hectic process as i dont know what to do then i set up an array along with the initial roads then when one road goes off the screen i will jsut add another and there is a gas station in here too where you can refuel your car one the road is there no functionality yet which caused a lot of problem in my maths calculation as it’s with width and height is more than of the normal one so i changed from drawing 0 to N to N to 0 and using stack height instead off actual h and blaa blaa blaaah. Finally it is working

Just a info i just scrapped the entire project now i am doing it from the first keeping some mechanism alive not a complete redo kinda but the ui i changed from a semi baked to full baked one. Now i just drew the player’s sprite in the canva along with the road but the real challenge here is the collision,road updation and police chasing you. Mainly the road cause the image is so small that i have to keep a minium of some amount of roads and update to get gasoline a type of road. Maybe if i can implemet a different scene after some time it would be cool but i don’t know how can i achieve it or just a scene selector in the start page who know what i am going to do. let see what i will do tomorrow cause it is weekend with some crazy mindset see you guys in the next one.

In this few hours i am being just coding to make this street lamp spawn and update and it looks shitty yeah i know so now what i am gonna do it just scrap everything what i did till now only the ui not the mechanism and will update the ui that comes along with the car pack.

Added a pavement area so like traffic poles and othere stuffs can take up that place instead of placing it on ground and made a spawn function little better but i am not satisfied as it is too generic i wanna make a spawn function which spawns a item based on its weight like trash can and road cracks spawn often and remaining will spawn less.

Added a random scene spawning system it will spawn sprites randomly after every 4 seconds passes and now i got to extend the road non playable area a bit so these sprites can take the space and don’t look bad.

I drew ground around the sides of the road with green color using the i, j loop and a green tile in the sprite sheet i don’t know why i chose this instead of using drawRect() in canvas but hey it works and i am fine.

I am working on the start page i am just making the game that is always running in the start page and when clicked start it will start a new game so i will add the scene and the start button and so on later just got this working and wrote some code for coin system, pause logic and game over so whenever i update the main game the start page gets updated too like the ui so i dont need to sweat a lot.

Added collision test for the cars which i did the ordinary AABB collision test it worked but it is not good as the player’s car have steering so i just went to google ai studio and asked what can i do it said do SAT test so first take corners and player’s car and colling car check whether the corners have gap if no they are colliding so wrote what the AI gave it works but i am not satisfied so i might rework this by reading some papers tomorrow good luck to me.

Added car spawn so cars can now spawn every 4 sec and i wanna make it random so it doesn’t look static and now i wanna add a lane position which i already have but with wrong x axis value so got to work on it and that is it for now. I am increasing car’s y axis every frame so it looks like it is moving.

Aww man i just spent almost 1 hour and 45 min just debugging the code. I just made the car to not go off the road so i added a check for x axis in the update player function the left side worked fine but not the right side so i was like the math is correct is correct why not it works i though it was because the right road is flipped horizontally so the math is off later i found out it was the math error i wasn’t adding the car width to the equation so the car just steered offroad. Finally figured it out the remaining time i was just adding function so i can spawn random cars in the map.

Added car and the road but when the top hidden road comes down i can see the joint part which is kind of irritating so need to work on top and i need a way to make the not move but looks like it is moving.

Worked on the movement mechanism instead of just adding value to x and y and normalizing diagonal i switched to sin and cos function so i don’t need to worry normalizing the diagonal and working of the diagonal. i think it is fluid enough for now later i will rewrite if my friend or me doesn’t feel good about it.

I just experimented with the player movement mechanism but i don’t feel good about it like it is crap right now. so i just gonna watch a youtube video to learn a better fluid mechanism and i will it. And mainly the player coordinate shouldn’t move instead the scene must move to make a illusion of player moving like what i did in flappy bird came.

Just made a updateplayer() function where the main.js file detects key presses with the detected keys i will update the player x and y position using the function when you press diagonal keys it will normalize the movement meaning the player will go slow when diagonal keys are pressed.
Now got to add scene and so on.

Just set up the basic structure for the game and made some assets edit which i got from the web and with that i made a player display function to display the character in the canvas and a resize function which will be called when the display size changes.
Now got to add a high dpr canvas along with some basic functionality of the player.

Man there is a simple bug in my code which took 48 mins to solve while i was testing in local server i had powerups like 30 or 40 so i never had the bug but while in global server it was causing the issue cause i had like 1 powerup per type the logic issue instead of checking quantity -1 >=0 to verify whether the player can use or not i was using >- 0 which i never noticed i freaked out like what what is wrong now everything is sorted and in the meantime i wrote the readme file too. Now ready to ship.
See you guys in next game.

Completed the game so you can play it right now and enjoy the game. if you want to give suggestion drop a feed back in the comment box or the github page. Now only two things are left banner and readme file.

Added the shield option it is better to play with space bar for clicking and mouse for clicking on power ups (need skill for playing in mobile phone ig 😅😂). I added a coyote timer for collision so if you collided with pipe you have 0.5 sec with no collision detection and for rockets and ground you will have 0.3sec.

Now i have added delete option for the loadout so if you want to change the current loadout and add new ones you can remove the existing one and choose whatever you want. I am able to achieve this by storing the delete button location and dimension in an array of size 3 if i draw a slot then there is a option to delete so when clicked on a delete button i know the index which is going to be deleted and i will remove the data from the code and local storage as well.

Added the local storage functionality , so whenever a skill is chosen it will get added to data so it will stay there even when page is refreshed. Now got to add cancel option for it so the player can choose another skill in place of the existing ones.

Added a gear page where you can see how much you have for each skill/powerup. And you can select any 3 from it to use it in game(still need to add the functionality to add skills to the slot).

Added the amount of quantity you currently have for each powerup with this the shop page is over.

Now when clicking on the buy button it will set the quantity to the local storage with respective power up. Now got to add the quantity display near the power up icon.

Completed the shop page. Now it handles the height dynamically if the description extends more than one line and we can scroll up to down to view the power ups in the shop. Still need to add the buy option for it.

Currently changed the shop ui into this. Need to add scroll behavior, content width and buy option.

Made this so far but i don’t quite like it cause it looks so small , I think i am going to just slow one item per col(centered) so if i make it big nothing else will be affected.

Added shop and implemented close and coin display functionality.
Now we want to add power ups and slot mechanism so the player can only able to carry three or four power ups(any quantity) to the game.

Added a overlay system for rocket so no two rocket spawn on top of each other while also allowing player to pass through a small gap if two rockets spawn nearby.
Rocket/missile speed vary from each other.

Added rocket collision and when the flappy hits the missile/rocket it draws a blast where they hit(always front of the rocket which the flappy hit).
Now we have to add music, sound effects, shop page and shop items to make life easier.

Made a rocket spawn system and making it move from right to left. Want to add collision for it and increase the spawn count with increase in score.

Added a shop button and wrote some code for items then went to draw the necessary art for the shop.

Add this new badge when betting the previous high score. and fixed some logic issue in the codebase.

Added a tap animation when cicking start so the player can prep for the game.

Added a game over page and best score system using the local storage.
Now we want to add a retry option or main menu and the twist.

Added a start page and pause functionality, now got to add a lose/retry page and game over mechanism and with that i am going to add my twist i am very excited.

Added a collision check for the pipes and the ground and want to make sure the bird never zooms through the pipe when playing the game.

Added score system now there are only a few things left one is my twist and the another is AABB collision system to detect whether the player hit wall or the ground.

Added pipes just a hectic process to do , finally somehow made it work but it doesn’t offer quite a challenge now so i have to manually add height to the pipe in the sprite sheet.

Made the ground move in the opposite direction of the flappy bird. so now it looks like we are moving forward in the game but in reality we are always in a static point. i couldnt capture the moving ground in the picture.

Added background , ground and collision check when hitting the ground now wanna add pipes and the twist.

Added flappy and set his motion like it acts with gravity and tapping makes him go up and i want to make the nose dive down and up for it so we can tell he is going up or down just a visual thing.

Just added a character.js where i just mapped the flappy bird positions from the sprite sheet.
Still wondering how to animate it like a full rotation or tapping makes the animation but i am thinking that i would be too slow to animate the full animation when tapping simultaneously.

Removed unused import and assets and fixed some minor bugs nothing much but i am happy within a hour or two i will ship it(cause it is launch time here). HAPPY

Added a NAN check to prevent the delta time from becoming one this issue arrise when the user switch tabs prompting the delta time to overload or become NAN at some point and when he comes back to the game it causes the npc to never spawn and cannt be interacted.

i just Refactored my entire code base by using ai. Some of you may disagree with me but you can check out my git and see that the entire code is written by me except for some calculation. The reason i did is cause i can understand what i wrote but as someone who clones my project to add something or do some changes will not understand what i wrote due to poor writings you can check my english knowledge in the commits i did,so dont hate on me it is for the welfare of you guys. i just need to add music and sound and that is it.

Finalized the layout and remaining these things are there they are canavs drawing for shop and pause button instead of html button,retry page and audio tracks after finishing this i wanna make readme file then that is it the game gonna be shipped just a few hours needed like 5 to 6 hrs max.

Added rails to stop player to go near the npcs and a cash counter.

Added two more food ttpe one is cooked hotdog and one is soup whoooohooo

Added a npc dialog box previously it was made with just html and css now it uses canvas to draw the bg and show the dialog and more. and when they lweave serverd or unserved they will display a message.

Finally gave the npc their skin and now there are around 10 different npc skin and randomly they will be spawned. Note:there is also a murderer lurking around disguised as a npc so check twice their dialog to verify it.

Updated the canvas now it shows both cooked and uncooked version

Made a function now i can draw on top of the slot to see visually how many slots occupied without looking into the modal in future if i could get a uncooked patty i will add it there.

Man wasted 30 mins into looking a bug but later found out that it wass my mistake . i sliced the pixel art image and when setting the x and y position i gave less y position that what was given leading to a pixel being generated backside of the character and my goddam friend came and fixed within 3mins.. ducking 3 mins life is unfair. i couldnt get the exact frame but you get my point.

Fixed.. when pausing the game the timer still counted after updating properly now it will no longer count when paused

Finally completed the cooking modal for grill and it is dynamic meaning i can use the same modal for every food type available

Changed the cooking modal still work in progress and add a timer animation to count down the time so sice doing it i removed how much time left from displaying lmk if you need some knid of way to see how much time left

Redoing the modals where we will cook foods to match the rest of the modals.

Finally scaled the main canvas where game renders to a proper width and height i am trying to scale with x4 instead of with x2 or x2.5 my bad now i turned out good but my head just exploded trying to figure out where i went wrong

For the past one hour i am trying to scale the canvas but i failed gonna try it out tomorrow .

Remade the shop ui to match with the rest of the pages. god it is tiring

Added a pause menu and it looks awesome to me . and it shows total play time till now.

Completed the full working of the setting page now we can adjust the sound and music volume and save it if we want or just decline to not store.

Added a setting page and a sound adjusting system where it will adjust sound by dragging the knob pretty cool right did it in canvas way harder than i thought.
Now i wanna add the same thing for music too.

Changed the main menu from just a single button to now a canvas based single button will add extra buttons like setting and that is it u may wonder why this too soo long cause getting the canvas text crystal clear is a hassle and lots off research done.

Finally i have completed the shop ui and its functionality and i am very much tired by doing this.

Made the shop bg to a canvas and took hell of a time to find the ui that doesnt looks shit when scaled and thank god i found something that looks good but doesnt match the theme but who cares it is free and i dont know how to draw. and now i wanna update the contents inside the shop to match the shop bg theme.

Added a display to show the total no=umber of cooked foods you have currently in inventory.

Added health display on the top right corner so if the player takes damages one heart will be deducted and made changes in the shop and now it shows options to buy skills for now i didnt add the ability to buy a hearth it is in the code but i want the buy a heart thing to spawn at random times when player deducted a health so that is it . i am slowly changing the ui of the game.

Added oil spill and when walking over it, it makes you slip and lose some food i didnt completed the losing food part will do it soon . My friend recommended it so i am implemeting see ya soon

Didn’t add any game image for reference as i dont have the ui for it just the console which says isKiller:true or isKiller:false so what this does is when spawning a customer i have a chance to spawn a killer he lloks like the rest of the npc but his/her dialog will be different so when serving this killer npc the player loses a heart. He can buy back the heart from the shop which is still work in progress.
After completing this and finalizing the ui i will ship the project to earn some tasty cookies see you in next devlog bye…!

Mmmm. like i said i made the npc intaractable and now we can serve or refuse orders still hasnt figured out the payout for the orders and when we refuse food/order it deducts a health and the npc disappears by doing it one more time( 2 hearts) we will lose the game and that is it now i gotta add some sound , make better placement, give npc their costumes make the modal and the canvas ui look like pixel art and link every page like retry,start,pause and quit and that is it ready to ship.
May take 10 or more hours to complete because i am a noob when it comes to ui so i will take it slow.

In this devlog i will cover what i did in almost 4hrs . now i made coin spawn to be in a circle ratter than a straight line covering the entire screen . Make retry option when you die it will be triggered and you can start to play from first and the retry page coverd the total time you have played . Made shop where you can buy upgrades and made NPC intaractable but it is not full fleged yet and i think i did most of the part by now . From now on i wanna work on some extra features,music,sound effects and make the ui better.

In this devlog i have covered some important parts the main thing is now the npc can order multiple items with multiple quantities like they will have a chance to order upto 3 foods with quantity ranging from 1 to 4 and we can now interact with the npc to serve their food still work in progress. I am super happy how it turned out.

Fixed a bug where the first npc pops up to the counter instead of walking to the counter and goddd forbid me all these time i wasnt using image-rendering=“pixelated” in the canvas now i have implemented it and it looks so crisp now.

Mmmm… i have currently implemented npc spawn and health system and it works as intended but it is not a complete system currently if the patience/time runs out of the customer one health will be deducted if health deducted 2 times the player dies but for now it just console player died later i wanna add a retry screen and want to stop the game. The npc system isnt even a good one yet currently they have the abibilty to order one type of food and one quantity of it later i want to make them order as much as they want with a upper bound and lower bound limit to the quantity.

Finally now i have a full fledged cooking system where the timer for the cooking food will be counted even if the modal is closed and the state will be bring back to previous state(when the modal closed last time ) . now i have to work with customers, ordering and upgrading the equipment. on the final stage i will update the ui like object placement and modal looks for now i am happy that everything comes together will keep on updating you guys.

Finally after hours and hours i make a dynamic modal for cooking food i can use the same modal but with different foods later i want to make sure even if the modal is closed the cooking continues. the ui is messed up right now but who cares i will look into it once the full functionality of the game works.
Happy noises😊

When clicking ‘E’ near interactables now it opens respective templates still plenty of works needs to be done in the template state management after that the project is ready to ship with some extra features.

Add a text for interaction when near to a interactable for now it will just console the object name.

made some changes to ui and listed all the assets which are going to be used.
i need suggestion do empty stove looks good or one with exhaust

Added custom collision box for each sprite displayed following aabb testing . now i am going to implement interactives.

added player animation and defined a space to walk . Now want to define walkable space by defining a function which is already there in the code but want to consider static objects too.

Currenty added a floor and player sprite which can move one tile in each direction still work in progress want to add animation when moving . Ui at the project end

update added pause menu and made coins never despawn while in pause menu and when resumed the coin continue to despawn from when they froze. now it is time to make the interactive elements

update added the start page and when clicking it resume the game mechanics moving on to pause menu . sorry for the poor images uploaded . it is currently a prototype later i will update the css

for now i have made the coin spawn system and later on wanna work on wallet system.
Any suggestions on how to improve existing system and new ones are welcomed

My first time here and here are the to-do i have to finish to get my project to ship