Hey, I'm Simon and I made a game!! :)
Support me: BUY & Demo on Steam
You can choose!
Read the article or watch the movie.
Both contain (almost) the same content.

I didn’t embed the video directly to avoid any tracking from Google and complications with the DSGVO.

For me one of the hardest things while doing art is learning What makes things look good? For example: It is easy to notice, that the left sphere is missing a shadow to be “grounded” in the scene:

Now we’ve light and shadow in the scene and this means there’s nothing to improve, isn’t it? Not quite. The problem is that further improvements are more subtle but still add a lot to the quality.

Only if you learn about indirect lighting and soft shadows you are able to update the sphere like below (shadow fades and is soft, the lower part of the sphere receives a bit reflected light from the ground):

What I want to state is, that it’s often hard to say WHY something looks good or does not. Often you achieve big difference even if the tweaks itself are less remarkable than going from no-shadow to sphere-with-shadow.
Additionally many of these elements are hard to spot but easy to miss – if you don’t know about them already.

One way of getting the details right is using references (I described one method here). But today I wanna talk about a situation where I did not get it right even WITH references.

While working on Sacred 2 I saw some spiderwebs in the game which looked like this:

Source: Sacred 2

Just by counting the fact, this is a perfect spiderweb, right? It has the structure of a spiderweb, the strings “hang” really nice, the color isn’t out of place … so why did I think that it could be improved (but of course had no idea how)?
Even a quick Google-Search for “spiderweb” didn’t help me. The first results show spiderwebs how (I guess) everyone would imagine them and they look very similar to the ones in the Sacred game:

That’s why I didn’t have any improvement-idea and forgot about the issue until I played Diablo 3. I saw their spiderwebs and it opened my eyes:

Source: Diablo 3

Later I saw spiderwebs in a Batman which even move:

Sometimes you have to step back to see the whole picture and it couldn’t be more true here. If you don’t watch a spiderweb in closeup (like I did) …

… but step back it might look more like this (OK this example is a bit extreme but I hope you understand my point):

Source: gizmodo.com

With all these examples we can state that the Sacred 2 web has problems in the following areas:

  • Scale: It looks like a tiny web which was scaled up a lot. Even by supposing it was built by a HUGE spider it could be expected to have a different and more detailed structure.
  • Softness: Diablo and Batman use soft-alpha (see below) to make their webs vail-like while the Sacred web is pretty harsh.
  • Movement: The slow and wavy movement in the web of the Batman game adds the final touch.

Source: Sacred 2

Now we know what we want to achieve which is a very important goal. But especially for us game developers it’s difficult because even if we know what we need, the technology must be capable of simulating or at least faking it (e.g. global illumination, reflections, translucency …) – and we’ve to be aware of which technique is best suited for what we want to achieve.

I can’t remember why but for some reason we used a “hard” alpha-channel (alpha1, alphaTest) for the spiderwebs in Sacred 2 which didn’t allow smooth transparencies.

Here’s again the great Batman-Example how it could have looked:

But to be honest, back in the days I didn’t even think about suggesting a soft-alpha/alpha8. I just didn’t have the eye for seeing what’s missing, for knowing what technology would be necessary and I didn’t make a step back (and searched longer for references showing spiderwebs from a certain distance) to see that there’s something wrong with the scale.

The Diablo spiderwebs where eye-opening to me and the Batman games spiced it up even more. Here are more examples for moving webs:

Isn’t that beautiful?

It wasn’t really a “trick” but I hope you liked it anyway. :) Maybe you’ll find it useful if you have to do spiderwebs in the future or you can understand/appreciate the problems we artists sometimes have.

Have a nice day!

Update 1
loginatu mentioned that spiderwebs may catch a lot of dust and send this example:

“The Sacred version is not necessarily bad, spider web and specially aged ones gather dust over time and they get that old, heavy look, especially in caves or old enclosed spaces”

Also I like the comment of reddit user mylon because it gives a very interesting view on the topic:

“[…] You see this a lot in other media where the portrayal seems poor but it’s done to convey meaning rather than be accurate. Is this for the best? I don’t really think so but sometimes it works. Good example is hacking in movies. It’s always mashing keys to make lines appear on a console or windows pop up. […]”

Update 2
Did I say Diablo III has no motion in their spiderwebs? Here are some examples I discovered after some more “research”:


Source: Diablo III

Source: Diablo III

13 thoughts on “Diablo 3 – The sacred spiderweb

  1. Sindisil

    Perhaps not a “real trick”, but, especially for a “not a real artist” like myself, this sort of insight is invaluable!

    I think that the technique of “stepping back for better perspective” is one of the most important skills for any creative – be they artist or developer. And yet it can be very difficult one to apply in practice. So often the time when we need to step back for a wider look to solve our problem is exactly when we’re so consumed with focus that we don’t even think to do so.

    Reply
    1. Simon Post author

      Happy to hear that you find it useful! :) Oh yes you’re right. Maybe it’s not the hard thing to step back but to know WHEN you have to step back. :D Did you watch the movie oder read the article?

      Reply
      1. Sindisil

        Both, actually.

        I *really* appreciate having both options!

        For most things, I prefer reading, as I can move forward quickly, go back and review, etc. Plus, I often read in situations where watching a video would be inappropriate.

        That said, I’ve been trying to use more videos for learning art skills.

        Reply
  2. Leo

    I’m so happy to see more stuff from you Simon :)
    Your blog is a huge inspiration and help for my bachelor thesis game!

    Vielen Dank dafür ;)

    Reply
      1. Leo

        I’m studying mediadesign in Hanover and I’m making a prototype for a 3rd person tower defense game.
        Prototype as in “i won’t be able to finish all features till deadline” ;)
        I’ll send you a link when i’m done if you like.

        Reply
        1. Simon Post author

          Nice, for a year I was in Hannover every 2nd weekend. Nice city! Love the “Maschsee”! Of course send me the link! Looking forward what you’re doing :)

          Reply
  3. silentbrains

    Fun article, thank you. I remember that area in Diablo 3 and just how amazingly volumetric (?) the spider webs were.

    Reply
  4. Tororin

    I wasn’t sure what to expect. I mean – spider webs? But after watching I was surprised again by how you manege to give us, the viewers, insides in to the artistic side of games.

    Reply
  5. Kevin

    I feel like you could take the moving/animated cloth texture trick from deus ex and apply it to a web and get a similar effect.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *