You are browsing as a guest. Sign up (or log in) to start making projects!

My very own WebOS

  • 8 Devlogs
  • 28 Total hours

This is my very own OS that can be run in the web!

Ship #2

I made the Tamil Cinema OS, an OS dedicated to Tamil Cinema. Dive in to learn more about Tamil Cinema! It was built using HTML, Javascript, CSS, and too much knowledge about Tamil Cinema. Currently, there are seven apps that are active. What was challenging for me was trying to use arrays, as it was a little confusing to me for HTML. Currently, the apps are: Kollywood Notes, Snake Game, Breakout Game, Calculator, Kollywood Trailers, Kollywood Facts, and Kollywood Beats. New features are: Breakout Game, Calculator, Kollywood Trailers, Kollywood Facts, and Kollywood Beats. More thorough details are in my Readme! Hope you guys like it!

  • 4 devlogs
  • 15h
  • 2.33x multiplier
  • 35 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

2h 58m 48s logged

Hey guys! I have been working a lot on the Tamil Cinema OS. Here’s what I have done: I started off by creating and finishing the seventh app, which is a music player. This music player has a playlist of many Tamil Cinema hits. To create this, I first had to use for the first time to play the audio. From there, I created an array that would cycle through the different songs and their respective cover pictures. For the styling, I wanted it to be kind of similar to how a Spotify player would look, so I had to create a rectangular container and create adequate buttons and styles for the app. Overall, I was able to learn a lot about how audio is referenced in HTML through this app. After this, I just polished up all the other apps, which included the calculator and the games, where I was able to get the clear button working on the calculator and also get the scores working on the games. Overall, I was able to learn a lot in these devlogs about the variety of hidden functions inside HTML. Next steps would just be to finish polishing any of the other apps.

0
0
13
Open comments for this post

6h 11m 48s logged

Hey guys! I have been working a lot on the Tamil Cinema OS. Here’s what I have got done: I started off with finishing off the fifth app, which would be Youtube. I decided that it would be better to allow the viewer to watch a playlist instead of the whole browser, as it would also match my theme because now, the viewer gets to wtach trailer of Tamil movies. I did this using the youtubeiframeAPI. This allowed me to get the exact version of Youtube, but also customizable to my liking. After this, I used an array with all of the video IDs and made a function that would cycle through the videos. Overall, it was a good learning experience for me with these new features. The next thing I did was make a fun facts page. This had a bunch of different fun facts about Tamil Cinema. I did this by creating a caption carousel. I used an index, and used that to cycle through the different facts. Overall, I learned a lot about the different functions within HTML and also about video playback in this devlog. Next steps would be to create my next app, which would be a music player with some good Tamil songs.

0
0
1
Open comments for this post

1h 38m 38s logged

Hey guys! I have been working a lot on the Tamil Cinema OS. Here’s what I have done so far: The main thing I have been trying to accomplish is trying to create my fifth app, which would be Youtube. I have gotten all of the controls for the actual app icon all done, but I still need to work on trying to get it to connect. I tried using and then using the URL of Youtube, but that didn’t really work, as it refused to connect. I am trying to research some different ways I can try to attach the application. The other things I have been doing would just be trying to add some scores in the games I created. I am having a little hard time, as sometimes the score only updates the first time. Next steps would just be trying to get the fifth app done.

0
0
2
Open comments for this post

4h 29m 40s logged

Hey guys! I have been working a lot on the Tamil Cinema OS so far. Here’s what I have done so far: I started off by creating my third feature, which is the breakout game. This is where there are tiles you must break with a bouncing ball. I decided that instead of keeping the game’s code inside the original index file, I would keep it as a different file and then use to link those two files together. I also decided to implement these features into the other apps. The code for this project wasn’t that hard, as I was able to use my previous game development experience to help with most of the parts, but there were some aspects, like the tiles and their Arrays that I had a little trouble with. After this, I created the calculator app. This app was pretty simple, as it was just a bunch of buttons and some functions in Javascript. The hard part about this would be figuring out what type of style I wanted for it. Next steps would be to start and finish up the fifth app, and maybe polish some of the other apps as well.

