vikram26

Fixed the scaling mechanism for the NPC cars so the speed is now relative to the player speed and the zoom level. Before the cars would zoom past at higher zoom and crawl at lower zoom now it is consistent across all zoom levels.
Added individual car speeds to each NPC car so the traffic feels more alive. Same direction cars overtake the player and opposite direction cars come at a reasonable speed.
Fixed the lane centering for NPC cars. Lane 1 was off center due to the dirt shoulder being counted as road. Added a road offset ratio to trim the dirt and center the cars within the actual tarmac.
Added gradual traffic increase so the game starts calm and gets busier every 20 seconds down to a minimum spawn delay of 0.8 seconds.
Added spawn collision prevention so NPC cars dont stack on top of each other on spawn using a buffer check before pushing to the array.
Fixed the collision system which was going completely rogue. The SAT collision was using wrong angles for obstacles and NPC cars. Obstacles are axis aligned so they get angle 0 and NPC cars use their own facing instead of the player facing.
Fixed rogue hits on the first frame by checking NAN check.
Fixed the offroad damage check to use the player center point instead of edges so grazing the road border doesnt instantly trigger damage.
Fixed the fuel bar scaling so it stays in the correct position across all zoom levels using screen relative positioning instead of magic number ratios that only worked at one scale.
Moved to a uiScale separate from the game scale so the dashboard panel feels right sized without affecting the game world scaling.

This is a long devlog and FT is near maybe a couple more devlogs ahead and i am pretty much done with the FT but not with the game might move this game idea to a game engine to add more mechanism easily. Right now it is very difficult to manage this in the web.

Lets dive deeper into what i have accomplished so far.

1. Made a new Panel for the game buttons to sit on. Like i stole it from itch.io but hey keep it silent okay.
2. So i redrew the buttons using the current style which is kinda basic like x and y goes here and there when drawing. Like how i center the buttons relative to the screen is by counting how many buttons and adding each button dimension along with gap to have a final height divide it and start adding the buttons.
3. Redrew the scene selecting page now it states clearly the idea behind the page and made the image displaying on the cute little frame they have looks cool right i know hahha. Selecting a scene highlights the frame by a yellow stroke/glow.
4. Redrew the car selecting page nothing much changed it follws the basic grid style but computed the grid position now more cleanly than before so less janky code and once again selecting a car highlights around the frame.
5. Added a prefect guide page kinda vibrant right but i looks so cool to look and keep in track. Covers most of the game mechanism not completely tho sadddd.
   6.Added a scaling mechanism. Before i had a scaling mechanism which also scales the assets used but it was not consistent acroos many screens but now i added a cleaner version kinda like integer scaling having a base width and height and drawing init and scale them to fit the screen by having a scale which scales minimum.
6. So far i added the scaling mechanism to the start page and the scenes file like road,details,obstacles and i need to add scaling to other places like npc cars and player dashboard.

So i have around 10hrs left and i am running low on time and it is currently MIDNIGHT so i need to go to sleep and wakeup

In this devlog i have made my first vs code extension and published it to the vs code market place.
I have learnt how to setup a extension for development, export it as .VSIX file and publish it to the market place.
I have made three cases as of now.

1. Make a lower case function -> turns all the selected text to lower case.
2. Make a upper case function -> turns all the selected text to upper case.
3. Make a title case function -> takes separator “ “,”-”,”_” with out these separator the function will not differentiate the word that is highlighted by the cursor. In future without separator i will make it work by a complex algorithm that i came to know about which compares split text to a dictionary.
   To turn selected text to UPPER CASE -> use this shortcut -> CTRL + SHIFT + U.
   To turn selected text to LOWER CASE -> use this shortcut -> CTRL + SHIFT + L.
   To turn selected text to TITLE CASE -> use this shortcut -> CTRL + SHIFT + T.

In this devlog we are going to cover about auto money credit system.

1. i have made so that the auto credit system fires up by 1% for every 0.10 seconds passed so if it reaches 100% it will credit you 1 coin and reset the percentage back to zero.
2. Adding a like bar you can see it right next to the percentage bar still working on it will finish it once it is full fledged.

The UI are not yet fixed but these gonna be the basic blocks of it will just change the pos where it will be no styling changes will be applied.
Then after completing the ui needs to add enemy to the game to defend the castle.

Just made some fun experiments with the game to find some standing point i think the scope for this project is kinda getting out of hand so i need to do something right bow which is to change the game c=mechanism instead of farming it is going to be tree farming/lumber so the player will spawn in collect woods that are spawned randomly and within the time how much he coolects it will be the score he/she has to beat the current best score.

