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

Pokemon WebOS

  • 6 Devlogs
  • 14 Total hours

i will try to make a Pokemon WebOS

Ship #2 💀 Cursed

shipped pokéOS v2, a pokémon themed web desktop OS with a real macos style dock now. there are new apps like a coin flip that has a chance to yeet a random desktop icon if you land heads, a video player for the theme video, and an image carousel for pokémon art. pokeRecords also got a plus button so you’re not stuck with just the 3 records i hardcoded in, and the top bar has a proper play pause button for the theme song now instead of just play.
the challenging part was the play pause button. it was rebuilding the whole button element every time the state changed which quietly killed the click listener after the first press, so pause just stopped working. took a minute to realize the button node itself was getting replaced instead of just its text, fixed it by keeping one button and only swapping the label.
to test it just open it and click through the dock icons at the bottom, flip the coin a few times and see if you lose an icon, and hit the yellow button up top for a surprise.

cdn.hackclub.com/019f4883-10a2-7c73-87e0-1aa0e5dafc79/Video%20Project%201.mp4

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

1h 48m 49s logged

v2.1

  • added a plus for the pokerecords so youcan add mroe records
  • added a feature so that you can play pause athe song, but the thign is all in one button instaead of 2
  • added a dock like macos
  • added better styling
0
0
6
Ship #1

shipped pokéOS v0.1.0, a pokémon themed web desktop OS. there are draggable windows, a top bar with a live clock, a button that plays the pokémon theme song, and pokéRecords as the first app where you can keep notes on your team and moves with a sidebar that swaps content dynamically.

the challenging part was getting the window z index stuff working and figuring out why drag was broken (one missing dash in an id lol). pretty proud of how the whole thing looks and feels, the glassmorphism windows over the pokémon background art goes hard.

to test it just open it and drag the windows around, click the pokédex icon to open pokéRecords and click the sidebar entries to switch between records. *hit the button at the top for a surprise *

  • 4 devlogs
  • 10h
  • 4.87x multiplier
  • 46 Stardust
  • WebOS 1
Try project → See source code →
Open comments for this post

2h 11m logged

shipped pokéOS v0.1.0-beta!!

its a pokémon themed web desktop OS. draggable windows, a top bar with a live clock and a button that plays the pokémon theme, and pokéRecords as the first app which lets you keep notes on your pokémon team and moves. sidebar with dynamic entries, content panel on the right, fully editable text.

built with just html css and js, no frameworks. had to debug a ton of stuff to get here like windows not rising to the top when clicked and the drag being broken because of one missing dash in an id.

live: here

foreseeable future:

ship on stardance
webOS 2 sometime
more apps (maybe a pokedex lookup?)

0
0
6
Open comments for this post

55m 20s logged

Update 3

ig im starting to now put devlog numbers…..
here is the rendown of what happened. i restarted the pokerecords app and have an idea for what to do. i drew it out and attached the image. next is to how my mistakes. i was tryig to figure out how to make the window rise when it was tapped, but couldnt figure out why. i realized i need this code:

addWindowTapHandling(welcomeScreen)
addWindowTapHandling(prScreen)

tasks to get done for next devlog:

  • finish poke records app
  • ship on stardance

next in the forseeable future:

  • start webOS 2
  • make more apps
0
0
7
Open comments for this post

4h 25m 14s logged

I made somthign!!!!

i made a first welcome screen and also a records app that will be my first app. It is still in progress

i also removed the changing bg because i want less AI made onmy site

0
0
8
Open comments for this post

1h 59m 18s logged

The Start of stmg

So i kinda realized that a pokemonOS is already sorta a thing….

BUT THAT WONT STOP ME!

Imma make it better that that website! (idk if that is possible bc that is really well made so who knows.

i followed the tutorial and added some of my own stuff like custom fonts and a button that plays the theme song of pokemon. I also ai-genned the pokemon-font, where there is padding on the font that is a different color making it look like a pokemon font.

0
0
9

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…