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

1h 13m 7s logged

Top bar and clock were added. Pulled the clock out of the welcome screen and into a top bar that sits over everything, like a real menu bar. The bar shows the OS name on the left and a few menu items on the right (Welcome, Notes, Time). Moved all the styling into style.css and all the logic into script.js so the HTML stays readable. I also added windows you can drag. Each window has a little red close dot in the header. I kept moving the window by the absolute cursor position instead of the change since the last frame, so it would teleport under the mouse the instant I grabbed it. Icons were also added.

Bugs I hit:
Dragging windows off-screen - Nothing stopped a window from being dragged up under the top bar, and once the header was gone you couldn’t grab it back.
Click vs double-click on icons - The single-click select fires during a double-click too, so the icon flickers selected then deselected as the window opens.
The close dot starts a drag - The close button is in the header, which listens for mousedown to drag, so pressing close also arms a drag.“Time” in the top bar looks clickable but doesn’t do anything yet.

To Do:

  • Clamp window dragging to the screen
  • A dock or a way to reopen closed windows
  • Maybe more apps (a little terminal, or a photo viewer)
  • photo viewer
0
3

Comments 0

No comments yet. Be the first!