Website powered by

Unreal 5 Visual Novel Practice

This is a work in progress. More in-depth look at this project:
https://darkurr.myportfolio.com/visual-novel

I wanted to learn more about Unreal and how to implement UI so I decided to build a small, simple example visual novel game based on my comic. Building a small, simple visual novel in Unreal is not so simple for me as an artist, but with lots of tutorials I got something functional I can start building with.

Playing the game - basic functionality is in. Typewriter effect, dynamic text/names, continue throbber that changes based text reveal completion, click to complete dialogue, and working dynamic text buttons

Playing the game - basic functionality is in. Typewriter effect, dynamic text/names, continue throbber that changes based text reveal completion, click to complete dialogue, and working dynamic text buttons

The button text color change was set up with a real simple animation.

The button text color change was set up with a real simple animation.

I had attempted to make it so that the material would dynamically auto-scale to the UI element changing sizes, but at this time, the Object Scale node I wanted to use is crashing Unreal, so I have to make do with another static method.

I had attempted to make it so that the material would dynamically auto-scale to the UI element changing sizes, but at this time, the Object Scale node I wanted to use is crashing Unreal, so I have to make do with another static method.

Log screen hooked up and receiving the same data from the datatable.

Log screen hooked up and receiving the same data from the datatable.

A quick view at the dialogue data table.

A quick view at the dialogue data table.

A sample of some of the base blueprints I set up for the VN. Took me several weeks to get something working.

A sample of some of the base blueprints I set up for the VN. Took me several weeks to get something working.

Old iteration basic layout

Old iteration basic layout

Old iteration of the dialogue screen

Old iteration of the dialogue screen

Old iteration of choice buttons

Old iteration of choice buttons

Figma concepts

Figma concepts

Figma concepts

Figma concepts

Some old Figma layout concepts

Some old Figma layout concepts