Home 3D Art Showcase & Critiques

Shardbound by Spiritwalk games - Environment Art Drop! [Img Heavy]

Cremuss
polycounter lvl 12
Offline / Send Message
Cremuss polycounter lvl 12
Hi there! My awesome team-mates at Spiritwalk are all releasing their work so I'm super stoke to join in and show you all the environment work I have done for Spiritwalk's debut title SHARDBOUND

Check out the character art thread that will flooded with awesome artwork in just a moment : http://polycount.com/discussion/191746/shardbound-by-spiritwalk-games-character-art-drop-img-heavy/p1?new=1

Sinners Mire


This is "Sinners Mire", my very first work at SpiritWalk and the very first map I did for Shardbound. I started on October 1st 2016 so it's been almost a year already :) Nothing but good times.



Initial Concept Art for Sinners Mire by SIMON KOPP
is dope. It was more like a mood board than something to precisely duplicate. We knew for instance that, among other things, blockers would have another look and the playfield (the tile arrangement) was not the definitive one. Player 2 views was also something to experiment with.



I remember first starting to play with the look of the fractured tiles and to experiment with muddy waters. Slowly more and more of the concept art's key elements were built until we had a first rough impression of what the map would look like both from player 1 and 2 cameras. At this point, concept artists stepped in and drew paintovers to bring me a more precise direction (and new cool stuff were brought in like the Temple).



I didn't know much about Unreal Engine at the time so a lot of stuff was poorly optimized at first and was later reworked and drastically improved by good team-mate and senior tech artist Ira Goeddel.



Overall the process didn't take too long. We wanted to get it in game asap so the background was left empty and filled with particles in-game until a matte-painting or 3D background is added.






Why I love Unreal Engine... The tech stuff is just too good with UE. Vines were added using splines and I used material's world position offset to procedurally hang the moss in a random fashion. Water droplets and ripples were also added.



We spent a bit of time experimenting with the circuity looking structures we call "Chromite". Main challenge was to make it readable and to look like there's still active glowing chromite emitting light from inside the structures.



Love working in Unreal Engine... adding fake caustics, fake ray lights in water, water ripples, moss on water surface with vertex painting, vertex animation on foliage, you name it.



Thanks to Art Director Josh Nadelberg for the great support and help through this process and to Senior Tech Artist Ira Goeddel for dealing with my poor UE knowledge at the time and overall lack of optimization. He drastically improved the lighting since then as well as many other things, so download Shardbound and check all that in-game :)








