Activity

prakashpvp2007

Shipped this project!

i built a responsive chess web game using HTML,CSS and javascript .it includes a lobby screen ,settings (side /sound/suggestion/timer),full chess rules (castling,en passant ,promotion) ,move history,captured piece tracking ,draw claims(50-move and threefold) and PGN download, i also added desktop drag-and-drop plus custom mobile touch-drag with a floating piece preview game play ,the hardest part is handling legal move validation while keep the king safety checks accurate

prakashpvp2007

i write readme file for this game that contains game features , controls , buttons , settings , chess rules , mobile responsive

Attachment
0
prakashpvp2007

i have updated the moves popup in the mobile view previously the popup appeared alongside the board without much visibility now the background is blurred ,making the moves popup stand out and easier to focus on

Attachment
0
prakashpvp2007

in the previous update the drag-and-down feature disabled the click -to-movefunctionality.i have now fix this issue

Attachment
0
prakashpvp2007

I have improved the drag-and-drop feature in the mobile view previouly only the valid squares and the landing square were highlighted in blue color box ,but now the piece itself moves smoothly during dragging .this update enhance the visual experiences and makes the game feel more natural

Attachment
0
prakashpvp2007

i have implemented the drag-and-drop piece movement for mobile ,previously ths feature was available only on the web, but now it works on both mobile and web platforms this makes it easier for users to move pieces during the game

Attachment
0
prakashpvp2007

i have updated the UI to be responsive across multiple devices including mobile, tablet, full-screen web,and half-screen web views .i have also restricked the game in mobile landscape mode mode to maintain a better user experiance making the game fully responsive across all these screen size was quite challenging so i used AI assistance in several areas to speed up the development process and handle complex layout adjustments

Attachment
Attachment
Attachment
0
prakashpvp2007

i have updated the mobile view of the game i repositioned the captured pieces section to opposite sides of the board for better layout on smaller screen i also hide the move details by default and add a moves buttn when clicked it displays the move list.making the game mobile responsive was very difficult for me so i use Ai at some parts to speed up the development

Attachment
Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

i have updated the timer section in the settings by arranging the four options in a single row to reduce the overall height of the panel .Additionally i have removed the undo and redo buttons when the timer is enabled ,since those options are not appropriate during timed gameplay.undo and redo are now available only when the game is played without timer

Attachment
Attachment
Attachment
0
prakashpvp2007

i have implemented timer setings in the settings tab users can choose from predefined options such as 5 min ,10 min or no timer ,and there is also a custom timer option for setting a preferred duration.

Attachment
Attachment
0
prakashpvp2007

I have implemented a sound on/off option in the settings tab.this allows to easily enable or disable all game sounds based on their preference.

Attachment
0
prakashpvp2007

i have updated the panel behaviour .previously the panel position remained fixed even when the board orientation changed (white or black) now the panel adjusts dynamically based on the players side aligning correctly with correct board position. Additionally i have implemented a points system for pieces and the point differences is displayed near the captured by black and captured by white sections

Attachment
0
prakashpvp2007

i have updated the text buttons for undo,redo,reset into icon based buttons which looks better .i have also set an icon for this game.

Attachment
0
prakashpvp2007

i have moved the download moves feature from the panel to the game over popup previously it was available during the game ,but downloading moves in the middle of a match was not ideal.now the option appear after the game ends allowing users to review and download complete move list for better analusis

Attachment
0
prakashpvp2007

I have updated the settings to include a show and hide option for move suggestions.when it is show selected a piece displays all its legal moves and captur options .when it is hide these indicators are hidden ,allowing for a more challenging and professional gameplay experience

Attachment
Attachment
Attachment
0
prakashpvp2007

i have implemented the player selection option in settings ,allowing the user to choose to play as white or black.if white is selected,white pieces appear on the user,s side and black pieces on the opposite side and vice versa i have also added svae button in the settings.