0
0
1
Ship #1

Hey guys! I have made my own OS called the Tamil Cinema OS. This OS is all about the depths of Tamil Cinema. Currently, I have two different apps, the first being a notes app for first-timers who don’t know much about Tamil Cinema. The next is a snake game for some relaxation. What was challenging for me was trying to figure out what appas I should make, especially since I would try to make it Tamil Cinema related. Another thing that was challenging was all the different uses of classes and the HTML rules, since it’s my first time using these types of things. The thorough details are in my Readme. Hope you guys like it!

Try project → See source code →
Open comments for this post

1h 22m 47s logged

Hey guys! I have been working a lot on the Tamil Cinema OS. Here’s what I have done so far: I have finally finished the second feature of the Tamil Cinema OS, which is the Snake Game. I learned how to code this directly into the HTML file. Originally, I thought I would have to create a new file with the game code, but after some research, I learned I could just put it into the original file. The code for this game was a little difficult, as I was having a little trouble with the part where I would have to generate the new apple when it was eaten. After some research, I learned how to use a random number generator in correlation to the grids of the game to have the apples spawn in a different place. I also decided in the end that the snake would be able to go through walls and would only die if it bumped into itself. I learned a lot through this game, especially how to use a variety of functions in HTML. Next steps would be to polish the website off for final touches.

0
0
5
Open comments for this post

5h 6m 6s logged

Hey guys! I have been working a lot on the Tamil Cinema OS. Here’s what I have done so far. I have finally finished my first app, which is the notes app. I wanted to kind of make this app like a guide for a first- time viewer, so it has things like recommendations for different movies, and also has things like the history of Tamil Cinema. I have also added some parts to the app that talk about Tamil music as well. This kind of took me a long time because it was a little hard for me to try and figure out what type of app I wanted to make originally, and there were a lot of bugs that I only figured out after looking closely at my variable declaration. i had accidentally deleted the aspect of the app that changed the cursor type to a pointer, but I didn’t know until a long time after, which is why there is so much time spent on this devlog. I have learned a lot about Javascript in this time, as it has introduced me to arrays and how they should be used, especially for the feature of my notes app that allows the viewer to see all of the notes. Next steps would be to create a second app. I am thinking of a game of some sort, but I haven’t completely thought it out.

0
0
3
Open comments for this post

5h 21m 55s logged

Hey guys! I have been working a lot on the Tamil Cinema OS. Here’s what I did: I started off by creating my first app. This has been a pretty hard process as I had a little trouble trying to get the code in the right place, especially for the part where I am trying to make the window only take up until the top bar, instead of the whole screen. I have also finished up the top bar with all of the buttons however, sometimes the click function to open the welcome window doesn’t work. i have checked my code multiple times, but I still do not know where I am going wrong for that part. I have learned a lot in this time, as it was my first time using HTML, and I am still getting comfortable with it. I had also spent a lot of time trying to figure out better backgrounds for my OS because every time I try to make a new one, it always comes out too blurry for my liking. In the end, I was able to fix all of those problems. next steps would be to finish the final touches on my first Movie ranker application, and also go on to creating my second app, which will probably be something that involves trivia or something, haven’t really thought about it yet. Please feel free to leave any suggestions for my project.

0
0
3
Open comments for this post

1h 3m 12s logged

Hey guys! This is my first devlog for the WEB OS. Here’s what I did: I decided to make an OS that is dedicated to Tamil Cinema. I have just started the coding for it, but it is my first time using HTML, and have no experience with CSS or JS, so that’s why it took me a long time to get this done. So far, I have gotten the title screen down and have started to work on my first window. Next steps would just be to have finished my first window and move on to the second or third ones. I could also start to work on making my OS a little bit more polished.

0
0
2

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…