Flogon Galaxy: first contact

Mobile PWA game where: We can play as a Flogon Captain andventures with a easy but tricky card game. Meanwhile we are the witness of the first contact between the Flogons & Humans.

Comment 2

Inspiration

My first motivation is technical. I hate relying on too many unnecessary dependencies. That’s why I created this program using only vanilla JS, HTML, and JSDoc, without any framework except Tailwind CSS.

The second motivation stems from my inner creativity, which has been boosted by various AI tools, including Amazon Q. From this perspective, I feel like a team leader, driven by my dream to build something unique. I also want to thank everyone who inspired me in this project. Hopefully, I’ll finish the credits page by the end of the program.

What it does

This project achieves multiple goals. It’s a game, a new JSX library with a Proxy signal that rivals React-based setups, and a developer environment. The developer tools include a markdown-view WebComponent and editor. Thanks to DynamoDB, the environment is ultra-lightweight yet highly effective. Additionally, I created a simple but refined sprite editor.

How we built it

I used a Story-Driven Development process, starting with the visuals and the storyline of the Flogons' world. The main game design focuses on a simple yet challenging card game with great potential for future releases. This is just the beginning.

From a technical perspective, the markdown editor is a classic HTML page with embedded JavaScript, requiring no compilation to run. However, for a wider audience, a minimal PNPM and Vite build setup would be beneficial. Instead of TypeScript, I used JSDoc, which provides many of the same advantages without its drawbacks.

Challenges we ran into

At one point, I realized that querySelector was too slow for development. I revived an old, forgotten JS framework (about 150 lines of code) to handle JSX, significantly speeding up development.

With MidJourney, I created a plethora of images—sometimes too many to keep up with the pace of development. However, JavaScript, being a flexible and creative language, allowed me to maintain my workflow.

Accomplishments that we're proud of

Here’s a summary of the build process:

dist/assets/mine-txzynpoG.js      3.08 kB │ gzip: 1.33 kB
dist/assets/marker-CDmeMeHZ.js    3.08 kB │ gzip: 1.43 kB
dist/assets/throw-CtACwOyr.js     7.86 kB │ gzip: 2.68 kB
dist/assets/deal-ptFW1zND.js     10.26 kB │ gzip: 3.93 kB
✓ built in 1.23s

PWA v0.21.1
mode      generateSW
precache  41 entries (110.77 KiB)
files generated:
  dist/sw.js
  dist/workbox-3e8df8c8.js

What we learned

I couldn’t have imagined how much I would learn during this amazing journey of development. For instance, I had never worked with DynamoDB before this project.

What's next for Flogon Galaxy: First Contact

At this stage, the main part of the story remains untold. I plan to continue developing the narrative. Additionally, I’m considering creating a fast and lightweight markdown-first code editor. You can test the project by building the code yourself.

Built With

  • amazonq
  • chatgpt
  • dynamodb
  • fencer
  • hailuoai.video
  • html
  • javascript
  • jsdoc
  • marker
  • midjourney
  • revoicer
  • suno.ai
  • tailwindcss
Share this project:

Updates

posted an update —

DEVPOST about Flogon Galaxy: first contact

I wroten on that blogpost many coding deatils, but also the missing background story which I included there:

The Untold Story of Flogon

My biggest dept is: I don't have to shaping my story about the Flogons to you. So this chaper at least told a few basic things about Flogons. Please listen it this discusion about Flogon special dream travel capability and the universe undiscovered material the Inverzit.

We don't reach even the closest star system at this moment. But the first contact give a chanche to reach undreamed distances. The main problem because the Flogons are nor technocrat or kapitalist, because the distance and the possible place don't close it, like us. So hard to understund what is the common between us.

So the flogon use a bit different the technic than as, because some of them even cabale to shape change into a item also. Not every flogon can dream travel, also not every flogon capable to that level of shape change - but normal shape chanege is very common. That why sometimes use cloth sometimes not. We don't know yet how many start systems or galaxy they are explored. But our scientist are collect a strange theory from the Flogon from Wora Shard. This is some hidden code which can be ready any one: Just need to be count a 42 markers distance ( fluctuation ) in a π. This is:

Theory of π / 42

A deep dive into the mathematical intrigue behind the Flogon universe, where π and the number 42 hold the key to understanding cosmic resonance. Wora Shard even crated a song about this one.

Wora Shard

A question worth pondering. The short answer? She was just an underground Punk-Metal singer, lost in the echoes of rebellion—until the night she dreamed herself into the vast unknown. One moment, she was on Earth. The next, she awakened on a distant, alien world, surrounded by mysteries beyond human comprehension. Stranded and disoriented, she would have been lost forever… if not for Yogdar, a seasoned Flogon captain who saw something unusual in her arrival. Through perilous journeys across the galaxy, through worlds uncharted and dangers untold, Yogdar guided her back home. But something had changed. Wora was no longer just a singer—she was a traveler between realms, a dreamer who had touched the fabric of a universe she barely understood.

And this… this is where our story truly begins.

Credit Roll

Finally, my big debt is the end credit roll list. Because a same point this development process is looks like a one man show with a AI help. But the whole AI thing is learning for us. So any content or idea which even materialize a AI that is nothing else than a question to the human knowledge base throught a AI interface. Also important to include this list a specific person, who are inspired me and keep my spirit up on these thirilling development rush. Thx for that, credit roll will coming after the freez.

Log in or sign up for Devpost to join the conversation.

Submission history