Attachment
Attachment
0
prakashpvp2007

i have implement a settings option in the game lobby ,currently it is empty but i plan to add features soon ,i havealso add game over popup to improve overall user experience.

Attachment
0
prakashpvp2007

I have added a lobby screen to the game with an improved and visually appealing UI the lobby features styled chess pieces placed in the background ,creating an engaging look.it includes a start game button and when the user clicks it the game begins

Attachment
0
prakashpvp2007

I ahve added sound effects for various game events,including game start,move selection ,opponent moves ,check,capture,castling ,promotion ,illegal moves and game end this makes the game more ideal

Attachment
Attachment
0
prakashpvp2007

i have updated the drag-and-drop movement feature.previously legal moves and capture options where not displayed while dragging a piece this issue has now been fixed now valid moves and captured are shown during drag

Attachment
0
prakashpvp2007

I have implemented a drag-and-drop movement feature .pkyers can noww move pieces by dragging them and placing them in valid squares.if a piece is droped on an invalid square it automatically returns to its original position this improves the user eperiences and makes the gameplay more better

Attachment
0
prakashpvp2007

I have updated the Ui to be responsive for both web and mobile devices . i also improved the captured piece logic -previously back captured pieces were shown on the black side and white captured pieces on the white side ,which was not ideal.now captured pieces are displayed on the opponents side.

Attachment
0
prakashpvp2007

I have updated the implementation of the 50-move rule and thressFold repetaion. previously these draws were applied automatically,but now they must be claimed by the player when the condition are met the user is given an option to claim draw and if they choose to do so the game is declared as draw

Attachment
Attachment
0
prakashpvp2007

I have implemented the threefold repetition drw rule. this occurs when the same board position is repeated three times during the game. when this happens the game is declared a draw . this exsures the game follows standard chess rules

Attachment
0
prakashpvp2007

I have implemented the 50 move draw rule.if both players make 50 consicutive moves without any pawn movement or piece capture ,the game is declared a draw.this follows standard chess rules and help to prevent endless gameplay without progress

Attachment
0
prakashpvp2007

I have implemented a feature to download the game’s move history as a PNG file. the downloaded image includes details such as the round ,result and date along with the complete list of moves .this allows players to eassily save and share their games

Attachment
Attachment
Attachment
0
prakashpvp2007

I have implemented a feature to highlight the king when it is under check.

Attachment
0
prakashpvp2007

i have implemented insufficient material draw condition in the game ,the game is declared as draw when checkmate is impossible ,such as king vs king,king vs king + bishop,king vs king + knight an king + bishop vs king + bishop when boath bishops are on the same color squares ,this ensures the game correctly follows the rules

Attachment
Attachment
Attachment
0
prakashpvp2007

i have implemented move notaion in the panel, a “+” suffix is added to a move when it results in a check ,and a “#” suffix is added when it results in a checkmate. this helps players to easily identify critical moves and understand the game

Attachment
Attachment
0
prakashpvp2007

I have implemented checkmate and stalemate consitions.when the king is in check and there are no legal moves available it is considered checkmate.when the king is not in check but there are no legal moves left ,it is consider a stalemete

Attachment
0
prakashpvp2007

I have implemented check conditions in the game.when the king is under check ,players can only make moves that resolve the check.this includes moving the king to a safe square,blocking the attacking piece or captureing the attacking piece.Other moves that do not address the check are restricked,this makes the game follows proper chess rules and improves gameplay accuracy.

Attachment
Attachment
0
prakashpvp2007

I have implemented the castling move in the game. castling allows the king and rook to move simultaneously to safer positions on the same side this move is only possible if neither the king nor the rook has moved before. additionally the king must not be in check and the squares between the king and rook must empty.this feature improves the accuracy of the game by following standard chess rules

Attachment
Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

I have implemented the en passant rule.this move becomes available when an opponent moves their pawn two squares forward from its starting position and your pawn is positioned on an adjacent square(left or right) .In this case you can capture the opponents pawn as if it had moved only one square forward .this capture must be made immediately on the next move.

