About the author:

Hsin Yi

Hsin Yi

An aspiring programmer, Hsin Yi has decided to learn coding the hard way by making games. She has recently taken an interest in web programming, so you may catch her slaving away at HTML, CSS and Javascript in her free time too.

All posts by Hsin Yi:

Why doesn't vertical-align: middle work?

Why doesn’t vertical-align:middle work? How to vertically-centre elements in HTML and CSS

If you are new to working with CSS, you may find that the language comes with its fair share of quirks that can be frustrating, such as the text-align attribute not always working at horizontally-aligning your content. In a similar way to text-align, the vertical-align attribute doesn’t always work at aligning your content vertically. Take the following HTML code for example:

<div style="width:100%;height:140px;background:#ddd;text-align:center;vertical-align:middle;">
	<img src="http://placekitten.com/75/75"/>
</div>

Even with the vertical-align:middle style assigned to it, the image doesn’t align itself vertically! What’s going on? Here’s a quick breakdown of how to do it, with lots of examples, without having to do too much reading (great for if you’re rushing out a school assignment).

Continue reading →
0
A primer on vertical-align in CSS

How to vertical-align text elements in CSS — the last guide you’ll ever need

Of all the CSS attributes that are available to web developes, the vertical-align attribute is perhaps the most mystifying. At first glance, the attribute seems like the vertical aligning cousin of the text-align attribute, but when you try and use it to vertically-centre your elements, it doesn’t work!

<div style="height:100px;background-color:#eee;">
	<p style="background:#dcc;">Item to be vertically-centred</p>
</div>

Item to be vertically-centred

Continue reading →
0
glowing shader article splash

Writing a Unity Shader script for a glowing material — A deeper look

Subtle background animations always help to set the mood of the game. It might only be something simple as a slowly pulsing glow, but it adds to the ambience of the digital city that Terminus is set in.

This article takes a deeper look into some parts of my animated shader tutorial on Youtube, where I went through the creation of a shader used in one of my team’s recent projects.

  1. SubShader tags
    1. Queue
    2. RenderType
  2. Vertex and fragment
  3. Time
  4. Emission formula
Continue reading →
0
Creating a Farming RPG in Unity - Part 11: Saving Farmland Data

Creating a Farming RPG (like Harvest Moon) in Unity — Part 11: Saving Farmland Data

Ever wanted to create a game like Harvest Moon in Unity? Check out Part 11 of our guide here, where we go through how to save our farmland’s data. You can also find Part 10 of our guide here, where we went through how to set up scene transitions.

A link to a package containing the project files up to Part 10 of this tutorial series can also be found at the end of this article, exclusive to Patreon supporters only.

Continue reading →
2
Best practices when uploading images onto WordPress

Best practices when uploading images onto WordPress

If you’re managing a WordPress site that you’ve developed yourself, or one that has been created by a developer and handed over to you, this is a handy guide that you should read. It covers how to optimise your images, so that:

  1. Your site loads as fast as possible, and;
  2. Your images are optimised for crawling and indexing by search engines like Google
Read more
0
Creating a Farming RPG in Unity - Part 10

Creating a Farming RPG (like Harvest Moon) in Unity — Part 10: Scene Transitions

Ever wanted to create a game like Harvest Moon in Unity? Check out Part 10 of our guide here, where we go through how to set up scene transitions. You can also find Part 9 of our guide here, where we went through how to improve on our current Inventory system.

A link to a package containing the project files up to Part 10 of this tutorial series can also be found at the end of this article, exclusive to Patreon supporters only.

Continue reading →
0
Creating a Farming RPG (like Harvest Moon) in Unity — Part 9: Improving on the Inventory System

Creating a Farming RPG (like Harvest Moon) in Unity — Part 9: Improving on the Inventory System

Ever wanted to create a game like Harvest Moon in Unity? Check out Part 9 of our guide here, where we go through how to improve on our current Inventory system. You can also find Part 8 of our guide here, where we went through how to make crops that can be harvested multiple times.

A link to a package containing the project files up to Part 9 of this tutorial series can also be found at the end of this article, exclusive to Patreon supporters only.

Continue reading →
0