How to Create Neal.fun Perfect Circle Game with Chatgpt
How to code and create a perfect circle neal fun game with chatgpt Here is the prompt: You are an expert web game developer. - write a web game where the user needs to draw a circle and get to know the percentage of perfect circle he gots. Follow these instructions for the development of the project: - two files for source code: one html with style css and one javascript - website name should be Jas.fun and written on the left top corner of the web page and simple font and white color - website must have complete black backgrund - at the center of the page there must be a white dot with numbers that represent the percentage of accuracy of the circle drawn by the user in the following form: XX.x% in red color - below the dot the must be a tagline that says with same font as the website name and white color "draw a full circle" when user needs to start and when the user starts drawing it goes away and when the user has finished it says the Best % of the session of the user while the main red percentage says the actual percentage in the current moment - the user can start drawing the circle and the line is colored in green if it's still above 95% of accuracy of being a circle, yellow beetween 80-95% and red below 80% - the start and stop of the user is made by clicking inside the page and stop after releasing the click - calculation of percentage is made when initial point of the circle drawn by user is matched with the final one - if percentage obtained by the user is above 90% color the background of the page of a purple if not keep it black - if the user release the click before reaching the complete circle make a bip sound (standard system sound) - after user finishes first circle and click again, he should be able to reset the whole game and background color to start again - make a bip sound if user stops before attaching starting poin to finishing point - make another winning sound when the user connects correctly the circle (starting point with ending point) - accuracy must be positive from 0% (not a circle) up to 100% (near perfect circle) - don't display NaN but keep XX.x% - make the line thicker and change the color while drawing if it towards 0% it becomes red if towards 100% it become green Please put comments in the script to make me understand each phase. Use calculation libraries or Web audio API if needed. Don't use placeholders, the game must work in the first attempt correctly. This game should correctly work in the first attempt, so follow each instruction above and make it work correctly. -------------------------- Try it yourself. Link below. https://neal.fun/perfect-circle/
How to code and create a perfect circle neal fun game with chatgpt Here is the prompt: You are an expert web game developer. - write a web game where the user needs to draw a circle and get to know the percentage of perfect circle he gots. Follow these instructions for the development of the project: - two files for source code: one html with style css and one javascript - website name should be Jas.fun and written on the left top corner of the web page and simple font and white color - website must have complete black backgrund - at the center of the page there must be a white dot with numbers that represent the percentage of accuracy of the circle drawn by the user in the following form: XX.x% in red color - below the dot the must be a tagline that says with same font as the website name and white color "draw a full circle" when user needs to start and when the user starts drawing it goes away and when the user has finished it says the Best % of the session of the user while the main red percentage says the actual percentage in the current moment - the user can start drawing the circle and the line is colored in green if it's still above 95% of accuracy of being a circle, yellow beetween 80-95% and red below 80% - the start and stop of the user is made by clicking inside the page and stop after releasing the click - calculation of percentage is made when initial point of the circle drawn by user is matched with the final one - if percentage obtained by the user is above 90% color the background of the page of a purple if not keep it black - if the user release the click before reaching the complete circle make a bip sound (standard system sound) - after user finishes first circle and click again, he should be able to reset the whole game and background color to start again - make a bip sound if user stops before attaching starting poin to finishing point - make another winning sound when the user connects correctly the circle (starting point with ending point) - accuracy must be positive from 0% (not a circle) up to 100% (near perfect circle) - don't display NaN but keep XX.x% - make the line thicker and change the color while drawing if it towards 0% it becomes red if towards 100% it become green Please put comments in the script to make me understand each phase. Use calculation libraries or Web audio API if needed. Don't use placeholders, the game must work in the first attempt correctly. This game should correctly work in the first attempt, so follow each instruction above and make it work correctly. -------------------------- Try it yourself. Link below. https://neal.fun/perfect-circle/