Attachment
Attachment
Attachment
0
prakashpvp2007

I Have Implemented pawn promotion .when a pawn reaches the opponent’s end of the board,it can be promoted to a queen,bishop ,knight or rook.A popup is displayed to the user,allowing them to choose the piece for promotion

Attachment
Attachment
Attachment
0
prakashpvp2007

I have updated the game to highlight both the previous and current square of a move.
this helps the opponent easily identify which piece was moved,imroving the overall gameplay experience.

Attachment
Attachment
0
prakashpvp2007

I have updated the undo ,redo and reset functionality.the undo button revert the game to the previous move,while the redo button moves forward to the next move (only if undo has been used) .the reset button completely resets the game from the beginning.

Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

I have updated the move panel to use a fixed height with a scroll feature .previouly its height increased as more moves were added ,which made the ui look inconsistent,now it remains fixed and crollable for better layout control.
i also adjusted the height of the black and white captured pieces section .additionally ,i moves all stylings fromjs to css ,using class names instead.this reduces the amount of code in js and makes the codebase cleaner and more maintainable

Attachment
Attachment
0
prakashpvp2007

I have updated the panel to display block captured pieces ,white captured pieces ,move details.pieces captured by black are shown on the black side ,pieces captured by white are shown in white side ,In the move section ,each displays the pieces involved with its image and its destination square on the chessboard,if the move is a capture move it is indecated with an x prefix

Attachment
0
prakashpvp2007

i have enhanced the game logic by implementing movement rules for each pieces ,now every pieces moves according to its rules including valid path checking and restrictions when a piece is clicked all its valid moves are displayed as dots on board making it easier for players to understand possible moves ,i have also added capturing mechanics allowing pieces to attack and capture opponent pieces when a valid move is made.

Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

I have implemented a sidebar panel that displays captured pieces, with black pieces on the white side and white pieces on that black side , along with move details ,the panel also includes undo,redo,and rest buttons to manage game actions and enhance better the visibility of game informtion

Attachment
0
prakashpvp2007

Now i have updated the board responsive also for mobile

Attachment
Attachment
0
prakashpvp2007

i have begun developing the chess game .In the initial phase ,I designed the board,added images for the pieces and successfully set up the full chessboard with all pieces in thier correct positions

Attachment
0
prakashpvp2007

Shipped this project!

Hours: 40.01
Cookies: 🍪 460
Multiplier: 11.5 cookies/hr

I build my second game using HTML ,CSS,java script and canvas ,based on the feed back and improvements suggested for my previous game, i created this new project called pacman ,which is inspired by the classic game, i’m very excited to know how users will feel about this project.

prakashpvp2007

Now i added the readme file

Attachment
0
prakashpvp2007

I have updated the folder structure by organizing images and sounds into groups such as pacman,ghosts,walls,powers and header icons.these images are now stored in seperate folder and accessed accordingly

Attachment
0
prakashpvp2007

i have added a sound on/off button to the board header.i also removed the canvas fill and stroke so that the button is more clearly visible.

Attachment
0
prakashpvp2007

i have added sound effects for various game events ,including the start of the game,eating pallets,eating cherries,collecting hearts and shields,eating bouns,ghost movement, and when pacman loses a life. i have also introduced a start delay and a respawn delay when pacman is out.
previously ,the game would restart immediately after pacman lost a life ,which was not user-friendly.now a start wait time is added for both the game start and respawn,improving the overall user experience.

Attachment
Attachment
0
prakashpvp2007

now i set pause and play button as responsive inside header in previous it is just in html not inside the header now it in header so it is now completely responsive

Attachment
0
prakashpvp2007

