Splatter paint website

this will be the last project update (at least for this ship, so lets get on with it!)

project updates:

• finished readme
• added the final touches and finished what i wanted to finish thus far

aims & issues:

• i had some issues implementing a button that made it so that when you click then it paints, and unfortunately had to scrap this for now

• really the biggest issue i found throughout this project is that I struggled using paper.js as it meant i had to code in a (i believe) unconventional way, and I don’t even know yet how to code in a conventional way so it was more of a struggle and I had to look to ai rather than regular tutorials which I’d prefer

• hopefully in future when i have the skills I can return to this project for a final ship and improve it, but for now I’m happy with what i’ve managed to achieve as a newbie and I’d like to move on to other projects that are more feasible and I can learn from more!

• p.s. if you’ve made it this far, thank you for following along! (and please let me know if I’ve made too many or too few devlogs)

short devlog today as I’m visiting my uni town for a uni event! (yippiee!! but very busy…) anyways! onwards with the updates

project updates:

• now the clear canvas button works! it brings up a div saying “are you sure you want to clear canvas?” with yes and no buttons! though i had to ask the in built ai to explain to me how to code the clear canvas part as I am still very much a beginner lol
• currently working on the settings part!

aims & issues:

• meh honestly nothing because i haven’t had the chance to do much today!
• OH i might make a back to menu button though, and try and make it so that saved works appear in the gallery…

project updates:

• changed ‘previous works’ to gallery (felt fitting)
• added a ‘save work’ button and a ‘clear canvas’ button
• the ‘save work’ button now works! i had to ask vs code’s in-built ai how to make it work (as i couldn’t find any tutorials!) and then wrote the code out & asked it to explain what each bit did so I could learn from it, I also made a note of things i learnt for future reference!
• not sure if i added this in an update but i learned how to make notes on all my code and have been using that as I’ve found it really helpful for learning & keeping track of my work
• the gallery button also now pulls up a gallery div!

issues & aims:

• no real issues so far - I’m not sure how I’m going to make the gallery display your previous artwork, maybe I could have it so you input your own work and each one has a little frame and you can scroll through?

• also not sure how i’ll clear the canvas or make a proper settings so I will have to hunt for some tutorials or ask for advice again 😅

• thats all so far!

project updates:

• the “new work” button now works! (clears the welcome screen so you can start working)
• the “settings” button now brings up a “settings” div
• added “Welcome to Splatter Paint!” to the start menu

issues & aims:

• had some issues I had to troubleshoot (like a stray /div causing issues!) but so far we are doing good
• aiming to create a X button on the settings
• thinking of adding an Easter egg to the welcome screen… (you’ll have to see ;) )
• hoping to create a “save” button also!

project updates:

• finally added the buttons, and used css to make them look gooooood
• they are yet to be functional though!

issues & aims:

• had some issues putting the buttons in the centre of the screen!
• aiming to make these buttons actually work
  hopefully I can make a way to save artworks
• and maybe a settings screen!

working on the splatter paint website again!

project updates:

• went back to the original jam tutorial and realised how much I messed up on my first ship! (oh well…), now I’m starting work on this again with just a little bit more knowledge so hopefully I can improve what i’ve done!

issues & aims:

• no real issues thus far!
• aiming to make a start screen, (with a blurry background, like the one you can see here!)
• hopefully this will have a “welcome to splatter paint!” with start buttons/new work and a ‘previous artworks’ where you can click and it takes you to your previous works
• I guess I’ll need a save button as well so that people can save their art!
• and hopefully I can alter it so that it only draws when you click? (or make a settings so that you can select ‘on click’ as when it draws?)

splat paint final

a splatter paint website