Mythruna

Player's Corner => Gallery => Topic started by: pspeed on September 08, 2013, 03:11:27 AM



Title: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 03:11:27 AM
Had this rolling around in the back of my mind for some time and I will need it soon-ish for... things.

It needs some tweaking but in general, I think it works:
(http://i.imgur.com/zSccDGH.jpg)
(http://i.imgur.com/i0AdUBN.jpg)
(http://i.imgur.com/VXMWdxT.jpg)
(http://i.imgur.com/norhRp6.jpg)
(http://i.imgur.com/Kiray1V.jpg)

I will eventually give the "ink" a more brownish tone and weather the background paper a little.  Also, the lines need some anti-aliasing and I'll probably spend my life tweaking the edge detection thresholds.  The hard lines have a texture too but you can't tell... so I may tweak that in the future also.

...but I think it's an interesting effect anyway.


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 03:18:42 AM
...in the end, I will probably have to setup a set of parameters that I tweak based on time of day.


Title: Re: "Hand drawn" shader...
Post by: Michael on September 08, 2013, 05:29:28 AM
Amazing Paul! And by "hand drawn" I assume digitally hand drawn ;)


Title: Re: "Hand drawn" shader...
Post by: Sean on September 08, 2013, 05:44:23 AM
I think you outdid yourself on the shader. Fading will be cool too.


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 09:30:42 AM
Amazing Paul! And by "hand drawn" I assume digitally hand drawn ;)

Yes, it's a digital effect that is meant to look like the picture is hand drawn.


Title: Re: "Hand drawn" shader...
Post by: ebag51 on September 08, 2013, 09:40:34 AM
awesome shader great job paul  :D


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 01:01:24 PM
I couldn't resist tweaking it some more after a good night's sleep...

(This was originally posted to the JME forums so may be a little developer-oriented, not sure.)

I updated the shader to have two tones of crosshatch.  I think it helps make things look less like an old photograph and a bit more like a sketch.  I tried to take some of the same vantage points.  Let's see how we do...

(http://i.imgur.com/vb9ECAa.jpg)

It doesn't always do a great job but Mythruna is kind of a hard world to sketch because of the blocks.
(http://i.imgur.com/DO46Gsm.jpg)

Here we see two shots of the same view.  The underlying fractal noise prevents them from being exactly the same...
(http://i.imgur.com/2BQHcBJ.jpg)
(http://i.imgur.com/yxRgYYV.jpg)

Indoor scenes are 10x better.  I didn't even show any last time because they were "meh"... but this is nice, I think:
(http://i.imgur.com/gZlbOKa.jpg)

The water gets a little weird but I think the overall composition is still nice:
(http://i.imgur.com/k5ApiWa.jpg)

And most of the world just looks pretty great:
(http://i.imgur.com/iAr0s9h.jpg)

Back to the little farm...
(http://i.imgur.com/fln5xiD.jpg)

Two of the same view with different lighting...
(http://i.imgur.com/Mo6gtFF.jpg)
(http://i.imgur.com/RO4XhNO.jpg)

I think in real life I actually have pencil sketched sunsets like this at one time or another:
(http://i.imgur.com/WOO5Ww6.jpg)

I kind of need to stop messing with it for a while, though. :)  Get some real work done or something.  It was a fun few hour diversion, though.


Title: Re: "Hand drawn" shader...
Post by: Michael on September 08, 2013, 05:20:45 PM
First off...
OH MY GOODNESS!! I looked at those pictures while listening to your Mythruna Menu song and it just embraces the theme of the artistry, made it highly intense.. ♥lol

Secondly,
Paul, I think it is time to put down the pencil (or close down the program) because you don't want to overwork your masterpieces, at that point they aren't as great..


Title: Re: "Hand drawn" shader...
Post by: Moonkey on September 08, 2013, 06:29:55 PM
Oh, those look nice. The reason why water looks meh is because: No reflections to draw!


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 06:30:17 PM
First off...
OH MY GOODNESS!! I looked at those pictures while listening to your Mythruna Menu song and it just embraces the theme of the artistry, made it highly intense.. ♥lol

Secondly,
Paul, I think it is time to put down the pencil (or close down the program) because you don't want to overwork your masterpieces, at that point they aren't as great..

Yeah, the thing is, I had an idea so I had to see where it would go.  And it worked out better.

I need this ability for a few reasons, some sooner rather than later.  Eventually, I would like in-game drawing to be a skill.  So not only did I need something that looked hand-drawn but I also needed to be able to adjust the relative quality of the different parts.


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 06:31:23 PM
Oh, those look nice. The reason why water looks meh is because: No reflections to draw!

Well, the uniform bumps do funny things to the edge detection, also.  Pencil drawings don't always bother with reflections either.


Title: Re: "Hand drawn" shader...
Post by: Moonkey on September 08, 2013, 06:32:16 PM
Oh, those look nice. The reason why water looks meh is because: No reflections to draw!

Well, the uniform bumps do funny things to the edge detection, also.  Pencil drawings don't always bother with reflections either.
Yea, I was about to say, due to the fact that reflections aren't really an edge.


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 06:35:36 PM
Oh, those look nice. The reason why water looks meh is because: No reflections to draw!

Well, the uniform bumps do funny things to the edge detection, also.  Pencil drawings don't always bother with reflections either.
Yea, I was about to say, due to the fact that reflections aren't really an edge.

This is an image based technique... so it would actually work on a photograph.  I had to do it this way because I would miss texture details otherwise.


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 08, 2013, 06:39:07 PM
I snapped this pic when I was testing the third person camera and I've kept it open in a corner of my desktop because I find it kind of inspiring:
(http://i.imgur.com/GRiMHpk.jpg)

So, earlier I had to go back and take a hand-sketched version just for fun:
(http://i.imgur.com/9kUhoLa.jpg)

fun stuff.


Title: Re: "Hand drawn" shader...
Post by: kindland on September 09, 2013, 04:15:08 AM
I snapped this pic when I was testing the third person camera and I've kept it open in a corner of my desktop because I find it kind of inspiring
So, earlier I had to go back and take a hand-sketched version just for fun
fun stuff.


Nice effect, i believe it's applied in game right?

ps. If u need help with photshop stuff's i can help you ( interface, textures, etc)


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 09, 2013, 10:44:34 AM
I snapped this pic when I was testing the third person camera and I've kept it open in a corner of my desktop because I find it kind of inspiring
So, earlier I had to go back and take a hand-sketched version just for fun
fun stuff.


Nice effect, i believe it's applied in game right?

ps. If u need help with photshop stuff's i can help you ( interface, textures, etc)

Yes, it's a real time effect in game.  Thanks for the offer.


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 14, 2013, 01:12:11 PM
I hesitate to post these here because a) they are unfinished and b) it looks like I was goofing off again... but... :)

Last night I spent many hours dealing with drag-and-drop related stuff for the inventory screen... going so far as to have to fix some stuff in my Lemur GUI library.  4 or 5 hours worth of deep-diving.  I needed a break badly.  Something pretty to whet my whistle before bed.

Anyway, when I was done I had an idea to tweak the hand drawn shaders a bit to give the hard lines more of a hand-sketched rough feel... like if you were sketching and resketching lines.  It still needs some tweaking but it's starting to look more like pencil drawing:

(note: this was only about a 40 minute break before I went to bed last night... so it is what it is.)

(http://i.imgur.com/HtT87zN.jpg)

Here are some with shading... though the details in the shading are kind of disjointed with the roughness of the lines, I will deal with that later because I think it's still looking pretty good so far:

(http://i.imgur.com/Aur3Nx0.jpg)
(http://i.imgur.com/o4eKbf8.jpg)
(http://i.imgur.com/SE6DMvq.jpg)


Title: Re: "Hand drawn" shader...
Post by: ebag51 on September 14, 2013, 07:57:25 PM
I hesitate to post these here because a) they are unfinished and b) it looks like I was goofing off again... but... :)

Last night I spent many hours dealing with drag-and-drop related stuff for the inventory screen... going so far as to have to fix some stuff in my Lemur GUI library.  4 or 5 hours worth of deep-diving.  I needed a break badly.  Something pretty to whet my whistle before bed.

Anyway, when I was done I had an idea to tweak the hand drawn shaders a bit to give the hard lines more of a hand-sketched rough feel... like if you were sketching and resketching lines.  It still needs some tweaking but it's starting to look more like pencil drawing:

(note: this was only about a 40 minute break before I went to bed last night... so it is what it is.)

(http://i.imgur.com/HtT87zN.jpg)

Here are some with shading... though the details in the shading are kind of disjointed with the roughness of the lines, I will deal with that later because I think it's still looking pretty good so far:

(http://i.imgur.com/Aur3Nx0.jpg)
(http://i.imgur.com/o4eKbf8.jpg)
(http://i.imgur.com/SE6DMvq.jpg)
while it is still you getting sidetracked it does looks cool though


Title: Re: "Hand drawn" shader...
Post by: Moonkey on September 15, 2013, 04:43:30 PM
No need to be pushy, ebag. :p


Title: Re: "Hand drawn" shader...
Post by: Michael on September 15, 2013, 04:47:55 PM
No need to be pushy, ebag. :p
*presses imaginary like button*


Title: Re: "Hand drawn" shader...
Post by: ebag51 on September 15, 2013, 04:51:41 PM
No need to be pushy, ebag. :p
sorry didn't mean to be mean


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 15, 2013, 08:28:33 PM
"All work and no play makes Homer something something..."


Title: Re: "Hand drawn" shader...
Post by: belgariad87 on September 16, 2013, 08:54:23 PM
This shader should be in an official Mythruna trailer. Would do wonders.


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 16, 2013, 09:05:12 PM
This shader should be in an official Mythruna trailer. Would do wonders.

It might be nice to use it as a fade... fade in and out of still shots with the hand-drawn effect.  But walking around with it on looks very very strange.  It actually makes me a little queasy if I do it long enough... also some of the magic goes away. :)

Incidentally, the new dev build has this as a second screen shot tool... F2 takes a regular pic and Shift-F2 takes a hand-drawn one.  So the next time I make a donator's release then you guys will be able to play with it.


Title: Re: "Hand drawn" shader...
Post by: Sean on September 17, 2013, 06:04:13 PM
This shader should be in an official Mythruna trailer. Would do wonders.

It might be nice to use it as a fade... fade in and out of still shots with the hand-drawn effect.  But walking around with it on looks very very strange.  It actually makes me a little queasy if I do it long enough... also some of the magic goes away. :)

Incidentally, the new dev build has this as a second screen shot tool... F2 takes a regular pic and Shift-F2 takes a hand-drawn one.  So the next time I make a donator's release then you guys will be able to play with it.
I feel like this shader will be the way to see the spawn location, or where the player left off, from inside one of the world books. But hey, it's only speculation and anything is possible. :D


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 17, 2013, 08:13:26 PM
This shader should be in an official Mythruna trailer. Would do wonders.

It might be nice to use it as a fade... fade in and out of still shots with the hand-drawn effect.  But walking around with it on looks very very strange.  It actually makes me a little queasy if I do it long enough... also some of the magic goes away. :)

Incidentally, the new dev build has this as a second screen shot tool... F2 takes a regular pic and Shift-F2 takes a hand-drawn one.  So the next time I make a donator's release then you guys will be able to play with it.
I feel like this shader will be the way to see the spawn location, or where the player left off, from inside one of the world books. But hey, it's only speculation and anything is possible. :D

Yep, that's the kind of things it's for.  Pictures in books... property... towns... blueprints... monsters encountered maybe... etc.


Title: Re: "Hand drawn" shader...
Post by: Moonkey on September 19, 2013, 12:38:37 PM
:o Amazing. Especially because it seems like a feather+ink type of thing


Title: Re: "Hand drawn" shader...
Post by: pspeed on September 19, 2013, 12:49:33 PM
:o Amazing. Especially because it seems like a feather+ink type of thing

:)  Thanks.


Title: Re: "Hand drawn" shader...
Post by: theamericono on October 04, 2013, 05:32:24 PM
that would be cool if u could only take screen shot in that style or have the opion to choose and then be only able to put the screenshot that are in the hand drawn style in a picture fram in game ( if that makes sense)


Title: Re: "Hand drawn" shader...
Post by: pspeed on October 04, 2013, 06:21:55 PM
that would be cool if u could only take screen shot in that style or have the opion to choose and then be only able to put the screenshot that are in the hand drawn style in a picture fram in game ( if that makes sense)

You will always be able to take full pixel-perfect screen shots because a) it's sometimes useful for debugging, and b) it does great things to promote the game (or your server, or that cool thing you built, or whatever).

But yeah, the latest dev build has shift-F2 as a hand-drawn screen shot.  Eventually this feature will be skill based and your ability to collect and trade pictures will also be skill based.  At least that's the idea.


Title: Re: "Hand drawn" shader...
Post by: Stickman Sham on November 05, 2013, 02:32:17 PM
The pictures remind me soley of cell shading... It would be cool to have unlock easter eggs, like an ingame painting of one of the hand-drawn shaders, and activating it changes the shader to the hand-drawn shader, and the picture is a normal shader until you reactivate it, and you can take the painting with you to collect shader easter eggs, but I digress...
If you have any spare time, it would be cool to create a cell-shaded one kinda like DBZ or something