nowfound

Dev tools · March 13, 2022

I made my personal website a Pokémon-style minigame using Phaser 3

Repo here: https://github.com/ariroffe/personal-website

I made my personal website a Pokémon-style minigame using Phaser 3 launched on March 13, 2022 with 425 votes, #22 of 3,153 launches that month and more than 99% of that year's launches. The site was still online in September 2026, 4 years on.

Visit arielroffe.quest ↗Alternativestop 1% of March 2022

In plain words

This is a personal website built as an interactive Pokémon-style minigame using Phaser 3, a JavaScript game framework. It serves as a portfolio or about page for the developer, combining traditional web presence with playable game mechanics. The project demonstrates how game development libraries can be repurposed for creative website design, blending entertainment with information presentation in an unconventional format.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • IM
    I made a web game called Almost Pong2022 · lessmilk.com · ▲1,135

    Hi HN! I made many small web games in the past with Unity or Phaser. But this time I wanted to make something completely on my own. So I coded a basic game framework in plain JavaScript, and used it to make Almost Pong. This was a really fun project that taught me a lot about JavaScript, and I plan to make more minimalist games with this framework. Interesting fact: Almost Pong doesn't load any assets, all sprites and sounds are generated with code. Happy to answer questions, and please let me know if you have any feedback on the game. Thanks!

  • A Marble Madness-inspired WebGL game we built for Netlify2024 · 5-million-devs.netlify.com · ▲616

    Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…

  • A small browser game (PC only) built with Phaser 32025 · cubic-zombies.pages.dev · ▲9

    Hi HN! This is my first game — something I’ve always wanted to do. It’s a small browser game built with Phaser 3, React, and the phaser template (https://github.com/phaserjs/template-react-ts/). I made it in 2 days (like 8 hours in total real time) using gemini-cli. About 90% of the code was generated with AI, but I learned a lot by making fine tweaks. It only works on PC since it’s a typical WASD + R (reload) shooter. I’d love feedback on: - Gameplay (is it fun, too hard?) - Ideas for new features Thanks in advance! ps: I used cubes as a prototype, but now I kind of…

  • Phaser Editor 2D2021 · phasereditor2d.com · ▲75

    Friendly web-based IDE for making HTML5 games

  • Pokemon prototype game made with JavaScript and p5.js2024 · github.com · ▲75

    Pokemon game made with JavaScript + p5.js library. Contribute to JSLegendDev/Pokemon-p5js development by creating an account on GitHub.

  • Gamedex, my collection of Three.js game dev experiments2022 · github.com · ▲66

    👾 The code for my Three.js game dev experiments on YouTube. - SuboptimalEng/three-js-games

More dev tools this month

the category →
  • Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

    Dev tools · 1d ago · github.com

  • /dev/null▲492

    a social network for devs

    Dev tools · 4d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 29d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 24d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 22d ago · talanoa.email

Source: Show HN post ↗

Launched alongside, March 2022

the whole month →
  • IM

    Hi HN! I made many small web games in the past with Unity or Phaser. But this time I wanted to make something completely on my own. So I coded a basic game framework in plain JavaScript, and used it to make Almost Pong. This was a really fun project that taught me a lot about JavaScript, and I plan to make more minimalist games with this framework. Interesting fact: Almost Pong doesn't load any assets, all sprites and sounds are generated with code. Happy to answer questions, and please let me know if you have any feedback on the game. Thanks!

    Dev tools · 2022 · lessmilk.com

  • IM

    Life & fun · 2022 · networksfromscratch.com

  • HA

    Paste the following into the console of any HN page - for annotated avatars on all HN comments. (self contained code) for(u of document.querySelectorAll('.hnuser'))for(u.prepend(c=document.createElement('canvas')),x=c.getContext('2d'),c.width=18,c.height=14,s=u.innerText,r=1,i=28+s.length;i--;i>>29>X*X/3+Y/2&&x.fillRect(6+2*X,2*Y,2,2)&x.fillRect(6-2*X,2*Y,2,2):r+=s.charCodeAt(i-28,x.fillStyle='#'+(r>>8&0xFFFFFF).toString(16)))r^=r>>17,r^=r>2

    Dev tools · 2022

  • Tome Beta▲697

    The storytelling tool for work

    Work · 2022 · tome.app

  • Kairn▲694

    Regain control over your days

    Dev tools · 2022

  • How well do you know your area? Test your knowledge by locating streets on a map.

    Work · 2022 · backofyourhand.com