Compressed textures look different on desktop and mobile web

Please tell me what the problem might be.

Here are the textures of the room on the web on Android (Google Chrome)

And here they are on the web on Mac (Google Chrome)

For some reason, they look jagged on the phone, as if there is no anti-aliasing or something. This is especially noticeable on the right guitar and around the disco ball.

These textures are in the same atlas (1024x1024) and are compressed like this

Just so you know, I launched the game on my desktop in a small, elongated window, similar to a phone.

How can I achieve nice texture smoothing on my phone as well?

(I’ve already tried generating Mipmaps and changing the Compressor preset, but it doesn’t affect the problem.)

Use basisU Medium:

Also, make sure High DPI is ON:

1 Like

Thank you for your reply.

As I mentioned above, I tried using different Compressor presets, including basisU Medium. No matter which preset I choose, there is still a significant difference in texture smoothing between desktop (web) and mobile (web).

High DPI is also enabled in the Display settings.

Here are my Display, HTML5, and Graphics settings, if that helps:

Is it the same on all phones or have you only tried one?

I just tested several devices:

PC with Windows 11 (Google Chrome),

iPhone 12 (iOS 18) (Safari, Google Chrome),

MacBook M4 Pro (macOS 15) (Safari, Google Chrome),

Google Pixel 8 Pro (Android 16) (Google Chrome),

Google Pixel 7 Pro (Android 16) (Google Chrome),

Xiaomi 11T (Android 14) (Google Chrome).

As a result, the graphics were poorly smoothed on all Android devices, while on all other devices, the graphics were fine.

Ok, thanks. And without texture compression at all it looks ok?

yes, if you turn off the compression, the texture will look good on any device

turn this option on

and compare output format for textures transcoding on devices when it looks bad and on devices when it’s good

Do you use paged atlases?

2 Likes

No, I don’t use paged atlases.

Regarding dysplay device info,

Pixel 8 pro (Android 16), (Google Chrome), (Graphics look bad):

INFO:GRAPHICS: Installed graphics device ‘ADAPTER_FAMILY_OPENGL’

dmloader.js:904 INFO:ENGINE: Defold Engine 1.11.1 (1ba9e1a)

dmloader.js:904 WARNING:DLIB: No territory detected in language string: “ru”

dmloader.js:904 INFO:PROFILER: Skipped ProfilerJS profiler due to setting profiler.performance_timeline_enabled

dmloader.js:904 INFO:GRAPHICS: Device: OpenGL

dmloader.js:904 INFO:GRAPHICS: Renderer: WebKit WebGL

dmloader.js:904 INFO:GRAPHICS: Version: OpenGL ES 3.0 (WebGL 2.0 (OpenGL ES 3.0 Chromium))

dmloader.js:904 INFO:GRAPHICS: Vendor: WebKit

dmloader.js:904 INFO:GRAPHICS: Extensions:

dmloader.js:904 INFO:GRAPHICS:   EXT_color_buffer_float

dmloader.js:904 INFO:GRAPHICS:   EXT_float_blend

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_filter_anisotropic

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_norm16

dmloader.js:904 INFO:GRAPHICS:   OES_texture_float_linear

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_astc

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_etc

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_etc1

dmloader.js:904 INFO:GRAPHICS:   WEBGL_debug_renderer_info

dmloader.js:904 INFO:GRAPHICS:   WEBGL_debug_shaders

dmloader.js:904 INFO:GRAPHICS:   WEBGL_lose_context

dmloader.js:904 INFO:GRAPHICS:   WEBGL_multi_draw

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_color_buffer_float

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_float_blend

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_filter_anisotropic

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_norm16

dmloader.js:904 INFO:GRAPHICS:   GL_OES_texture_float_linear

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_astc

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_etc

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_etc1

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_debug_renderer_info

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_debug_shaders

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_lose_context

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_multi_draw

dmloader.js:904 INFO:GRAPHICS: Context features:

dmloader.js:904 INFO:GRAPHICS:   CONTEXT_FEATURE_MULTI_TARGET_RENDERING

dmloader.js:904 INFO:GRAPHICS:   CONTEXT_FEATURE_TEXTURE_ARRAY

INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/UI Sprites/MenuUI.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatLie.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatSit.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/1/Room 1.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/2/Room 2.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/3/Room 3.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/4/Room 4.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/5/Room 5.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/6/Room 6.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/7/Room 7.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/8/Room 8.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/9/Room 9.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/10/Room 10.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/11/Room 11.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/12/Room 12.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/13/Room 13.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/14/Room 14.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/OtherRats.texturec from 15 to 1 (TEXTURE_FORMAT_RGBA_ETC2 -> cTFETC2_RGBA)

