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

Pokemon WebOS

  • 4 Devlogs
  • 10 Total hours

i will try to make a Pokemon WebOS

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 *

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?)

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?)

Replying to @Sahild

0
2
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

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

Replying to @Sahild

0
2
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

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

Replying to @Sahild

0
2
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.

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.

Replying to @Sahild

0
4

Followers

Loading…