in this devlog we are going to cover some interesting thing that i have done so far.

1. Added clouds so now it will spawn the clouds randomly there are around 6 cloud style and i made them to spawn in the size ranging from 0.5 to 2 in size.
2. Added a speed variable to the cloud it doesn’t feel static instead it feels more lively.
3. When night comes out i just made the cloud to have darker in color so like when sun goes out no light to shine right so kinda a great choice tho.
4. Added moon so it will shine more with passing in time and decrease in shine when the day is about to break out.
5. Added a hour display so you will know what time of the day it is.
6. Added a coin/money display the coin is animated so it will animates throughout the play.

I have made the basic structure of the game till now. This game is going to be a defending game from the alien invasion in the medieval times.
So far i have added the resize functionality to the game so it almost looks the same when the screen size changes and added a castle with 2 two flags animated.
Added a sky that is currently taking the full canvas width and i need to add clouds to it.
So it feels like a living things rather than looking static.
Need to add ground to it but i am not settled for a good one yet but will add it once i feel the right texture to it.

This is going to be a very long devlog as i was travelling i couldn’t regularly keep on updating through the devlog but i was constantly committing so i think i somewhat did a good job.

This devlog is kinda long but i don’t remember what i did haha funny me but lets try to bring the main attention to the important changes.

1. I have successfully implemented a the font size,lineheight,width of the computer inside for defining the content based on scale before i just hardcoded values based on my screen so if your screen smaller or larger than mine the text going to be drawn incorrectly i tried here if still it messes the responsiveness i need to approach a different solution.
2. Added a laser button. In the down below levels with lasers have a red button next to them so if are trying to pass some oath that have lasers in them you need to turn it off first. You can do it by stepping on the laser for 0.5 seconds to turn off the laser.
3. The buffer zone for the laser and player collision is increased. So you only get stunned if you go really close to the laser.
4. The buffer for the player side has been increased i didn’t know the side had some extra space that the collision checker considered it as the player so i removed the extra space from the calculation by adding the sideOffset variable to it.
5. Made the shop dynamically update the displaying upgrades now i have made the shop to display two random upgrades out of the 5 it has so a variety and doesn’t feel like you are upgrading the same thing for multiple times.
6. Added a total orb collected count in the shop as some of you mentioned it is difficult to know how much orb i needed to collect now go easy as i just added it. Quality of life there man. Feel free to criticize me more(only constructive criticism allowed).
7. Added three more new levels it kinda looks awesome to me but it is really up to you. am i right?.

I think so i covered most of them some are just fixing the existing bug.
oh shoot wordlimit ha

This is a long devlog. i kinda felt very tired to do a devlog but i have committed the progress to github regularly.

1. I have managed to do portal in the game it will have a from portal and a to portal so whenever the player stands on any one of the portal it will always drop you to it’s partner portal it will take 2full seconds to teleport you from one portal to another and 1 second of cooldown so you have to manage the time perfectly.
2. I have now scaled the size of the game to the user’s screen size back then it will always display 512x512 it is still the base but if the screen is larger the game size will be larger.
3. I have made the text and info displays to match the new display but i forgot that it needs to be a variable co-ords and size instead of hardcoding the value in my side need to change this.
4. Added a particle effect to the orb so now at random times the orb will have a particle spawned next to it and will disappear
   after 1.5 seconds just a feel of life in it.
5. Added lasers to the game it will block you from going to the next part by zapping you whenever you get hit you will play a stunned animation for 2 seconds so the player must turn off the laser before bypassing it.
6. Need to add a button and collision check for the laser.

This is a long devlog sit back and listen buddy.

1. Made a level 2 so a variety is introduced thanks my friend Sanjeevi for doing the layout for it.
2. When completing the level 2 there is no level 3 yet so it cycles back to level 1.
3. The Shop upgrades and the UI is finally down. Looks like a bored monitor to me.
4. You can see the level 2 which is not a rectangular in shape and it looks cool.
5. Made a time remaining bar at top of the level so you can see how time left to gather the orbs.
6. Death animation is made so when you die the crt monitor pops up and say game over and i love the UI so much.
7. After click to continue in the death screen you will be taken back to level 1 will all upgrades and money stripped from you cause you are being a greedy little chicken.
   That is it from my side and from tomorrow or day after tomorrow i will start to add new levels and mechanics.

In this devlog we are going to cover about the shop.

