Forem: Focss

Finding Pixel Flow levels with a 768-bit RGB pHash visual search

Focss — Thu, 02 Apr 2026 06:47:36 +0000

I’m a big fan of the game Pixel Flow, but I often find myself getting completely stuck on specific levels. Because it is a purely visual grid game, you cannot simply search for a solution using text. To solve this, I built a reverse image search engine specifically designed to find level solutions based on a screenshot.

The challenge was figuring out how to do image matching quickly, accurately, and without heavy infrastructure. Here is how I approached the technical side:

Multi-Channel pHash (Per-Channel RGB)
Most perceptual hashing (pHash) implementations convert an image to grayscale before processing. However, in a game like Pixel Flow, color is the primary piece of information. Discarding color would mean losing the ability to distinguish between levels with similar layouts but different color palettes.
To fix this, I split the image into its Red, Green, and Blue channels and computed a 256-bit pHash for each channel independently.
Combining into a 768-Bit Fingerprint
After generating a 256-bit hash for all 3 channels, I concatenated them. This creates a combined fingerprint of 768 bits (256 * 3). This captures both the structural layout and the color distribution of the game level perfectly.
Hexadecimal Compression
Storing and querying a raw 768-bit binary string isn't the most efficient approach for database queries. To reduce the data footprint, I convert the binary string into a hexadecimal string. This brings the size down to just 192 characters while retaining all the precision.
Fast Hamming Distance Matching
When a user uploads a screenshot, the system generates its 768-bit hash on the fly. It then compares this hash against the saved database of known level hashes. By calculating the Hamming distance (the number of positions at which the corresponding bits are different), it can rapidly find the closest match.
Displaying the Top 6 Matches
Finally, the system pulls the 6 records with the smallest Hamming distance and displays them to the user. Showing a small cluster of top matches instead of just one gives the user fallback options in case there are minor discrepancies due to image cropping, phone UI overlays, or screen dimming.

I'd love to hear your feedback on this! Are there more efficient ways to handle color-sensitive image hashing for grid-based games?

Link to the site: https://pixelflowonline.net/

From Zero to Ranked: Building a High-Performance NBA Player Randomizer with Next.js 14 & Cloudflare

Focss — Sun, 15 Feb 2026 02:47:35 +0000

As a developer and an NBA fan, I noticed a recurring problem in communities like r/NBA2K: players often get "choice paralysis" when starting a new MyLeague rebuild or a Blacktop 1v1 session. Static lists are boring, and existing randomizers are often cluttered with ads or lack specific filters.
I decided to build a high-performance solution: . Here’s how I leveraged Next.js 14 and Cloudflare to create a tool that is not only fast but also highly optimized for SEO.

1. The Stack: Why Next.js and Cloudflare?

For a tool-based website, performance is the primary SEO signal. I chose:

Next.js 14 (App Router): For its superior handling of Server Components and built-in Image Optimization.
Cloudflare Pages: To deploy at the edge, ensuring the generator loads instantly regardless of the user's location.
Tailwind CSS: For a "dark mode" aesthetic that resonates with the gaming community.

2. Data Strategy: JSON vs. CSV

While many data-heavy sites rely on databases, I opted for a JSON-driven architecture.
Performance: Next.js can import JSON files directly, allowing the JS engine to parse data with zero runtime overhead compared to CSV.
Filtering Logic: Storing player data in a structured JSON format allowed for instant client-side filtering by Team, Position, and Country without a single API call.

3. The Core Logic: Ensuring True Randomness

A common complaint with randomizers is "repetitive results." To ensure every player in the NBA database has an equal chance, I implemented the Fisher-Yates Shuffle algorithm.
This algorithm ensures an unbiased permutation of the player array.
When a user applies a filter—like "Center from France"—the tool first creates a filtered subset and then applies the shuffle to provide a fresh result every click.

4. SEO for Tools: Beyond the Meta Tag

Tools often suffer from "Thin Content" issues in the eyes of Google. To break into the first page of search results, I focused on:
Topical Authority: Instead of just a button, I added a comprehensive FAQ section explaining the tool's use cases for NBA 2K Challenges and Fantasy Basketball.
Dynamic Metadata: Each page uses Next.js 14’s generateMetadata to ensure that keywords like "Random NBA Team" and "2K26 Randomizer" are indexed correctly.
Internal Linking: I built a "Topic Cluster" by linking the main player generator to specialized tools like the NBA Team Generator.
Check out the live project here: https://randomnbaplayergenerator.net/

Random Nba Player Generator - A Free Tool

Focss — Wed, 04 Feb 2026 10:00:16 +0000

NBA Random Player Generator – What It Is

This free online tool instantly generates a NBA random player from both current and all-time rosters. Whether you're settling debates, playing fantasy games, or creating fun challenges, this generator gives you new players with every click.

How To Generate Random Nba Player

The Random NBA Player Generator works by leveraging a comprehensive database that includes detailed information on both current and historical NBA players. This database is meticulously compiled and regularly updated to ensure it encompasses a broad spectrum of players from different eras of the NBA. When a user interacts with the Random NBA Player Generator, the tool executes a randomized selection process.

Frequently Asked Questions

Is the Random NBA Players Generator free?

Yes, the Random NBA Player Generator is 100% free to use. Our mission is to provide a high-quality, accessible tool for the global basketball community. There are no hidden subscription fees, no "premium" tiers for specific teams, and no mandatory registration or login required. You can generate an unlimited number of players, experiment with all filtering combinations, and use the tool for your personal projects or gaming sessions without ever reaching for your wallet. We believe that the love for the game should be accessible to everyone, and this tool is our contribution to that vision.

Does it include current NBA players?

Yes, the generator includes active NBA players from recent seasons.

Can I use this tool for games or challenges?

Absolutely. Many users use it for NBA trivia, fantasy challenges, or social media content.

Is each result truly random?

Yes. Each click generates a new, random NBA player from the database.

Can I filter players by team or position?

Currently, the generator provides fully random results. Filters such as team, position, or era may be added in future updates.

Why would someone use a random NBA player generator?

People use random NBA player generators to discover new players, make unbiased selections, settle debates, or simply have fun with basketball-related challenges.

If you want to experience it, you can click on the link

https://randomnbaplayergenerator.net/