Replies

  • Cremuss
    Offline / Send Message
    Cremuss polycounter lvl 12

    Embassy Gardens


    This is "Embassy Gardens", the tutorial map, the second map I did for Shardbound. We went through quite a lot of iterations with that one. The initial concept art, although giving very cool ideas and strong overall guidelines, wasn't as precise as for some other maps. Just like with Sinners Mire, once we had an overall idea of the map in 3d, concept artists stepped in to do paint-overs and give Josh and I more ideas to toy with.


    Readability is a constant challenge and our main focus when we work on these maps because, in the end, all the player's focus should and will be on the tiles and on his units. The surrounding environment is here to tell a story and beautify the picture, but shouldn't never affect his ability to read the tiles. In the other hand, both the tiles and environment should look like they belong together so it's a constant battle between making the tiles blend with and stand out from the environment. Trial & Error was the key to success.


    We did not have to bother with player 2 view since the map is for now only used for solo tutorials. That was good news hehe. Just like Sinners Mire, for the sake of getting the map in-game asap, background was left temporary empty until a matte-painting or 3d background is added later on.



    The Ivy and foliage were quite interesting to do. Since most of the scene was quite basic regarding tricount and material complexity, I took the liberty to spend quite a bit of geometry on the foliage. I love how much that green pops!



    Some sculpts: you can see the king-sized balcony that was replaced for a miniature one for the sake of readability and playfield clearance.





    It was the first time I toyed with Epic's Pivots Painter nodes/script but the life it brings to the scene is definitely worth the trouble looking into it. Also added some falling leaves with a simple particle system.




    Again, thanks Josh for the immense support and help. I couldn't be more happy with the result!



  • Cremuss
    Offline / Send Message
    Cremuss polycounter lvl 12

    HighLands


    This is "Lost HighLands", the third map I created for Shardbound, one I am incredibly proud of. When I first started working on it, I felt more confident already with Unreal Engine but I didn't know yet that, to this day, this would become the hardest thing I had to work on.



    The initial concept art for this environment, painted by Simon Kopp, is amazing. Although Art Director Josh Nadelberg and I first set goal to closely replicate it, we found through iterations and experimentations the need to tweaks things a bit to better emphasize the playfield. There's also player2's view to figure out which is always very worrying at first and, sooner or later, very troublesome. The composition has to work well for both players, looking from both sides. We allow ourselves a degree of freedom to cheat and move things around for a specific player to ease some of the pain through this tedious process... (for instance, we swapped the rings to balance the composition, which was the most drastic cheat we did so far).



    The amount of details and vegetation this map brought was new to Shardbound and very very tough to translate and balance in 3D. We had to constantly work on keeping the playfield readability to a maximum and stay with-in that stylized look already established for the game. The grassy tiles were especially hard to figure out, needing a lot of details but remaining very subtle to keep the focus on units.



    HighLands was challenging in ways that Sinners Mire and Embassy Gardens weren't. The dark-moody lighting on Sinners Mire permitted us to not be perfect and hide mistakes, whereas Embassy Gardens, being in bright daylight, was so architectural that it wasn't necessarily too hard to get a sharper look. HighLands needed to be very bright but look natural, sharp and clean. It also led us to be smart and find ways to bring shadows to the scene and separate foreground from background.



    Through the making of HighLands and the previous two maps, I learned so much about Unreal Engine that I started to focus way more on profiling, performance and ways to create a project as clean as possible to send to my team-mate and senior tech artist Ira Goeddel. I also thought a lot about ways to bring life to the scene. Grass, plants and trees are all animated, structures are glowing from inside, generating particles and lighting. Flicker of lights are visible here and there, birds are flying in the distance and so on.



    The main technical constraint we have for the tiles is that we must stick to only one material index per tile. So achieving the material for the grassy tiles, with grass blades, grass and dirt on them, was very interesting to figure out.



    Here are some sculpts: I approached the ramps with a modular workflow to produce all possible ramp variantion, which was really not as trivial as it sounds.



    I used World Machine & Geoglyph to quickly generated both the top and bottom surface of the distant floating shards. Both top and bottom heightmaps were assembled into a mesh and cut into individual Shards, then their edges were further refined in Zbrush.







    I'm using a lot of XY world projected textures so grass blades can share the exact same treatment as the ground they sit on, and blend very softly. Grassy tiles master material is blending between a dirt and grass material using a world projected mask. Grass blades are procedurally pushed in the ground to hide them where there is dirt. That way I could get away with using a single mesh for all grassy tiles. Even the deadzone (the four muddier tiles in the middle) are using the same mesh and same master material, there's just a switch in the material affecting how the dirt material is processed.



    Interactive events weren't part of the original plan, but I always love to get technical. I love to code (although I'm bad at it) and to get to know how a program works. It was only a matter of time until I started fooling around with blueprints in Unreal Engine. It's so fricking powerful. I added interactive events to the map in my freetime which the dev team loved and implemented. There's a bird that you can call and send away, the ring can be clicked to show a pulse of energy and so on.



    Just like previous maps, matte-paintings were supposed to be added later on to fill empty backgrounds. I gave it a rough go on my freetime and we agreed that the idea should be pushed further in 3D so we ended up making those floating shards. Everything rendered here is all using unlit materials for max performance. Clouds were quickly generated using volumetric in Blender in a mask texture, one channel storing the main light's direction, another storing lighting coming from underneath to get that blue glow on clouds floating in space. Vertex painting is added on top of it to add a layer of control. Volumetric shadows are billboards matching each shard silhouette and using a cheap multiply material. Cloud's shadows are also baked into the shards' albedos. All of it is super cheap to render but the downside is that it must be fixed and it's bound to our lighting. If we change it, we're screwed.



    Out of three maps I worked on, HighLands was by very far the hardest one but I loved every challenge it introduced and in the end I'm super proud of the result. I look back at it and already feels a bit of nostalgia. Such a good work experience. Again and again, thanks to Art Director Josh Nadelberg for the tremendous help!



    That will be it for environments for now! Hope you liked it! If you want to support us, make sure to download Shardbound on Steam. It's free-to-play! Have fun, Cheers



  • lotet
    Offline / Send Message
    lotet hero character
    really sexy stuff, also love the little "zoom gif", really nice way to show of the depth.
  • lovingsaskia
    Offline / Send Message
    lovingsaskia polycounter lvl 6
    Some cracking work and a great breakdown. Congrats on the job sounds like you're having a whale of a time
  • Chidambhar_Swaroop
    Offline / Send Message
    Chidambhar_Swaroop polycounter lvl 2
    Awesome work.... 
  • Ged
    Offline / Send Message
    Ged interpolator
    excellent work!
  • Cremuss
    Offline / Send Message
    Cremuss polycounter lvl 12
    Thanks guys, I appreciate it!

    lotet > yeah the dolly zoom was really easy to make in UE. Add a level sequence, animated both your camera position and focal length and voila.
  • Jedairusz
    Offline / Send Message
    Jedairusz polycounter lvl 13
    Totally amazing. I love the stylised look. Thanks for sharing!
  • EricElwell
    Offline / Send Message
    EricElwell insane polycounter
    Wonderful stuff!
  • macoll
    Offline / Send Message
    macoll polycounter lvl 13
    Thanks for sharing ! Sexy stuff indeed, gratz ;)

  • AXEL
    Offline / Send Message
    AXEL polycounter lvl 6
    This is insanely good stuff !
    Are you going to do brakedowns of more techical stuff  ?
  • Cremuss
    Offline / Send Message
    Cremuss polycounter lvl 12
    Thanks guys.

    AXEL > I did a more technical in-depth breakdown of Highlands for an interview on 80.lv that hopefully should be online sooner or later. I'll post an update as soon as it's live.
  • felipealves
    Offline / Send Message
    felipealves polycounter lvl 10
    Mind blowing! Loved all those scenes
  • Warhawk,
    Offline / Send Message
    Warhawk, polycounter lvl 11
    This is super great looking. Thanks for the breakdown and explanation for some of the elements. It is always nice to read different approaches about tackling look and feel for a game. I love the art style and your team did a great job making it look interesting and pretty :)
  • NateMasterFlash
    Offline / Send Message
    NateMasterFlash polycounter lvl 12
    Beautiful stuff, very inspiring. Thank you for sharing.  Definitely going to try and steal your spline vine technique!
  • Tetranome
    Offline / Send Message
    Tetranome polycounter lvl 6
    This is so beautiful. Amazing work - I'm inspired  :'(
  • Cremuss
    Offline / Send Message
    Cremuss polycounter lvl 12
    Thanks guys!

    @NateMasterFlash > Yeah sure go ahead! Spawning meshes along a spline is actually quite a common technique and quite a simple to do in Unreal Engine. I think I used something similar to this: https://www.youtube.com/watch?v=7YUxM0NDWRY

    For the moss I added a transparent curved plane on top of the vine that would only very slightly hang down at first. I then painted the vertices that I wanted to push down with vertex color and used it to lerp in a world displacement offset in the material.

    You can then use whatever technique you want to drive the world displacement in a randomly fashion. Here I used a XY world projected noise texture so that when I moved my spline it would generate a unique offset. It has also the huge benefit to always stretch the moss perfectly vertically when you rotate the spline. If that make sense.

  • Cremuss
    Offline / Send Message
    Cremuss polycounter lvl 12
  • < ASH >
    Offline / Send Message
    < ASH > polycounter lvl 13
    Awesome breakdown and inspiring art ! Thanks for sharing this Cremus. :)
  • Flight
    Offline / Send Message
    Flight polycounter lvl 10
    Looking great, will check out the game!

    Read your article on level 80 very interesting, any more insight you can add in blender to unreal as far as ´tree rigging´ goes? Previously when I´ve done foliage in blender for other engines, there´s always been unexpected problems, like not being able to paint directly on the alpha channel (though that one is easily fixed).
  • Cremuss
    Offline / Send Message
    Cremuss polycounter lvl 12
    @Flight > Yeah the alpha channel thing is really annoying in Blender. Unfortunately I don't think there's a straightforward way to bake the pivots in Blender yet, you're best to do that very last step in 3dsmax using the pivot baker script made by Epic :(
    There will be alpha vertex painting in Blender very soon but I guess we'll still need someone to rewrite that baking script from 3dsmax to blender using python. Doing it manually is a no-no lol
  • Flight
    Offline / Send Message
    Flight polycounter lvl 10
    @Cremuss Yeah figured as much, cheers anyway. 

    And ye, there is a solution to vertex alpha painting, found it via polycount some year ago: https://forum.unity.com/threads/vertex-rgba-blender-2-5x.254038/ That works, but you need to insert that code snibbet further down in the FBX exporter (from bansheesoft). Hacky but works.
Sign In or Register to comment.