i have added bonus ghost behaviour similar to traditional pacman game,when pacman collects a big cherry,ghosts turn into bonus ghosts.when pacman eats them he earns 200,400,600,800 points for 1st,2nd,3rd,4th ghost.
After a bouns ghost is eaten it respawn at its starting position but only after the bonus timer eands once it respawns it remains inactive for 2 seconds to indicate its reappearance. during this 2 second period ghost are blink with white color and if pacman touches the ghost,it is consider as not out (in 2 seconds of respawn)

Attachment
0
prakashpvp2007

I have updated the heart spawn logic.previously the heart would spawn repeatedly wheneven Pacman’s lives were less than 3 ,which was not ideal .now pacman must earn 150 points before another heart can spawn

Attachment
0
prakashpvp2007

Now i added the pause and play button in game user can pause and play the game by clicking the pause and play icon or tab space bar

Attachment
0
prakashpvp2007

I have updated the game board by adding a header.The header now displays lives,score,and a shield shield timer(which appears only when Pacman collects a shield).Previously these details were shown inside the board ,making them hard to see .This change improves clarity and overall appearance.

Attachment
Attachment
0
prakashpvp2007

I have also added changing ghost position in the lobby.the ghosts now display different directional images,continuously changing directions,which makes the lobby look more visually appealing

Attachment
0
prakashpvp2007

I have updated the ghost direction visuals.Previously there was only one image for each ghost ,which always faced right ,even when moving in other directions.This did not look good.Now I have updated it so that ghosts face the direction they are moving,which improves the overall appearance.

Attachment
0
prakashpvp2007

I have fixed an issue where ghostswould sometimes get stuck(not move) after teleporting back to thier starting position.this occurred when they caught pacman or entered a tunnel and were reset.the issue has now been resolved.

Attachment
0
prakashpvp2007

I have updated the map selection in settings to use a sliding feature .Users can click the left arrow to view the previous map and the right arrow to view the next map.I have also added a heading to display the map number.

Attachment
0
prakashpvp2007

I have updated the lobby by adding Pacman movement and pallet-eating animation. The pallets now move towards pacman,creating the effect that pacman is eating them in the lobby.

Attachment
0
prakashpvp2007

i have updated the ghost tunnel behaviour .In the previous version ,when a ghost passed through the tunnel ,it sometimes reappeared incorrectly or disappeared .I Have now fixed this issue ,when a ghost enter the tunnel it respawns at its starting position. Initially ,I considered making ghosts travel throughthe tunnel and appear on the opposite side like pacman .However after reviewing other pacman games ,i found that typically only pacman uses the tunnel to move across the map. when ghosts enter the tunnel they usually respawn at thier starting position instead of appearing on the opposite side

Attachment
0
prakashpvp2007

I have updated the map.In the previous version,some tiles were not properly aligned,and certain areas did not look good . I have now fixed the alignment to improve the overall appearance.I also changed the positions of the cherries to enhance the gameplay experience.previously cherries were placed too close to pacman,making them easy to collect.now they are positioned differntly to provide a better challenge

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

I have updated the movement behaviour of the ghosts,previously they only changed direction when they encountered a block, turning randomly at that point.now they can also change direction randomly even when multiple paths are available (excluding diret opposite direction like left to right) .this makes their movement more dynamic and unpredictable

Attachment
0
prakashpvp2007

Now i added more map that makes game more interesting

Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

i have now added a random selection option for wall color in settings.By default it is set to random but the user can chnage it in settings ,i added this because having randomness only for the map did not look good ,so now wall coor are also randomized

Attachment
0
prakashpvp2007

i have updated the map selection in settings,in previous version maps were displayed as image ,so adding a new map required creating and adding a new image, which was time-consuming.now i have changed it to render maps directly from code instead of using images.
Previously,even when the wall color was changes in settings ,the preview still showed blue walls because it was based on static images ,iin this version the map preview is dynamic and updated according to the selected wall color
Additionally users can now view maps in larger preview mode in settings before selecting one which helps them see the map more clearly

