Mobile Lightlessness

I’m trying to make this map more colorful for mobile but I don’t know what to do at this point. Can anyone help?

Does anyone know?

Some suggestions:

  • Add some big rocks in your scene as well
  • By adding some stones you could add some gray-ish colors to the mix.
  • Perhaps add some small vegetation to the rocks surrounding your scene.
  • Include some wooden crates or perhaps some remainings/debris of an old (wooden) fortress
  • On your landscape you could paint remainings of a river that dried out
  • Add an old water well that was used by peasants in the past to fetch water
  • Some remaining of an old civilization like caves, statues or something
  • Not sure why there are so little or no shadows in your image. Perhaps your turned them off for the screenshot but make sure there’s more shadows in your scene as it provide depth and makes the 3D stand out more.

In my opinion good level design should tell a story by itself based on the type of props you use and by the way props are laid out in the scene. It should not only be a placeholder for your gameplay but also be part of the storytelling.

Thank you for the suggestions but I didn’t ask for suggestions and this is not a finished map. I just want to know how to make this scene more colorful and lightful on android.

Colors are made up by the scene and its components you setup. If you add only props with a similar set of colors, you will obviously have a less colorful map. The props I suggested (for example adding rocks adds grey to your map) should add more color to your scene hence increasing the level of “colorful”.

First of all, make sure your view mode is set to “Lit” (instead of Unlit) to ensure the scene is rendered with normal lightning.

Also adding shadows should enhance the feeling of colorful and depth since shadows also add grey-ish and dark colors to your scene. For some reason, I don’t see any shadows in your scene. Add a sun aka LightSource (directional light) in your scene which adds shadows to your objects. Changing the Light color of the sun (parameter) will also add more color to the environment and make it more bright. The LightSource also has a brightness parameter that you could play around with. Also add a reflection capture to your scene (set its radius to encompass the whole scene) since it will also make it more lightful by adding reflection on surfaces (as long as you did not set roughness to 1 in material params).

Also check the material on your props and scene. For example, the rocks surrounding the scene tend to be very dark. You could play with their material to make them more lighter and, as I mentioned before, add limited vegetation which will add some green-ish colors. The shading model on most materials should be set to “Default Lit”.

You could also play around with post processing and filters (colors etc) but keep in mind that it could have an gigantic performance impact on mobile if not done properly or overused.

Last, but not least, make sure your preview rendering level is set properly and matches your target mobile device. Mine is set to either ES3.1 or Vulkan when I’m working with mobile. Do keep in mind that the engine will always render the mobile preview rather flat and that it may appear better on your device when deployed to.

If this doesn’t answer your question, I give up :slight_smile:

1 Like

View mode is set to lit and materials are default lit. There is a light source. This picture is when preview mode is on ES2. It looks similar when it’s on the phone.

I disabled shadows for the optimization and post process functions doesn’t work on mobile. I can use mobile tonemapper when MobileHDR is enabled but then the phone doesn’t install the apk.

Just noticed: ES2 doesn’t show any shadows.

Is there a reason why you want to deploy as ES2? It was released in 2007 and quite old. I’d recommend to use at least 3.0 (should have all most commons phones included) or even go to 3.1 or Vulkan if you can. It’s also more fun to develop since they support more features, you can have more draw calls and your scene should appear more pretty by default :slight_smile:

I didn’t know about ES3. It’s good now, thank you very much