I was able to figure out how to get my slack bot onto nest 24/7 and then started to add some more commands such as /fishwish-greet (a cat will greet you with a “wassuppp”, /fishwish-catfilter (random filters will be thrown onto a cat picture), /fishwish-help (overview of all the commands), /fishwish-catpic (random picture of a cat). I spent a lot of time debugging the problems with all the image showing and the most complex one was with the /fishwish-catfilter because I had to randomize a lot of the values such as the saturation, and brightness. I was able to finally finish it though and everything was working as intended so it was super cool to see!
At first I was just following the guide in order to set up everything properly for the slack bot. Then, I was able to start coding on the js file in order to make the slack bot start responding. I tried to use the cataas api but I was having some trouble so for a very long time I had to keep debugging. The image on the right you can see before the gif was workign I was having a lot of failed attempts with it outputing links that were all undefined. There were a lot of debugging until I got the gifs to actually work. I also updated the slack bot icon and colors to make it look cool!
So today I was able to grind out and basically finish everything I wanted. I started off with making a projects app that was like a little carousel with arrows that showed some of my projects, then I was also able to make a Songs app, where I used spotify embedded to include 9 songs (in a 3x3 grid). I thought everything was going very well and I had to do some research for all the special functions of course. Then, I also added a loading screen where you had to click to enter and made a startup sound that would play. Pretty happy with my progress and loved how it came out!
Today it was pretty simple as I just worked on the my first app window and it was suppose to be a simple about me page. I had to fix a problem with the text not aligning to the middle at first for some reason and it was because I forgot to add flex into the window. I was also able to figure out how to add my socials along with their respective logos side by side with it all linked up. Next, I will be working on implementing probably more apps on my os!
I spent a bunch of time just working on creating an app icon inside Weby and I was just trying to figure out once again how html worked. I am not going to lie I did get lost in the sauce with the code when I first opened it up today because I had a mini brain fart, but then I was able to pick up from where I left off yesterday. Making the windows and new classes took me a while to figure out. Then, I had to also work on the orientation of the windows, basically meaning trying to bring the recently clicked window to the top of the section. Lastly, I worked a lot on just making all the code readable by leaving comments so that when other people, including myself, read the code I can follow through pretty easily. I also made sure to put everything to more condensed and simpler versions so I don’t have chunks of code when I can have lines.
Today, I first started to work on the window outline and making the welcome screen pop up thing look good. I was just playing around with a lot of the code because this was my 2nd day actively using html to code an interface. After a while I was also able to get a background and a header up and running. There were a lot of times I had to go google issues; for example, when I was working on the headers the “Weby” was suppose to be directly in the center of the webpage but for some reason it was a little offsetted. After getting all the basic screen set up done I was able to move and do more detailed work for the screen. I made a close and open button, and also blurred the background of my welcome screen to make everything look more pleasing and function better. I’m looking forward to making apps on the OS next!
Soooo I started the new webos project that I happened to find under the missions tab. I think that it’s such a cool project that I will be able to do. This will also be the first time for me to code in HTML and also CSS so it would be a really good learning experience for me. At first you can see I was just messing around with the fonts and also the possibilities of what you can do with HTML. I imported a shrimp dish on as a computer so I could see how the import picture worked. Then after a bit of figuring out how html functioned I was able to make kind of a basic intro/welcome screen that would include my socials and just a quick introduction to weby (you can see on the blue background pic on the right).
So today I basically had to deploy the game and boy was it hard. Since, I was using pygame I had to convert everything into a web format so I had to learn how to use pygbag and let’s just say it was almost a disaster. At first in my local host 8000 nothing would even load and I had to keep on trying to debug it and changing my main.py code. It was really tiring but the moment I got it to work I was super happy and I couldn’t believe it. Then, the next part was making a workflow that github can use in order to deploy it as a webpage, and there another set of bugs did pop up as I forgot that github uses linux so it’s case sensitive. After finally fixing it, I’m very happy to say that my first ever lil python game is online! Feel free to check out the simple game that almost fried my brain here: https://bangzishu-huang.github.io/A-lil-pong-game/ :)
I was basically able to finish everything I was doing. I started off today by adding an opponent paddle and this was just a simple machine where it would calculate the distance and the ball. I slowed the movement down a bit so sometimes it could make mistakes (resulting in the player winning!). Then, I added more features like score, data storing, and also a menu on start! I also found that the colors I picked were a bit unsettling to my eyes so I turned everything into blue and banana colors! I also add some subtle details which included the shadows of the paddles and also the ball. This was my first python game made and I’m very happy with how far I got! Can’t wait to see where this start will lead me :)
Worked on base, movement, and some collisions for my initial idea of recreating a pong game all by scratch. I would say I’m pretty new to python, as I just learned it 2-3 months ago and this was a cool little project for me to develop my python skills. Today, I just worked on setting up the pong objects, and also worked a lot on collisions. It was pretty hard trying to figure out how to get moving collisions to work on all 4 sides of the player paddle, but I was glad I was able to learn! Next steps I would want to make an opponent paddle and hopefully integrate an automated paddle to play against.