Cool Emu - Web Based Retro Emulator banner

Cool Emu - Web Based Retro Emulator

18 devlogs
55h 32m

NOTE: https://github.com/Notenlish/cemu this is where the code is. The code used to be at https://github.com/Notenlish/cool-emu but I since then moved it over to a /cemu repo. This is because the old repo had a link to a ROM hosting website, and a…

NOTE: https://github.com/Notenlish/cemu this is where the code is. The code used to be at https://github.com/Notenlish/cool-emu but I since then moved it over to a /cemu repo. This is because the old repo had a link to a ROM hosting website, and appearently that was not legal, I dont want to get sued for Nintendo, so I deleted the link to the ROM website and moved over the code to the /cemu repo. Thank you for your understanding. I’ve temporarily made the old repo public, so that you can easily see all the commits(I will private it once you are done reviewing)

Cool emu is a web based retro emulator. It supports popular game consoles like NES, SNES, Playstation, PSP and Nintendo 64.

This project uses AI

Asked it for help when I was frustrated and couldn’t get static builds to work. Also used it to search for a CSS feature.

Demo Repository

Loading README...

Noten

Shipped this project!

Hours: 55.53
Cookies: 🍪 1376
Multiplier: 20.65 cookies/hr

I built a web based retro console emulator! Hardest part was dealing with the random errors javascript likes to throw at me, CSS was sometimes a pain too.

I’m proud that I was able to ship this in time(less than 2 hours remaining lol).

I hope you like the site. And I hope that there aren’t any last minute bugs I didn’t catch.

Noten

Added playstation emulation page

I still have not managed to get the cloudflare pages thingy to work.

Attachment
Attachment
0
Noten

Javascript on the server was a mistake

I’m trying to get cloudflare pages to deploy but it fucking does not want to cooperate.
I was thinking of using cloudflare workers for the site but if I use workers I will have to setup R2 object storage which isn’t great because cloudflare can just bill me for extra usage. If someone DDOS’s me I don’t want to have to pay exorbitant amount of money to cloudflare.

Attachment
0
Noten

I dislike CSS very much.

Don’t ask me why it took so long to overlay a radial gradient above a tiled background.

Attachment
0
Noten

Fixed a couple of visual glitches and updated the logo.

Added these consoles:

  • gameboy
  • nintendo 64
  • nintendo ds

All that’s left to do now is to finish the rest of the consoles, and deploy this website I think.

Attachment
0
Noten
  • migrated to astro 6
  • added pagination
  • fix an issue caused with games not being sorted by popularity
  • tried to optimize the dev server(it was taking like 40 seconds when I tried to start the dev server) but failed
  • fixed a small bug in the contact form

I need to make the pages for all the consoles now, after that I will just need to connect this to a domain and host on a service.

I spent like 2 hours trying to get the dev server to start faster but for some reason my efforts were not fruitful. I geniunely don’t know why its incredibly slow.

Attachment
Attachment
0
Noten
  • Added contact page
  • Added features section
  • Added more consoles to scrape roms for.
  • Updated the index, games and play pages to be mobile friendly

I am currently waiting for the scraper to finish scraping games so that I can add all the other consoles too. As of writing this I have scraped more than 16 thousand games.

Attachment
Attachment
Attachment
Attachment
Attachment
0
Noten

Implemented game page, you can now download the roms from individual game pages.

I wrote a small todo as well:

  • Scrape all the other console games
  • Features section
  • Contact us page
  • Make the pages for all the consoles(at least 10)
  • Make the site mobile friendly
  • Integrate some sort of privacy-first analytics
  • Deploy on netlify/cloudflare workers/something else
  • Buy domain
  • Connect domain
  • Replace the logo & favicon maybe.
Attachment
Attachment
0
Noten

Implemented a webscraper using scrapy and started a simple scraping run for sega saturn games.
I also added some pixelart icons to the hero section. Added an frequently asked questions section.

Updated the nes emulation page a bit.

Next I’ll be tackling the games page, that way people can find a game they would like to play.

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
1

Comments

AcNir7
AcNir7 3 months ago

Cool! I see your hardwork. Can you also check my projects!

Noten

I want to make the web design of this website good but I am having trouble coming up with good ideas. Next update hopefully will be better.

Attachment
Attachment
Attachment
Attachment
0
Noten

Created a new website by following the guide at https://www.shadcn-svelte.com/ and https://docs.astro.build/en/install-and-setup/

Using tailwindcss, shadcn-svelte, svelte, astro and https://github.com/EmulatorJS/EmulatorJS

Spent like an hour making a proper text container which switches the words by moving them vertically.

The logo is my recreation of “cool sunglasses emoji pixelart” images I found on google.

I also found a translation issue in emulatorjs and made a Pr to fix the localization of Turkish.

Due to copyright laws I wont be hosting game ROMS however you should be able to find game roms pretty easily online (legally, of course).

Anyways here is Super Mario Bros. running on the web!

Attachment
0