Curtis Aube – Page 2

Phaser and Webpack and TypeScript, Oh My! – Part 2

If you're just getting here, make sure to check out part 1 where we setup our Phaser 3 project. In this part we will be adding Webpack. You may have noticed in the last part, we pulled the Phaser source from a CDN. This is okay, but when we go to publish our game, we'll probably want all the source…

By Curtis Aube June 26, 2020Game Development, Web Development

Game Development

Phaser and Webpack and TypeScript, Oh My! – Part 1

This will be a 3 part post. In the first part, we will look at setting up a simple Phaser 3 project. In the second part, we'll look at developing and building our project with Webpack. In the third part, we'll look at converting our JavaScript project to TypeScript and how we can better organize our project. So tell me,…

By Curtis Aube June 19, 2020Game Development

Web Development

Colorized SVGs

On to the topic of theming again! I talked about setting theme colors in my post Automatic Theme Colors, but what happens when we also need to change the color of our icons? One solution is to use an icon font. The advantage is that it allows you to change the color simply by changing the font color, but there…

By Curtis Aube June 12, 2020Web Development

Version Control

Revert, Revert!

When developing software, it's common to use a version control system. It's a great tool to help your team collaborate on development. Unfortunately, at some point in the course of developing your software, you will probably run into problems. When you do, version control is once again there to help you, this time by providing tools to review and undo…

By Curtis Aube June 5, 2020Version Control

Game Development

Determine Unity’s Rendering Pipeline at Compile Time

I've been updating my Smooth Screen Transition asset to support VR in Unity's new Universal Rendering Pipeline (URP). Since Screen Space UI doesn't work with VR and you can't use the GL api with URP, I needed to look for an alternative and found this bit of code that uses Unity's CommandBuffer to draw a full screen quad to the…

By Curtis Aube May 29, 2020Game Development

Progress OpenEdge

Rounding and TDD in Progress OpenEdge

Have you ever needed to round something up or down to a certain number of decimal places? This is pretty common, especially when dealing with currency. Progress OpenEdge has a built-in arithmetic function called round that can round to the nearest precision. It's used like this: round(45.566, 0). // 46 round(45.566, 2). // 45.57 round(45.565, 2). // 45.57 round(45.564, 2).…

By Curtis Aube May 22, 2020Progress OpenEdge

Progress OpenEdge Web Development

Automatic Theme Colors

I recently received a task to make a website themeable. The user would be able to select a small set of theme colors and all the colors used in the app would then be based on those theme colors. This means automatically selecting appropriate additional colors. Let's look at how to solve this with CSS variables and Progress OpenEdge. The…

By Curtis Aube May 15, 2020Progress OpenEdge, Web Development

Progress OpenEdge

Processing Image Orientation Data

Late last year, I was looking into a reported issue that images were not displaying in the correct orientation on the web. It appeared to only happen when uploading pictures that were taken on certain cellphones. We eventually narrowed down the issue to JPEG orientation data. First, let's look at what's happening here, and then we'll look at ways to…

By Curtis Aube May 8, 2020Progress OpenEdge

Progress OpenEdge

Object Serialization in Progress OpenEdge

Since Progress version 11.7 we have the ability to serialize and deserialize class-based objects. What is serialization? Simply, it's the process of converting an object into a format that can be transmitted or stored and then remade into the object at a later time. As of this writing, json and binary formats are available. So what does this allow us…

By Curtis Aube May 1, 2020Progress OpenEdge