{"id":78,"date":"2022-02-02T19:07:16","date_gmt":"2022-02-02T19:07:16","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/artdegree\/?p=78"},"modified":"2022-02-02T19:07:33","modified_gmt":"2022-02-02T19:07:33","slug":"beam-me-to-a-2-5d-world-bp-5","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/artdegree\/2022\/02\/02\/beam-me-to-a-2-5d-world-bp-5\/","title":{"rendered":"Beam Me to a 2.5D World (BP #5)"},"content":{"rendered":"\n

Paper Mario: The Thousand Year Door is a Good Game<\/h4>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Image Source<\/a> <\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

It’s such a good game that we decided to move forward with that visual aesthetic then having everything in our immersive world be in 3D. … Or it was by my request and because I love it.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Tasks Accomplished: Week <\/strong>5<\/h4>\n\n\n\n
<\/div>\n\n\n\n
Technical Tasks<\/strong><\/td>Art Tasks<\/strong><\/td><\/tr>
More work on NavMesh pathfinding<\/td>Painted concept art for seance scene<\/td><\/tr>
Wrote NPC\/background character spawner<\/td>Began 3D modeling, then stopped<\/td><\/tr>
Wrote “Paper Mario” effect script for 2D sprites in 3D environments<\/td><\/td><\/tr>
Made progress with random target generation script (for NavMesh pathfinding)<\/td><\/td><\/tr><\/tbody><\/table>
(as of writing this — there’s still Wednesday, Thursday, and Friday for me to do some more)<\/em><\/figcaption><\/figure>\n\n\n\n

Games Made in 2.5D <\/h4>\n\n\n\n
<\/div>\n\n\n\n

Okay, ours isn’t going to be in 2.5D. It’s still going to be in 3D, but with 2D sprites.<\/p>\n\n\n\n

<\/div>\n\n\n\n

2.5D games have environments that appear to be 3D, but you’re still restricted to 2D movement in the ‘x’ and ‘y’ axes. Since we’re doing an immersive VR game, we can’t have that restriction, but we can pull inspiration from the visual styles born from it. Take for example, the Paper Mario series:<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"
Paper Mario: The Origami King | Gif Source<\/a><\/em><\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Not from the The Thousand Year Door (booooo), but here’s a good example from The Origami King. Mario should<\/em> be an animated 2D sprite on either a single-faced or very low poly plane, yet he’s placed in an environment that includes the z-axis in appearance.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Games Made in 2.5D <\/h4>\n\n\n\n
<\/div>\n\n\n\n

With blessings from my project partners, I’ve decided to move our game’s aesthetic from full 3D assets to a mix of 2D and 3D. I’ve begun to implement some scripts that will help keep the 2D sprite field in 3D.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"
Testing having the forward vector always face the player<\/em><\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Testing sprite spawner and pathfinding<\/em><\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

You can see some of my generated sprites got stuck due to the angle of the ramp. :’)<\/p>\n\n\n\n

<\/div>\n\n\n\n

After watching some tutorials and experimenting, the trick to getting something in the vein of Paper Mario is all about restricting the sprite’s rotations to the y-axis only (which I did after that first gif). I next need to figure out how to calculate when the NPC’s back should be facing the character as opposed to their… face.<\/p>\n\n\n\n

<\/div>\n\n\n\n

?????????????????<\/h4>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Gif Source<\/a><\/em><\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

A<\/strong>: I realized that while I can do basic character modeling, I can be much faster with 2D drawings, which I’m more skilled at anyways. Continuing with 3D modeling was going to put my team behind.<\/p>\n\n\n\n

<\/div>\n\n\n\n

I’m also not confident enough in my knowledge of topology after realizing that you can see models from all angles in VR. A really obvious observation, but I just missed it somehow still. Shame on me. Really, if any weird polygonal bends happen in any of the organic meshes, the immersion will be broken. These bends can be caused by a myriad of issues, including:<\/p>\n\n\n\n

<\/div>\n\n\n\n