CSS
Have you ever needed to keep an iframe running even when it’s “hidden” from view? This seemingly simple requirement can become surprisingly complex due to browser optimizations. In our case, we needed to maintain active game states in minimized game widgets without affecting performance or user experience.
Read more “Keeping iframes Running When Hidden: A Journey Through Browser Optimizations”
TypeScript
As a software engineer and board game enthusiast, I wanted to solve a common problem in our office: organizing our weekly board game nights. While we had a regular schedule (Friday afternoons), we needed a better way to:
This led me to create a Slack bot that would handle these tasks automatically. In this post, I’ll share my journey of building this bot using TypeScript, Slack’s Web API, and GitHub Actions.
Read more “Building a Slack Bot for Board Game Nights with TypeScript and GitHub Actions”
PixiJS
The culling feature has been available as an extension in earlier versions of PixiJS, but with the release of PixiJS v8, it is now officially integrated into the core. This motivated us to revisit the feature and explore how to take advantage of it. However, the current documentation and examples are still limited. In this article, I’ll walk through how culling works in PixiJS v8, highlight some nuances, and share my personal insights on its usage.
Read more “Optimizing Rendering with PixiJS v8: A Deep Dive into the New Culling API”
PixiJS
I built a re-skinned version of the classic Flappy Bird game called Flappy Spaceship, with a space theme, using Pixi-React v8 beta. The goal was to explore Pixi-React as a game engine without adding new game mechanics.
Read more “Flappy Spaceship – Exploring the Frontiers of Pixi-React v8 Beta”
PixiJS
Pixi’s Asset Pack has officially reached version 1.0, and after diving deep into it, I can confidently say that it shows a lot of promise for our projects. However, there are still some issues that need ironing out. In this post, I’ll walk you through how it works, the benefits it offers, and a few limitations we’ve encountered.
Read more “Pixi’s Asset Pack 1.0: A Step Forward for Asset Management”
PixiJS
It is a common scenario to have dynamic information within an animation, such as UI with dynamic text or a character holding different items. In such cases, we may want to add a child Pixi object (such as BitmapText, Sprite, Container, or even another Spine) to a slot of a Spine animation and have it follow the slot’s transformation during the animation.
Read more “Adding a Pixi Object to a Slot in Pixi Spine”
PixiJS
Transitioning from Unity to Pixi.js, one noticeable absence was the sliced sprites, especially when working on resizable UI elements like progress bars. Thankfully, Pixi.js offers a comparable component known as NineSlicePlane, which resembles Unity’s sliced sprites in function. Although there are few resources and examples available for NineSlicePlane, this article aims to delve deeper into its behavior and outline how it aligns with my expectations.
Web Dev
You’re probably familiar with house ads (or cross-promotion ads) in mobile games. Famous game publishers like Vodoo use house ads extensively to cross-promo their products. While you can put the house ads locally and pre-built them in the apps, having a server to serve the API and assets can give you live control of the ads. You can also use this as app event notices, to gives dynamic information and interaction with your users. This article will walk you through how to create the API calls with Laravel step-by-step.
Read more “Develop House-Ads API With Laravel For Mobile App/Game”
Web Dev
Have you ever wanted to add a redeem code feature to your game or app? A redeem code system is always useful for rewarding your users and boost user retention in events, or compensate the angry users for any particular bugs. While there are quite a few free or paid third-party solutions on the market, but making your own gives you more control and customized features as you would like. This article will walk you through how to create API calls and simple console pages with Laravel step-by-step.
Read more “Develop Redeem Code API With Laravel For Mobile App/Game”
Startup
We use Wix to build up our Block 42 website. It is a great tool that makes web design easy and saved us a lot of time, even saved us the need to hire/outsource a professional web designer/developer.
Read more “Setup Free External Mailboxes in Wix and Avoid Spammed”