Browser game

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