Attachment
Attachment
Attachment
0
prakashpvp2007

i made some optimizations and clean up this code ,instead of scanning the full 21*19 grid every time the map loads it now loops only over the precomputed coordinates. along with that i add wall grid and an occupiedTiles set so randomEmptytile() can check whether a tile is blocked much faster ,without repeatedly looping through every wall. this version makes the game loop cleaner by using only one loop style RAF with fixed step tick (startloop->frame->tick),and it removed the old update( setTimeout loop so you can,t accidental run two loop at once.

Attachment
0
prakashpvp2007

Add a settings button in the lobby ,when clicked it should open the popup where user can choose preferred map and walls color. by defaulty, the map is selected randomly ,currently there are 4 maps available if the user selects specific map that map should loaded everytime they play otherwise ,a random map should be used. for walls blue color is the default and the user can choose from 4 available color options.the user can press enter or click save to apply or close or esc to exit without saving.the selected map and wall colorshould be stored in localstorage when the game starts, it check localstorage and load the saved map and wall color.

Attachment
Attachment
0
prakashpvp2007

now i make some debugging at first without pacman or ghosts it get some error ,i make some changes in code that support also without pacman and ghosts just for take some images of map

Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

now i add pacman moving animation as mouth full open,half open ,close for movement ,it is in half open in its idle position,and also add enter button for start and restart ,back space for back to lobby .

Attachment
Attachment
Attachment
0
prakashpvp2007

add lobby option in lobby show pacman and ghost image with game rules and instruction,and in game over popup add back to lobby option

Attachment
Attachment
0
prakashpvp2007

introduce heart and shield powerups to the game ,shield should spawn for every 250 points and last for 10 seconds in the map and provide prtection for 5 seconds upon collection ,the heart should appears when the pacman has fewer than 3 lives and stays for 10 seconds in map ,and restore one life when collected. Additionally modify the design of the game over popup.

Attachment
Attachment
Attachment
0
prakashpvp2007

adding more maps and place cherries in correct position

Attachment
Attachment
Attachment
Attachment
2

Comments

Airin a
Airin a 19 days ago

I love this game! Keep it up

Saif
Saif 19 days ago

this is cool, gotta love pacman!

prakashpvp2007

add some cherries in map ,small cheries and big cherries ,there are 6 small cherries and 2 big cherries,50 points each for every small cherry and for big cherry 100 points each

Attachment
0
prakashpvp2007

the controls and movement login where upgraded ,first the keyboard event change from listening on keyup to keydown,so pacman responds immediately, wrap the the board

Attachment
0
prakashpvp2007

Shipped this project!

Hours: 14.7
Cookies: 🍪 183
Multiplier: 12.46 cookies/hr

This is a classic flappybird game with special theme change,mode change,diaplay history and mobile responsive featuristic game,
controls in desktop-> up arrow or key W for jump,space for pause and resume
in mobile ->tap for jump and click pause button for pause and resume
keep you device in performance mode to enjoy good experience

prakashpvp2007

add the popup login and close popup by key press enter and add backspace button to go to back to lobby,add icon,change the font size of heading flappybird,add logic to handlekeypress function,add power legen only in desktop lobby

Attachment
0
prakashpvp2007

change the lobby style and add flying speed, show the flappy bird heading,the bird is flying in middle of the screen up and down in lobby after start it goes to the position .i fixed the bird speed and amplitute in lobby use everywhere in my code ,the game is also suitable for mobile.

Attachment
Attachment
0
prakashpvp2007

now the game is completely suitable for mobile devices, for mobile controls-> tap the screen for jump, click the pause button in top left corner to pause and resume ,there may be a speed difference in mobile and desktop because of the screen size,and speed may varies for different laptops bacause of rendering and system performance , keep you devices in best performance for the best experience.

Attachment
Attachment
0
prakashpvp2007

i did some debugging and make this game responsible also on mobile devices ,the major problem occur in popup overflow it takes more time to fix it, currently i completed the ui ,curent js is not fit for mobile,as it is slow and many error, i will soon update the js to make it work in mobile

Attachment
Attachment
Attachment
Attachment
0
prakashpvp2007

debbug the pause and powerup setting ,in previous code the power up time runs even after the game is paused now i change that if the user pause the game the power time also pauses ,and pipe spawn also has same problem i also debugging that problem ,and change the score position to center to visible ui

Attachment
0
prakashpvp2007

from the feedback given by users i add sound settings user can on and off background music and sound effects sepeartely or both,and solve some lag issues

Attachment
Attachment
0
prakashpvp2007

i get many feedback from my friends that the game has so many lags .so i optimize so much as possible,i did as much as i could.

Attachment
0
prakashpvp2007

Shipped this project!

Hours: 23.38
Cookies: 🍪 232
Multiplier: 9.94 cookies/hr

I make my first flappy bird game project from skratch,with advance settings like dual theme ,3 difficulty mode change option and 4 powerups ,coin collect,track score,and complete history tracking,total coins ,best score store in local storage,pause and resume functionality

prakashpvp2007

Change the pause settings ,change pause key from ‘P’ to “Space” ,and remove the pause popup user can pause and resume by clicking space and pause icon is shown in top left , debbug the powerup (shield power) ,add readme file.

Attachment
0
prakashpvp2007

now i completely set my settings and history options,history stores all data of playing with time,theme,difficulty,score,coins in local storage ,user can also delete this in settings, and can clear all data

Attachment
Attachment
1

Comments

GOVINDA
GOVINDA about 1 month ago

Very nice

prakashpvp2007

i totally want to change the ui, In my first, the theme are shown only start of the game if once start the game user cannot change the theme,user can change only after refresh , so i add settings button and history button ,in history log user can view his history of play with time ,score,coins he earned,in setting user can change the theme,mode(difficulty) ,and he can delete the history and can restart the game ,on deleting the history only history log deletes the coins he earn and best score not deleted ,on restart the game it totally deletes everything like coins he earned,and best score and also history,once game started the coins details and settings,history isons are hided and after game over in restart popup i added back button to go to lobby so user can again change setting instead of refreshing it , now i just make the ui for that i will write js soon, it take very long time to think i aging and aging change the code to get this ui

Attachment
Attachment
Attachment
0
prakashpvp2007

change the timer as const variable ,debbuging the powerups timer error

Attachment
0
prakashpvp2007

debug the error in shied power and slow timer power,change the powerups as time based ,fix the pipe bug during pause and resume,fix the score bug

Attachment
0
prakashpvp2007

i add extra theme slection like oasis and desert theme user can choose any one in start of the game ,and change the power up method,and coins,score methods

Attachment
Attachment
0
prakashpvp2007

add power ups ,total coins methods, powers ups like magnet for collect coin,shield for one extra life,double point, and slow pipe , coins floation and collect to iincrease the score

Attachment
0
prakashpvp2007

I add difficulty based on difficulty the game becomes more difficult,add sound effects,change background after specific target reached,store highest score in local storage.

Attachment
0
prakashpvp2007

i build the board ,pocman,ghost score ,for pocman is move my arrow moving there are three lives in this game i build this as basic ghosts move untill the block appears

Attachment
0
prakashpvp2007

Add movable background,add flappybird position,Enter button to start, add get ready alert user need to press enter or space abr to start and uparrow or space to getready and play the game

Attachment
0
prakashpvp2007

add start button to start the game ,and add pop to show your score and change the gravity speed ,and restart button and game ready specification

Attachment
0
prakashpvp2007

i building basic structure of this game using canvas html5 and javascript,i set up the game baord initialized the bird object and add pipe ,gravity based movement so the bird falls naturally over time,i also add keyboard controls to allow the player to make the bird jump

Attachment
0
prakashpvp2007

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.

Attachment
0