1. Well i have added shop in between each level to buy upgrades.
2. The upgrades are going to cost the same no matter what they are.
3. Once a upgrade is bought the entire price going to get increased no matter what you bought.
4. You can select a upgrade by the keys mentioned below each upgrade ‘E’ or ‘F’.
5. After selecting you can see a difference between the selected and not selected like a little green vertical bar appears for selected one and doesn’t for unselected one.
6. When selecting a upgrade with no sufficient balance a message will pop up saying insufficient balance and will disappear after 2 sec.
7. You can deselect the upgrade by pressing ESC button.
8. Click the space bar to continue to the next level.

In this devlog we are gonna cover exciting thing.

1. I have successfully added collision
2. Collision for walls and objects are added through by taking the cell in which the object is drawn like row and col and after taking we compare the player’s position by considering him as a cell too when overlap we stop the player from moving into it.
3. Orbs collection for orbs too it is same but instead we let the player pass through it and when overlap occurs we set the orbs as collected and will not draw them but it will stay there until next level spawns.

In this devlog we are going to cover intro.
I have added a intro page to the game so when starting you will see this message when clicked anywhere in the screen or just clicking the spacebar shows you the next step in the intro when all steps are completed the game will start now i need to focus on the main game.

In this devlog we are going to cover two things.

1. Success fully added a orb(money) for now it does nothing added animation in future need to add collision so when player touch it it counts as money.
2. Added crates this game will be like collecting money as fast as you can like with weight of orb to slow you down the more the collect more slowly you will walk. This is will like a obstacle to delay the time.

In this devlog i added a map rendering function in the game.
Now i have mapped key:value pair for each tile from the tileset using the key i have made a 2d array where just entering/changing value result in a new map every time.

In this game i came to about tileset before i used to just use spritecow.com to know where the sprite in the image and using that information i pass that to the canvas to draw it. Storing it as a json file is tedious but now when i came across godot i came to know about tileset why not implement the same principle here in the JS-Canvas game i mapped the tiles as row and col multiple by the size of the sprite to get across the image to draw the needed sprite. After a long attempt i made it work. Now i need to map the same for the level map still figuring how.

In this devlog we are going to cover exciting part.

1. We have successfully implemented a virus System.
2. Do defend off the virus there is the antivirus.
3. When tutorial is completed/skipped the virus warning will pop up after 5 sec and continue to pop up another time if you ignore them the webOS tab will be closed.
4. When clicked save in the alert it will ask you three puzzle each puzzle is unique and answerable.
5. When submitted without filling the choice or with wrong answer you lose one chance when all 3 chance are lost. The antivirus will close itself. When a second warning pops up you can attempt one more with 3 chance if you failed to solve all the puzzle the webOS will close itself.

So have fun. Try to find all the features and easter eggs in them.

In this devlog we going to cover bug fixes and new feature.

1. when creating a file without a proper name in the tutorial leads to the completion of the so made it work.
2. while fixing the first step when an invalid name is entered the system popped a alert but still the step is considered complete without actually creating a file so fixed it.
3. while fixing 2nd step clicking the okay in the alert box marked the step as completed so fixed it.
4. Added a Skip tutorial entirely for those person who don’t want to wait. It may also works as a escape route when the tutorial gets budded due to unknown reason.
5. So made some changes to the readme like adding the newly integrated stuff so within 1hr i am going to ship this project.

This is a very long devlog let me break it down for you.

1. I implement a music player which took a long time but what it can do is well play music hahaha good one ehh. It can play music have the ability to go format in duration using the slider and you can upload your own music here. But you can only play one music at a time.
2. Added a context menu now when right clicking the mouse button it opens up a context menu and you can click it to open up the respective window.
3. Added a full screen option which can be triggered if you double click the navbar/tools section. Toggle back by again double clicking it.
4. Added a date, month and day which can be seen when hovering the mouse over the time text.
5. Now the window can be resized by double clicking the head/title section and toggle back by double clicking it again.
6. Added shortcuts for the options ctrl + f opens a new file creation window and so on i will add this in the readme file.

Added a did you know section under special section.

1. When clicked it will pop up a dialog box stating the fact.
2. When clicked ok the dialog box will disappear.
3. When clicked next it will state another fact.

kinda cool right. hohaoaopa

Things i have made so far and is a great feat.

1. added a tutorial which works buts buggy.
2. When a step is shown the necessary things will get highlighted rest will not.
3. Only can advance the step when finishing it. Can’t just skip it. Some steps are just information which are meant to be skipped.

need to do -> FIX BUGSSS Goddamn.

