Welcome to my development blog

Scaling / Resizing Responsive Retina CSS Sprite Icon in React

Images are crucial elements that will bring a strong visual power to a web page. Too many images, however, will deteriorate the performance of a web page due to too many requests to the server. One of the optimisation technique we can use is CSS Sprite, which basically combining multiple images into one image. Then, … Continue reading “Scaling / Resizing Responsive Retina CSS Sprite Icon in React”

Testing with React-Redux Hooks

With the rise of React Hooks, many developers have added hooks into their open source libraries. If you are using react-redux libraries, they also provided hooks such as useSelector and useDispatch as well. Although hooks allow us to use redux with ease in React, however, there is not much documentation about unit testing with hooks. … Continue reading “Testing with React-Redux Hooks”

How to turn on Dark Mode in iOS 13 Simulator

iOS 13 is finally supported dark mode and here is how you turn on dark mode on your iOS iOS 13 simulator. Open Settings app. Go to Developer at the most bottom. Toggle on “Dark Appearance”. Now you have your dark mode.

Supercharge React Native Android app with Hermes

Facebook officially released the Hermes engine as an opt-in feature on Android. By enabling Hermes, Facebook claims that it will improve startup time, decrease memory usage and reduce app size. Let’s find out! Prerequisite To enable Hermes, your app needs to be at least using React Native 0.60.4 and above. If you are using the … Continue reading “Supercharge React Native Android app with Hermes”

React Native Continuous Delivery with Github Actions and Fastlane

Github Actions is the workflow automation tool with CI/CD that allows you to do some tasks, such as running test suite, deploying code and etc based on the Github Events and Types. When an event is triggered, your defined workflow will be run and help you to do some awesome jobs. Today, I’m going to … Continue reading “React Native Continuous Delivery with Github Actions and Fastlane”

Testing React Native With Jest, react-test-renderer And react-native-testing-library

React Native is a great framework for you to write once and build mobile app with Javascript and React to both Android and iOS platform. Everything is pretty easy until your superior telling you, “We need to start practice TDD approach because there are too many bugs surfaced in production to capture the error early”. Sounds … Continue reading “Testing React Native With Jest, react-test-renderer And react-native-testing-library”

Automatically Set iOS Build Number And Android Version Code In Unity Cloud Build

Did you ever have an experience where you automate the build of your games with Unity Cloud Build, but eventually you realise that you forgot to update the build number for iOS and version code for Android? Then, you have to edit the PlayerSettings and wait for the build again…. If you have a same … Continue reading “Automatically Set iOS Build Number And Android Version Code In Unity Cloud Build”

Sorting Layer And Sorting Group For 2D Games In Unity 3D

When building on 2D games with Unity3D, one common issue that we will be dealing with is the sorting the layer of the sprites. In the common way, we can use Sorting Layer and Order in layer to solve most of the 2D game sorting issues. You can find the sorting layer and order in the Sprite Renderer component … Continue reading “Sorting Layer And Sorting Group For 2D Games In Unity 3D”

Tile-Based Movement Using iTween

Shiba’s Adventure is the new roguelike RPG game that we developed in iOS and Android that using tile-based movement. The tile-based movement is very easy to implement and today we would like to share with you how do we achieve the movement like this: The secret recipe that we use is iTween! (Oopsss…it’s no longer secret now). iTween is lightning fast, … Continue reading “Tile-Based Movement Using iTween”

Taking High Quality Screenshots From Unity 3D Editor

Sometimes, you may need to take a good looking screenshot of your game for successful press kit or artwork. It can be tricky and tedious to take a high-resolution from your Unity 3D editor. But don’t worry now, we found a great Unity plugin that can help you solve the problem. Install the Instant Screenshot by Saad … Continue reading “Taking High Quality Screenshots From Unity 3D Editor”

Unity 3D Project Folder Structure Practice

Greetings everyone, today I would like to share with you regarding my experience on Unity 3D project structure when I develop Color Fiesta. Initially I created all the folders under Assets folder just like this: I distribute the folder based on the type of files such as Animations, Prefabs, Sprites and etc. Everything is so neat … Continue reading “Unity 3D Project Folder Structure Practice”

Follow My Blog

Get new content delivered directly to your inbox.

Exit mobile version