@niejestemprawdziwyy

Made new controls for piano, so it’s possible to play more sounds with keyboard itself
left-new, right-old
However i’m still leaving them in the comments if for some reason someone wanted to use them

I suppose i should make these devlogs a bit more often, the previous one was like 8h gap lol
(q: 45 means that q is A4, i: 57 is A5, the rest most people can figure out themselves)

I gave my site diffrent font to feel more alive and make few adjustments

Made a new, better banner and rewriting a lot of things
I was told that there was too much ai used, so i marked clearly at what part ai was used and rewritten the other parts. Added settings saving and reading it, made the samples load faster and added a loading percentage, deleted a particle animation so it doesn’t lag that much on mobiles, made the piano look cleaner (deleted some nametags), added sustain on spacebar, added config section in the code, readded old and added new unneccesary comments, fixed a bug with music either glitching out or playing after refreshing and fixed a few esthetic choices, probably unnoticable, but color changes

and also…. plaing still dre is way easier now, as B3 can now be played with q, sooooo you just go ‘adh’ a few times, then another few of ‘qdh’ and some ‘qsg’.
use spacebar for sustain and mouse for bass notes and voila!

also i made it possible to name the workspace in the web itself

still, i have to rewrite most of css, as some parts are unneccesary or ai and some are well, lacking.
also, fixed the piano sample loading, just too lazy to make a new screenshot

also, i overuse the word ‘also’

Finally, I finished my WebOS, or did I? I want to continue working on it as WebOS 2. I’m quite proud of how it looks now. But anyway, here’s the Readme:

PianoOSA WebOS, which has notepad and metronome apps and fully playable 88 key piano. 
Try it here :https://raw.githack.com/Korsor2137/PianoOS/main/index.html
Note: it may take a few seconds to prepare all the piano sounds
How to run: Yeah, just click the link. Or download it and then run index.html
Features:
-Full 88 key virtual piano, which you can play using mouse, with your pc keyboard (-a- to -’- keys, press capslock to change octaves to lower) or by connecting your own MIDI piano;
-Keys glow when you play the piano;
-A simple notepad and a metronome which when you minimalize will remember their location adn when they’re closed, their position resets;
-A button to hide the piano interface;
-Volume settings which you can change to your liking.

Author’s notes:
And why did I decide to make this? Well, I saw how on the WebOS missions there was a lot of awesome stuff, the same main concept and yet they were all so different. So, since I like piano, decided to implement it :D
I plan on making it more customizable in the future, such as changing the background color, or maybe the whole stylistic, making the top right buttons actually work instead of just being a decoration, adding maybe a few piano sounds, and of course more apps so it actually feels like an actual OS. Also, notice a little reference at the title screen?

Full copyright of the sound samples I used:
MIT LicenseCopyright (c) 2020 Liam LeePermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Who are you?
How did you get here?

I made the background and keyboard for my WebOS. Not gonna lie, used AI here with canvas, also found nice tutorial so i might do these particles that fly above when playing piano. i’m quite proud of making these glowing keys, well those are actually shadows but doesn’t matter. Also: made these names for keys, i intend for them to be toggable tho; made a button to hide/show piano, i think it looks good when its fully hidden and only the lights remain; and it’s now possible to control the piano with a pc keyboard, using “ a “ to “ ’ “ keys, black keys are the keys above like “ w “ and “ e “, and to change the octave with capslock; it’s also possible to control them with mouse

For my plans, i next intend to make some actual apps, of course including notebook, but also metronome and midi recording. From other things i want to implement shortcuts, so when you press A0 and C4, for example, virtual keyboard hides or shows. Last thing is to make a mouse setting so when a note is pressed, until you stop pressing it you can move it to any position, while still playing that note (Toggable, so that it’s also possible to scale the whole piano really fast).

I don’t intend to implement everything now, maybe after i make the first few apps and working piano i’ll ship it as WebOS 1, and then continue as WebOS 2

Oh, and should i name the keys that are possible to play with pc keyboard or maybe should i simply add a short guide of how it works

and also maybe it would make sense to add actual sounds lol

Anyways, feedback and critique is welcome, encouraged even, so i know what would actually be a good feature

Since this is my first post i’ll explain what my project even is about. My goal is to create a WebOS that you can control with a midi piano, where i want to then implement some usefull functions for pianists, we’ll see how far can i go with my amateur skills. I’ve coded bigger part of html already. Currently though im having some problems with how it looks and the whole animation. I seriously need to optimize it because daamnn its laggy now. Also, what a coincidence with the colors of those seven sou- i mean balls of light.