MacBook m4 pro (mac os 15), (Google Chome), (Graphics look nice):

INFO:GRAPHICS: Installed graphics device ‘ADAPTER_FAMILY_OPENGL’

dmloader.js:904 INFO:ENGINE: Defold Engine 1.11.1 (1ba9e1a)

dmloader.js:904 INFO:PROFILER: Skipped ProfilerJS profiler due to setting profiler.performance_timeline_enabled

dmloader.js:904 INFO:GRAPHICS: Device: OpenGL

dmloader.js:904 INFO:GRAPHICS: Renderer: WebKit WebGL

dmloader.js:904 INFO:GRAPHICS: Version: OpenGL ES 3.0 (WebGL 2.0 (OpenGL ES 3.0 Chromium))

dmloader.js:904 INFO:GRAPHICS: Vendor: WebKit

dmloader.js:904 INFO:GRAPHICS: Extensions:

dmloader.js:904 INFO:GRAPHICS:   EXT_clip_control

dmloader.js:904 INFO:GRAPHICS:   EXT_color_buffer_float

dmloader.js:904 INFO:GRAPHICS:   EXT_color_buffer_half_float

dmloader.js:904 INFO:GRAPHICS:   EXT_conservative_depth

dmloader.js:904 INFO:GRAPHICS:   EXT_depth_clamp

dmloader.js:904 INFO:GRAPHICS:   EXT_disjoint_timer_query_webgl2

dmloader.js:904 INFO:GRAPHICS:   EXT_float_blend

dmloader.js:904 INFO:GRAPHICS:   EXT_polygon_offset_clamp

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_compression_bptc

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_compression_rgtc

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_filter_anisotropic

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_norm16

dmloader.js:904 INFO:GRAPHICS:   KHR_parallel_shader_compile

dmloader.js:904 INFO:GRAPHICS:   NV_shader_noperspective_interpolation

dmloader.js:904 INFO:GRAPHICS:   OES_texture_float_linear

dmloader.js:904 INFO:GRAPHICS:   WEBGL_blend_func_extended

dmloader.js:904 INFO:GRAPHICS:   WEBGL_clip_cull_distance

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_astc

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_etc

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_etc1

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_s3tc

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_s3tc_srgb

dmloader.js:904 INFO:GRAPHICS:   WEBGL_debug_renderer_info

dmloader.js:904 INFO:GRAPHICS:   WEBGL_debug_shaders

dmloader.js:904 INFO:GRAPHICS:   WEBGL_lose_context

dmloader.js:904 INFO:GRAPHICS:   WEBGL_multi_draw

dmloader.js:904 INFO:GRAPHICS:   WEBGL_polygon_mode

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_clip_control

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_color_buffer_float

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_color_buffer_half_float

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_conservative_depth

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_depth_clamp

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_disjoint_timer_query_webgl2

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_float_blend

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_polygon_offset_clamp

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_compression_bptc

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_compression_rgtc

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_filter_anisotropic

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_norm16

dmloader.js:904 INFO:GRAPHICS:   GL_KHR_parallel_shader_compile

dmloader.js:904 INFO:GRAPHICS:   GL_NV_shader_noperspective_interpolation

dmloader.js:904 INFO:GRAPHICS:   GL_OES_texture_float_linear

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_blend_func_extended

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_clip_cull_distance

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_astc

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_etc

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_etc1

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_s3tc

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_s3tc_srgb

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_debug_renderer_info

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_debug_shaders

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_lose_context

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_multi_draw

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_polygon_mode

dmloader.js:904 INFO:GRAPHICS: Context features:

dmloader.js:904 INFO:GRAPHICS:   CONTEXT_FEATURE_MULTI_TARGET_RENDERING

dmloader.js:904 INFO:GRAPHICS:   CONTEXT_FEATURE_TEXTURE_ARRAY

INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/UI Sprites/MenuUI.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatLie.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatSit.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/1/Room 1.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/2/Room 2.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/3/Room 3.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/4/Room 4.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/5/Room 5.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/6/Room 6.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/7/Room 7.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/8/Room 8.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/9/Room 9.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/10/Room 10.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/11/Room 11.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/12/Room 12.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/13/Room 13.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/14/Room 14.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/OtherRats.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

MacBook m4 pro (mac os 15), (Safari), (Graphics look nice):

\[Log\] INFO:GRAPHICS: Installed graphics device ‘ADAPTER_FAMILY_OPENGL’ (dmloader.js, line 904)

