Search for a command to run...
The last week I worked on my open-source project HighScore and I released a new version.
I'm passionate with new technologies and specialy by the web! I like making web application from scratch to production build. My favorites technologies are Nodejs, Typescript and Vuejs. I also master Mongodb, Web Component, Electron and many others.
No comments yet. Be the first to comment.
It's been a long time since I wrote something on this blog, but now it's time for a change! For several months, I've wanted to get back to writing articles, but life has been really busy, etc., etc. During the time I wasn't writing, I worked on many ...
While my current project, Escape The Wave, is on hold as I'm awaiting visual assets from a friend, I've decided to take on a new challenge.
During this week of development, I focused on improving the performance of my game Escape The Wave
Game development can be both challenging and exciting. It requires a lot of effort and creativity to come up with a game that is both engaging and enjoyable. In this devlog, I will be sharing my progress on my new game Escape The Wave. Adding Escape ...
I focused on the procedural generation of the map.
The last week I worked on my open-source project HighScore and I released a new version. HighScore is an open-source leaderboard and is an alternative to the Google Play Service, which allows you to create leaderboards for your games and add some others features to your game. Highscore is currently under development and a lot of features are missing, but you can try the leaderboards which allow you to store your game score easily. This new version contains a new bad words filter, a custom download link and a rate limit to prevent spam.
This new feature allows you to prevent poorly words into the name of the score sent. To work I use this bad-words library which already contains a default list of words. However, you can also add your own words depending on your language.
For HighScore, I just created a middleware that cleans each request which contains the name field into his body. This is the sample of the middleware.
import { MiddlewareMethods, Middleware } from "@tsed/platform-middlewares";
import { Context, Next } from "@tsed/common";
import { words } from '../../config/ban.json';
import { envs } from "../config/envs";
import BadWordsFilter from "bad-words";
@Middleware()
export class ScoreMiddleware implements MiddlewareMethods {
private filter: BadWordsFilter;
constructor() {
const { HIGHSCORE_DISABLE_BAD_WORDS } = envs;
// Configure the bad word filter on the app start
this.filter = new BadWordsFilter({
emptyList: HIGHSCORE_DISABLE_BAD_WORDS === 'true'
});
// Add more custom words from 'config/ban.json'
this.filter.addWords(...words);
}
use(@Context() $ctx: Context, @Next() next: Next) {
// Prevent request without body
if (!$ctx.request.body) {
return next();
}
// Clean body name
const { name } = $ctx.request.body;
$ctx.request.body.name = this.filter.clean(name);
return next();
}
}
I use Ts.ed as the framework, go to this site to know more about this awesome framework.
The second feature of this release is the custom download link. This allows you to redirect to another page depending on the user platform. Why this feature? Because when you create a game for multiple platforms like Android, iOS, Windows, and Linux. You want to have a single entry point to download your app or game. For example, if you want to create a Qr code for your mobile game that is for Android and iOS you can use this endpoint in your QR code. When the QR code is scanned the user is redirected to the good application store.
The last feature is a rate limit to prevent spam. Highscore has no auth system all endpoints are public and can be accessible by anybody. That's why adding a rate limit is useful to prevent abuse requests for a malicious users. For this, I used the very good express-rate-limit library which does the job perfectly. Like all other features, you can configure the rate limit using env variables.
The next release will contain a custom privacy page pre-built for the application store, like Google Play or the AppStore. It will also contain a new category system to create a leaderboard for different categories. You can already try HighScore using the official docker image or contribute to it via the GitHub repository.
Thank you for reading this article!