@zazzie

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?)

project updates:

• things are not going well. i went on a tangent trying to figure out how to make it so that my windows don’t go off screen, only to realise that my background image wouldn’t work as a good frame of reference (as part of its off-screen) and that i just simply don’t know what i’m doing enough to figure it out, even with explanations online
• there was, at one point in time, a sweet, sweet window where my first app icon worked as did the windows. that point in time died immediately. I have no clue what I’m doing wrong because I don’t know what I’m doing and I’m trying to piece it together as best as I can. for now, i’ve managed to get my icon to appear on-screen but it no longer brings up a window so….
• these updates are more issues and aims so apologies for that also

GOOD NEWS:

• yayy, the bright side! yay!
• the window now drags reaaaaal smooth and not every time you move your mouse
• mistakes are a learning opportunity?

project updates:

• added open and close buttons (that work!!)
• the welcome window now fits totally and appears in the same orientation always (no warping when dragging or appearing in a different layout)

issues & aims:

• the window appears almost off the side of the screen when you load it in…
• dragging not SUPER smooth
• hoping to make more and potentially ‘apps’!

made the iss-os a draggable welcome window! hoping to add a typical bar/x to leave. struggling to wrap my head around js, but I think I have some idea how i’ve managed this! hoping that i can make it drag smoother, plust not go off the sides of the website or distort in shape…

continuing to slog on with the Web0S, added a custom background I drew & made a bottom bar with an updating time. I’ve also (mostly) fixed the sizing’s so that the background fits. still working on the window & bottom bar, hoping I can add icons soon :D

Just started work on my Web0S for this mission (and have unfortunately only just realised by looking at other people’s projects that it is not supposed to look like a personal website, so it’ll need a lot of tweaks!) Thus far I’ve added some basic info on the ISS in the hopes that my WebOS will be customised to this (i.e. you can have a window up showing a picture of the ISS/space facts - though I’m really hoping I can put in my own tracker and/or expedition countdowns). I’ve got very little so far, but big plans up ahead- so stay tuned! :D

splat paint final

a splatter paint website

I’ve never coded anything before, so this is my very first project :)