On the Setting of an RPG – or, why I like Persona 4 more than Persona 5

Persona 5 is a great game with great UI and a great sense of space. It’s set in modern day Tokyo, and it’s probably one of the most faithful depiction of the city in video games so far, with all the details and clever design tricks to make it, not accurate per se, but to make it feel like you’re inside this big interlocking system that is a metropolis like Tokyo. The overworld is filled with people minding their business, the loading screen depict them strolling left and right, the commercial streets are filled with stores and wares in all colours, and you can occasionally hear bits of conversations floating up, too fast for you to read. It’s brilliant.

I hate walking around in it. I really try to enjoy it though. Some parts of me like how vibrant it is, I know, but the other parts balk at the idea of running around Shibuya’s stations again.

P5-Shibuya


Continue reading “On the Setting of an RPG – or, why I like Persona 4 more than Persona 5”

Advertisements

Creating Modal: The Vanilla Method

“But, sir,” I heard Google asking me when I was looking for how to create a modal for a web page. “Why don’t you just use this handy library these fine people had made? Oh, you’re looking for Bootstrap’s method? You can just use this built-in code with it and it’ll run! Ta-da!”

“No, Google,” I replied, exasperation obvious in my voice. “I don’t want to install another library just for this. I think it’s simple enough. No, Google, I don’t use Bootstrap, I just want to know how it implement its modal. No, Google, I’m not going to load Bootstrap’s entire package just for that!”

Realizing that it would be fruitless to hunt through dozens of Stack Overflow answers which are probably five years out of date anyway, I went on and bang my hands at the keyboard and came up with a decent no-fuss way to do modals (or fullscreen pop-ups, if you like) with pure vanilla HTML, CSS, and Javascript. If you’re reading this, I’m guessing you’re having the same problem as I do.

Here’s the modal I made!

I’ve simplified it as much as possible, so you can learn from it instead of being confused as to what’s what. There’s a couple of things to note here. Continue reading “Creating Modal: The Vanilla Method”