AuthorTopic: Wing Commander Pixel Art-y Unity Remake  (Read 2939 times)

Offline eishiya

  • 0100
  • ***
  • Posts: 1174
  • Karma: +2/-0
    • http://pixeljoint.com/p/28889.htm
    • View Profile
    • Webcomic: Black Dram

Re: Wing Commander Pixel Art-y Unity Remake

Reply #10 on: July 10, 2019, 01:15:06 am
Hard to give a list, almost all the assets you've posted have some noisy bits that, in a perfect world, would be worth cleaning up. The parts that stand out the most to me are in the cockpit: the area around the round screen, the ceiling, the side-frames of the main window, and the orange bit in the bottom centre.

Offline Vinik

  • 0010
  • *
  • Posts: 196
  • Karma: +0/-0
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #11 on: July 10, 2019, 03:39:15 pm
Cool, so it is just quite low Fov.

I would add to eishiya's list that the ship's green "windshield" (don't know the equivalent term for airplanes and ships) have gradients that look a little too smooth for typical pixel art, and it seems to be skipping the dithering part of the style (intended?).

Anyway, this looks really great :). If I were you, I would be tempted to rebrand this as a game without WC IP/designs after you are finished having fun :P. Also, do you have any plans on commercially releasing your pixel-art rendering tech as a shader?

Offline Howard Day

  • 0010
  • *
  • Posts: 205
  • Karma: +0/-0
  • Hey, I'm a doofus.
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #12 on: July 11, 2019, 06:29:20 am
eishiya:Thanks! I'll see if I can make these things less noisy - It increases my render times, but does improve the look.
Vinik: I've done that sort of thing before...I just in this case really like the nostalgic feel of this particular universe, and I'm on a roll, creatively. Id sorta hate to stub my mental toe, so to speak, and change direction. Does that make sense?
Here's an update on the damaged version - I'm really proud of how the glass looks.

And the Sprite masking in Unity is super cool, too - I can easily dynamically blend this guy with the clean version, with dithered edges. It's cool. :D

Offline Vinik

  • 0010
  • *
  • Posts: 196
  • Karma: +0/-0
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #13 on: July 12, 2019, 01:45:43 am
It surely makes sense to have fun :) and any step by step on the process of doing this would elevate this thread to a treasure-chest-level art reference :D
« Last Edit: July 12, 2019, 01:47:18 am by Vinik »

Offline Howard Day

  • 0010
  • *
  • Posts: 205
  • Karma: +0/-0
  • Hey, I'm a doofus.
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #14 on: July 13, 2019, 11:43:18 am
I will do that, then!
Got Damage Masking working!

Offline Kich

  • 0001
  • *
  • Posts: 42
  • Karma: +0/-0
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #15 on: July 13, 2019, 02:06:56 pm
This is looking great. :o

Thanks, pistachio! The UI and cockpit...are renders. No painting. I directly save images from 3DSMax to Unity. I fiured out how to do index painting in max, and I love the poop outta it. Here's a glimpse at a straight from MAX 3D render of the main menu:


I'd love to hear how you did that rendering on 3DSMax.

Offline Howard Day

  • 0010
  • *
  • Posts: 205
  • Karma: +0/-0
  • Hey, I'm a doofus.
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #16 on: July 15, 2019, 04:34:48 pm
Sure! I'll even share the MAX file. :D So, the basics are: Build a mesh, duplicate that mesh, push it out a bit, turn it inside out, and make it slightly darker than the original.
Then for the materials, you should grab this plugin - http://www.ddag.org/products.html F-Edge. It provides really nicely controlled edge smoothing in scanline 3dsmax.
So the basic workflow for the materials is to use a mapped Gradient ramp using a bitmap gradient.

I've actually got it a bit wrong here - for the gradient to ramp correctly, the bright side should be on the right, not left - but since I'm lazy, I just added an inverting output node to fix it.
So here's what the controlling composite map, under that output node looks like!

Layer 1 is a simple gradient that's mapped using UVs on the text - it goes bottom to top, and front to back on the text model. The second is the highlight edge 0 it uses the f-edge material to call out the hard edges of the text with bright corners, and then is masked by an angle blend to only appear on the bottom of the text. The top is the dither - it's a 1-1 screen-mapped texture that is just a tiled classic dithering pattern. This is blended in very gently at 10%.
There you go! That's basically how I made these:


and as promised, here's the max file, with everything you need in 2015 format!
http://www.hedfiles.net/StartDemo.zip
Enjoy!

Offline Vinik

  • 0010
  • *
  • Posts: 196
  • Karma: +0/-0
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #17 on: July 17, 2019, 01:23:19 am
Amazing tutorial, thank you Howard :y:
So, the basics are: Build a mesh, duplicate that mesh, push it out a bit, turn it inside out, and make it slightly darker than the original.
I have been using this as a way to have cheap outlines on meshes, interesting that it can be also be used in renderings with this level of quality.

I am not a fan of dithering in general, except when it implies texture, but here it does help selling the pixel-art-ish style of the renders.

Are all materials such as the green painted metal and the rest of the cockpit being rendered with gradient ramps as well? I was under the impression that the color ramps were caused by a LUT posterization on the whole screen, rather than a mapped gradients per material. I wonder if the rote would be too different to achieve something similar to your results in blender.

Offline Howard Day

  • 0010
  • *
  • Posts: 205
  • Karma: +0/-0
  • Hey, I'm a doofus.
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #18 on: July 23, 2019, 02:40:18 am
Yeah - I agree that too much dithering is...problematic. I try and keep it subtle - just enough to look like someone polished their pixel art a bit. And yep - all the materials are gradient ramps. The LUT posterization on the final product just enforces the 236 color limit - but most of the colors are already in that range save for some little fringes of AA here and there.
I'd be excited to see what you come up with out of Blender!

Here's the new added Salthi, both in turnaround and in action!


Also showing off how well those damage effects work!
Enjoy!

Offline Howard Day

  • 0010
  • *
  • Posts: 205
  • Karma: +0/-0
  • Hey, I'm a doofus.
    • View Profile

Re: Wing Commander Pixel Art-y Unity Remake

Reply #19 on: July 26, 2019, 06:34:07 pm
I'm pretty close to pushing out a new update to the demo - A major update, in fact.

And I['m starting to think about the Dralthi cockpit. That'll be the first playable version - where you can pick a side to have combat with.
Here's a glimpse of the Dralthi IV cockpit I did a while ago.

Enjoy!