Pixel art with GLSL cel shade lighting concept

Showcase your libraries, tools and other projects that help your fellow love users.
GarbagePillow
Prole
Posts: 41
Joined: Wed Sep 26, 2012 9:19 pm

Re: Pixel art with GLSL cel shade lighting concept

Post by GarbagePillow » Fri Oct 12, 2012 5:03 am

Kikito is right. I don't think there is much need to do very detailed models, most of it would get lost when you scaled things down. The trick is to know what kind of angle and distortion you are viewing your world in. You definitely don't want to take a screenshot of the model while viewing it with perspective. And you might want to scale things so that a unit of width is the same size as a unit of height. Other than that, I don't think there is anything special to modeling for pixel art.

Some wireframes:
Image
Image

A smoothed treestump:
Image

Scaled down:
Image


So once I'm viewing something like the smoothed image of the treestump, I literally take a screenshot, crop out everything but the stump, and scale it down using nearest neighbor. That's it.

User avatar
frpnit
Prole
Posts: 21
Joined: Fri Oct 12, 2012 1:05 am
Location: Brazil
Contact:

Re: Pixel art with GLSL cel shade lighting concept

Post by frpnit » Sun Oct 14, 2012 1:45 am

Don't know if it is really useful, but i've found a tutorial for creating normal maps to sprites with gimp: http://www.asantee.net/ethanon/normalma ... almaps.pdf

Of course, you have to program the shaders as done before.
GarbagePillow wrote:Kikito is right. I don't think there is much need to do very detailed models, most of it would get lost when you scaled things down. The trick is to know what kind of angle and distortion you are viewing your world in. You definitely don't want to take a screenshot of the model while viewing it with perspective. And you might want to scale things so that a unit of width is the same size as a unit of height. Other than that, I don't think there is anything special to modeling for pixel art.

Some wireframes:
Image
Image

A smoothed treestump:
Image

Scaled down:
Image


So once I'm viewing something like the smoothed image of the treestump, I literally take a screenshot, crop out everything but the stump, and scale it down using nearest neighbor. That's it.
FRP
  • Graphic Designer
  • Hobbyst Programmer
[/color]

GarbagePillow
Prole
Posts: 41
Joined: Wed Sep 26, 2012 9:19 pm

Re: Pixel art with GLSL cel shade lighting concept

Post by GarbagePillow » Sun Oct 14, 2012 2:29 pm

Maybe it's just me, but that PDF link appears to be dead. :(

User avatar
Larsii30
Party member
Posts: 267
Joined: Sun Sep 11, 2011 9:36 am
Location: Germany

Re: Pixel art with GLSL cel shade lighting concept

Post by Larsii30 » Sun Oct 14, 2012 2:30 pm

hm nope the link does work :)

User avatar
Nixola
Inner party member
Posts: 1949
Joined: Tue Dec 06, 2011 7:11 pm
Location: Italy

Re: Pixel art with GLSL cel shade lighting concept

Post by Nixola » Sun Oct 14, 2012 2:36 pm

It works for me... I'm attaching it, if I break some license tell me please
Attachments
creating_normalmaps.pdf
(249.82 KiB) Downloaded 544 times
lf = love.filesystem
ls = love.sound
la = love.audio
lp = love.physics
lt = love.thread
li = love.image
lg = love.graphics

GarbagePillow
Prole
Posts: 41
Joined: Wed Sep 26, 2012 9:19 pm

Re: Pixel art with GLSL cel shade lighting concept

Post by GarbagePillow » Sun Oct 14, 2012 3:02 pm

Well that's weird. Thanks for attaching it Nixola.

That is a good technique. It is essentially bump mapping. Another way to do it would be to generate the normals from the bump map with a pixel shader. http://http.developer.nvidia.com/CgTuto ... ter08.html explains how to do that.

I don't think the end results will be as accurate as using 3d models, but if you already have sprites and just need normals, this would be a good approach.

User avatar
frpnit
Prole
Posts: 21
Joined: Fri Oct 12, 2012 1:05 am
Location: Brazil
Contact:

Re: Pixel art with GLSL cel shade lighting concept

Post by frpnit » Sun Oct 14, 2012 3:52 pm

GarbagePillow wrote: I don't think the end results will be as accurate as using 3d models, but if you already have sprites and just need normals, this would be a good approach.
Thus, it could be easier to be done for people that can't / doesn't know 3d modeling (me :P), or for a large amount of tiles and sprites.
FRP
  • Graphic Designer
  • Hobbyst Programmer
[/color]

GarbagePillow
Prole
Posts: 41
Joined: Wed Sep 26, 2012 9:19 pm

Re: Pixel art with GLSL cel shade lighting concept

Post by GarbagePillow » Sun Oct 14, 2012 4:13 pm

frpnit wrote:Thus, it could be easier to be done for people that can't / doesn't know 3d modeling (me :P), or for a large amount of tiles and sprites.
Yes. :)

User avatar
Helvecta
Party member
Posts: 167
Joined: Wed Sep 26, 2012 6:35 pm

Re: Pixel art with GLSL cel shade lighting concept

Post by Helvecta » Sun Oct 14, 2012 8:05 pm

Holy crap. This has inspired me to drop everything I am working on and learn all about shaders immediately!

This is incredible. Bravo. :ultraglee:
"Bump." -CMFIend420

GarbagePillow
Prole
Posts: 41
Joined: Wed Sep 26, 2012 9:19 pm

Re: Pixel art with GLSL cel shade lighting concept

Post by GarbagePillow » Mon Oct 15, 2012 4:05 am

Helvecta wrote:Holy crap. This has inspired me to drop everything I am working on and learn all about shaders immediately!

This is incredible. Bravo. :ultraglee:
Hey thanks a lot. :) It's actually not that hard to learn.

Post Reply

Who is online

Users browsing this forum: No registered users and 32 guests