I have created a working tutorial dialog box in the webOS now i need to add sound effects to make it real like the mascot is talking and want to make the focus work i gave the focus but i didn’t actually add a blur some css is messing with it. Need to figure it out.

Currently i have worked on Tutorial steps just wrote the steps and text message for it. Can not show them here due to policy of FT. Can check in github to see them all. Next i need to make the tutorial feels like tutorial.

In this devlog we going to cover two major milestone as of now which is great.

1. First of all i made the create file option in the folder so now we can able to create files inside the folder.
2. Made the created file to appear inside the folder not the outside of the folder which is a great feat for me as it gave me a bit challenge.
   Rest is small they are
3. Created a alert when we type the same name in the file creation in the folder.
   Now i need to distinguish between the desktop files and folder inside files when clicking so the os doesn’t get confused minor change to the id of the folder name will solve it.

Two things made within this timeframe:

1. Made a folder creation option so user can now create folders hohoo but sadly no function for it yet. Just can be clicked to open but it is still treated as a file need to fix it.
2. Made so that names that popup in default open can never be created again when trying to do so it will popup a error and prompts you to try a different name. Made this feature so that there won’t be confusion when two folders are the same name.
   Bug fix:
   When setting some files as not editable still when opening the file user can edit and i just found out that because in a event handler for dbl click to open files/folder changes it to true. so no matter what i set, it will be true when opened so changed it now.

Added a login page so user can log into the OS by providing the correct credentials.
Username = admin.
Password = 1234.
It will create the OS page in a new tab and close the login page tab from the chrome if you allowed popups.

In this devlog i have covered this.

1. Zoomed the screen to 2 so everything looks big and good which took a lot of time as i forced to change my calculation to account for the scaled window .
2. Made My About me section to look same in all tabs in the window.
3. Now you can delete your system folder do it and say what happens it is an intended feature.
4. Fixed some minor bugs with the workings.
5. Wrote Readme file which took a long time to write.
6. Now i have a main.html and index.html. Index.html opens the main.html for the new feature i added.

In this devlog i am covering three things.

1. First thing is i made a print button which lets you print the current window only files right now.
2. Second is i made a delete current button which deletes the current window and move it to the recycle bin you can retrieve it back if need in recycle bin.
3. I implemented a system page just like open page it shows the available files and folders to open by double clicking on them.
   Next thing is to add a Info about me in the page and readme.

This is a long devlog but let me short it out for you so that it is easy to understand.

1. Made drag to drop the file in the trash so the file gets deleted from desktop and gets added to the trash file and you can double click it to restore the deleted file.
2. Made a filter that is in view it only gets activated if the current focused window is a folder if it is file you can’t click the by name and by kind button it will be disabled.
3. Made a function so you can rename a file and some things can’t be renamed so it will just give a alert.
4. Made so that you can’t overlap the icons on top of each other if you stop dragging on top of an other icon it will snap to it’s original place.

Now you can create n amount of files and each file can be opened simultaneously before it was like only one file can be opened at once i changed it so each file gets it separate copy so data inside will also not be erased. Now need to add a alert when a same file is again created so never ever two files can have the same name.

Made the z-index work so whichever you click the last/open will come at top and drag/click moves it to top and you can open a file from the open button that is available in the file->open when clicked you see available files and folders you can double click them to open them i need to make the functionality for typing and opening.

I just made the new button functionality so now i can make a new file and can open it and while doing this so i just added two more feature init one is now i can close the current window(means last opened window) with close button and close all the windows using the close all function now i need to add a print functionality.

In this devlog i have created two things one is a modal to create a file in the system not yet implemented a file creation but alomost to it and a alert box if you didn’t write a name and clicked create so now i need to add the file that is created in the create button to the screen.

Added the loading animation so when first loaded the web page in browser the animation starts to play and after animation over it will show you the main page.
For this to work i made a minor change to the JS file cause i made calculation for icons and dragging assuming the div is block but when page first load there is nothing to reference cause width and children are hidden so instead i made a init() which will fire when the animations finishes.

Now i made the resize button work. How i did it is when pressed i will check it state which i gave in dataset named full if it is true it is in full state and if i click it again will revert it back to normal. I will have the original values stored in dataset so when reverting i will us it simply.

So when i was moving the top icon the icons below it shifts to top to fill the vacancy to add that i made so that when placing the icon on viewport i am also adding a invisible icon that is exact dimension of real icon so even when moved it the below icons doesn’t shift and instead of flexing the div i made a grid system i calculate maximum icons placed per col and after placing it the col gets filled i move to another col to fill the rest.

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