@zazzie

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