\[Log\] INFO:ENGINE: Defold Engine 1.11.1 (1ba9e1a) (dmloader.js, line 904)

\[Log\] WARNING:DLIB: No territory detected in language string: “ru” (dmloader.js, line 904)

\[Log\] INFO:PROFILER: Skipped ProfilerJS profiler due to setting profiler.performance_timeline_enabled (dmloader.js, line 904)

\[Warning\] WebGL: non-portable extension enabled: WEBGL_polygon_mode
\[Log\] INFO:GRAPHICS: Device: OpenGL (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS: Renderer: WebKit WebGL (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS: Version: OpenGL ES 3.0 (WebGL 2.0) (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS: Vendor: WebKit (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS: Extensions: (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_clip_control (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_color_buffer_float (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_color_buffer_half_float (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_conservative_depth (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_depth_clamp (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_float_blend (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_polygon_offset_clamp (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_texture_compression_bptc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_texture_compression_rgtc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_texture_filter_anisotropic (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   EXT_texture_norm16 (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   KHR_parallel_shader_compile (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   NV_shader_noperspective_interpolation (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   OES_texture_float_linear (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_blend_func_extended (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_clip_cull_distance (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_compressed_texture_astc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_compressed_texture_etc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_compressed_texture_etc1 (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_compressed_texture_s3tc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_compressed_texture_s3tc_srgb (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_debug_renderer_info (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_debug_shaders (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_lose_context (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_multi_draw (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   WEBGL_polygon_mode (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_clip_control (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_color_buffer_float (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_color_buffer_half_float (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_conservative_depth (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_depth_clamp (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_float_blend (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_polygon_offset_clamp (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_texture_compression_bptc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_texture_compression_rgtc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_texture_filter_anisotropic (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_EXT_texture_norm16 (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_KHR_parallel_shader_compile (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_NV_shader_noperspective_interpolation (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_OES_texture_float_linear (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_blend_func_extended (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_clip_cull_distance (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_compressed_texture_astc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_compressed_texture_etc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_compressed_texture_etc1 (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_compressed_texture_s3tc (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_compressed_texture_s3tc_srgb (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_debug_renderer_info (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_debug_shaders (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_lose_context (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_multi_draw (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   GL_WEBGL_polygon_mode (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS: Context features: (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   CONTEXT_FEATURE_MULTI_TARGET_RENDERING (dmloader.js, line 904)

\[Log\] INFO:GRAPHICS:   CONTEXT_FEATURE_TEXTURE_ARRAY (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/UI Sprites/MenuUI.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatLie.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatSit.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/1/Room 1.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/2/Room 2.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/3/Room 3.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/4/Room 4.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/5/Room 5.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/6/Room 6.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/7/Room 7.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/8/Room 8.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/9/Room 9.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/10/Room 10.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/11/Room 11.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/12/Room 12.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/13/Room 13.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/14/Room 14.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

[Log] INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/OtherRats.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA) (dmloader.js, line 904)

Windows 11 PC (Google Chrome), (Graphics look nice):

INFO:GRAPHICS: Installed graphics device 'ADAPTER_FAMILY_OPENGL'

dmloader.js:904 INFO:ENGINE: Defold Engine 1.11.1 (1ba9e1a)

dmloader.js:904 WARNING:DLIB: No territory detected in language string: "ru"

dmloader.js:904 INFO:PROFILER: Skipped ProfilerJS profiler due to setting profiler.performance_timeline_enabled

dmloader.js:904 INFO:GRAPHICS: Device: OpenGL

dmloader.js:904 INFO:GRAPHICS: Renderer: WebKit WebGL

dmloader.js:904 INFO:GRAPHICS: Version: OpenGL ES 3.0 (WebGL 2.0 (OpenGL ES 3.0 Chromium))

dmloader.js:904 INFO:GRAPHICS: Vendor: WebKit

dmloader.js:904 INFO:GRAPHICS: Extensions:

dmloader.js:904 INFO:GRAPHICS:   EXT_clip_control

dmloader.js:904 INFO:GRAPHICS:   EXT_color_buffer_float

dmloader.js:904 INFO:GRAPHICS:   EXT_color_buffer_half_float

dmloader.js:904 INFO:GRAPHICS:   EXT_conservative_depth

dmloader.js:904 INFO:GRAPHICS:   EXT_depth_clamp

dmloader.js:904 INFO:GRAPHICS:   EXT_disjoint_timer_query_webgl2

dmloader.js:904 INFO:GRAPHICS:   EXT_float_blend

dmloader.js:904 INFO:GRAPHICS:   EXT_polygon_offset_clamp

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_compression_bptc

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_compression_rgtc

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_filter_anisotropic

dmloader.js:904 INFO:GRAPHICS:   EXT_texture_norm16

dmloader.js:904 INFO:GRAPHICS:   KHR_parallel_shader_compile

dmloader.js:904 INFO:GRAPHICS:   NV_shader_noperspective_interpolation

dmloader.js:904 INFO:GRAPHICS:   OES_texture_float_linear

dmloader.js:904 INFO:GRAPHICS:   WEBGL_blend_func_extended

dmloader.js:904 INFO:GRAPHICS:   WEBGL_clip_cull_distance

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_s3tc

dmloader.js:904 INFO:GRAPHICS:   WEBGL_compressed_texture_s3tc_srgb

dmloader.js:904 INFO:GRAPHICS:   WEBGL_debug_renderer_info

dmloader.js:904 INFO:GRAPHICS:   WEBGL_debug_shaders

dmloader.js:904 INFO:GRAPHICS:   WEBGL_lose_context

dmloader.js:904 INFO:GRAPHICS:   WEBGL_multi_draw

dmloader.js:904 INFO:GRAPHICS:   WEBGL_polygon_mode

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_clip_control

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_color_buffer_float

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_color_buffer_half_float

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_conservative_depth

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_depth_clamp

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_disjoint_timer_query_webgl2

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_float_blend

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_polygon_offset_clamp

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_compression_bptc

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_compression_rgtc

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_filter_anisotropic

dmloader.js:904 INFO:GRAPHICS:   GL_EXT_texture_norm16

dmloader.js:904 INFO:GRAPHICS:   GL_KHR_parallel_shader_compile

dmloader.js:904 INFO:GRAPHICS:   GL_NV_shader_noperspective_interpolation

dmloader.js:904 INFO:GRAPHICS:   GL_OES_texture_float_linear

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_blend_func_extended

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_clip_cull_distance

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_s3tc

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_compressed_texture_s3tc_srgb

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_debug_renderer_info

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_debug_shaders

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_lose_context

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_multi_draw

dmloader.js:904 INFO:GRAPHICS:   GL_WEBGL_polygon_mode

dmloader.js:904 INFO:GRAPHICS: Context features:

dmloader.js:904 INFO:GRAPHICS:   CONTEXT_FEATURE_MULTI_TARGET_RENDERING

dmloader.js:904 INFO:GRAPHICS:   CONTEXT_FEATURE_TEXTURE_ARRAY

INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/UI Sprites/MenuUI.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatLie.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/BasicRatSit.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/1/Room 1.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/2/Room 2.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/3/Room 3.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/4/Room 4.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/5/Room 5.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/6/Room 6.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/7/Room 7.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/8/Room 8.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/9/Room 9.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/10/Room 10.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/11/Room 11.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/12/Room 12.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/13/Room 13.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Tower Parts/Rooms Images/14/Room 14.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

dmloader.js:904 INFO:GRAPHICS: Transcoding: /Menu/Tower/Rats/Rats Images/OtherRats.texturec from 21 to 6 (TEXTURE_FORMAT_RGBA_BC7 -> cTFBC7_RGBA)

Unfortunately, I can’t check the developer console on the rest of the devices I wrote about above, as I don’t have them on hand right now.

1 Like

ok, it seems like you have issue if ETC2_RGBA used
We have to skip ASTC and fallback to it because Chromium team declined to fix issue in current Chromium render on android Chromium (it’s fixed in ANGLE which isn’t default yet)

1 Like

Thank you for helping me understand what is happening.

Is there any way I can solve this problem for my project myself (without disabling texture compression)?

Do I need to write an issue on GitHub Defold to prompt a solution to this problem on the engine side, if possible?

Unfortunately, I don’t know much about all this, so it’s hard for me to understand if we can do anything about it.

By the way, I tested the game on Android in the Firefox browser (which is not based on Chromium) and there are no problems with textures there, which confirms that the problem is specifically with Chromium.

I didn’t expect ETC2 has so low quality.
I’m not sure what to do in this case. I can suggest you to open a ticket and explain situation, also add a minimal repo when it’s noticeable, we will think what can we do

3 Likes

Okay, thank you, I’ll take care of it soon

1 Like

I hasten to inform you that I have created an issue on GitHub about this problem. Low texture quality on Android Chrome due to ETC2_RGBA fallback (BasisU compression) · Issue #11416 · defold/defold · GitHub

1 Like