Introducing WebGL troubleshooting topic

Home Forums WebGL Troubleshooting Introducing WebGL troubleshooting topic

This topic contains 21 replies, has 7 voices, and was last updated by Yuri Kovelenov Yuri Kovelenov 1 week, 1 day ago.

Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts
  • #6576

    Although the adoption rate of the WebGL technology is close to 100%, some users can still experience issues with their browsers or hardware.

    Please read the following guide for possible solutions. If nothing helped, feel free to report your issue in this forum topic.

    It would help a lot if you provide the following information in your forum post:

    • Browser name and version
    • OS name and version
    • Your graphics hardware specs for desktops or the model of your mobile device

    Co-founder and CTO at Soft8Soft
    FB | Twitter | VK

    #9072
    Simo3Dw
    Simo3Dw
    Customer

    Hello Alexander,
    Unfortunately, Apple both in both MacOS and iOS has only limited support for WebGL. It will only load max 8 textures so parts of the scene might not show up.
    Apple support might change in the future but for now, we will have to think of workarounds. Unfortunately, it hampers getting visually appealing 3D content to Apple users. :negative:
    It is nothing Verge3D can do about. Apple might change its mind. We will just have to be patient…
    :bye: Simone

    #9082

    Yes, indeed. We hope Apple will ship WebGL 2.0 with minimum 16 textures requirement soon! You can track the development here.

    Co-founder and CTO at Soft8Soft
    FB | Twitter | VK

    #9091
    Simo3Dw
    Simo3Dw
    Customer

    Thanks for the link! :yes:
    :bye: Simone

    #10479
    Avatar
    vincent
    Customer

    Hello,
    In my case, my scene in Verge3D doesn’t work on Apple device.
    Ipad Air
    Iphone 5s
    Iphone 7+
    Iphone Xr (with chrome V 71.0.357889)

    Some objects are missing, other are present but they don’t have their textures images. The light is down too… the scene is very long to upload.
    Would you give me more explications about number of texture… we can only work with 8 objects and textures isn’t it ?
    Other question : texture is a simple color ?

    #10480
    Avatar
    vincent
    Customer

    After some request on web, Metal is the new engine 3D !

    https://developer.apple.com/library/archive/documentation/3DDrawing/Conceptual/OpenGLES_ProgrammingGuide/Introduction/Introduction.html

    • This reply was modified 3 months, 1 week ago by Avatar vincent.
    #10499

    Hi,

    You can visit the webgl report page from your iOS devices to see what maximum limit they offer for textures (the parameter is called Max Texture Image Units).
    Please note that Verge3D reserves a texture unit per each lamp on the scene for internal rendering purposes.

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

    #10500

    After some request on web, Metal is the new engine 3D !

    Yes, Apple deprecated OpenGL but not WebGL, fortunately.

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

    #10994
    Avatar
    iltech
    Participant

    I am a teacher at a K-5 school. Our students have access to Lenovo N22 chromebooks. I have enabled webgl on their chrome browsers but we still receive the message that webgl is not enabled. I have also updated Chrome to it’s latest version, any ideas? See attached for Chromebook specs.

    Attachments:
    You must be logged in to view attached files.
    #11000

    Hi,

    Can you navigate to chrome://gpu/ page in the Chrome browser and attach here the output?

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

    #11025
    Avatar
    iltech
    Participant

    Graphics Feature Status
    Canvas: Hardware accelerated
    Flash: Hardware accelerated
    Flash Stage3D: Hardware accelerated
    Flash Stage3D Baseline profile: Hardware accelerated
    Compositing: Hardware accelerated
    Multiple Raster Threads: Disabled
    Native GpuMemoryBuffers: Hardware accelerated
    Out-of-process Rasterization: Disabled
    Hardware Protected Video Decode: Unavailable
    Rasterization: Hardware accelerated
    Skia Deferred Display List: Disabled
    Skia Renderer: Disabled
    Surface Control: Disabled
    Surface Synchronization: Enabled
    Video Decode: Hardware accelerated
    Viz Service Display Compositor: Disabled
    WebGL: Hardware accelerated
    WebGL2: Hardware accelerated
    Driver Bug Workarounds
    clear_uniforms_before_first_program_use
    count_all_in_varyings_packing
    decode_encode_srgb_for_generatemipmap
    disable_discard_framebuffer
    msaa_is_slow
    rely_on_implicit_sync_for_swap_buffers
    scalarize_vec_and_mat_constructor_args
    disabled_extension_GL_KHR_blend_equation_advanced
    disabled_extension_GL_KHR_blend_equation_advanced_coherent
    Problems Detected
    Protected video decoding with swap chain is for Windows and Intel only
    Disabled Features: protected_video_decode
    Framebuffer discarding causes jumpy scrolling on Mali drivers: 301988
    Applied Workarounds: disable_discard_framebuffer
    Clear uniforms before first program use on all platforms: 124764, 349137
    Applied Workarounds: clear_uniforms_before_first_program_use
    Mesa drivers in ChromeOS handle varyings without static use incorrectly: 333885
    Applied Workarounds: count_all_in_varyings_packing
    Always rewrite vec/mat constructors to be consistent: 398694
    Applied Workarounds: scalarize_vec_and_mat_constructor_args
    On Intel GPUs MSAA performance is not acceptable for GPU rasterization: 527565
    Applied Workarounds: msaa_is_slow
    Disable KHR_blend_equation_advanced until cc shaders are updated: 661715
    Applied Workarounds: disable(GL_KHR_blend_equation_advanced), disable(GL_KHR_blend_equation_advanced_coherent)
    Decode and Encode before generateMipmap for srgb format textures on Chromeos Intel: 634519
    Applied Workarounds: decode_encode_srgb_for_generatemipmap
    Avoid waiting on a egl fence before pageflipping and rely on implicit sync.: 721463
    Applied Workarounds: rely_on_implicit_sync_for_swap_buffers
    Raster is using a single thread.
    Disabled Features: multiple_raster_threads
    Viz service display compositor is not enabled by default.
    Disabled Features: viz_display_compositor
    Skia renderer is not used by default.
    Disabled Features: skia_renderer
    Skia deferred display list is not used by default.
    Disabled Features: skia_deferred_display_list
    Version Information
    Data exported 2019-02-05T01:28:23.598Z
    Chrome version Chrome/71.0.3578.127
    Operating system Linux 11151.113.0
    Software rendering list URL https://chromium.googlesource.com/chromium/src/+/ab04191dbdc8146b84b76a6e91a762b88574eaa4/gpu/config/software_rendering_list.json
    Driver bug list URL https://chromium.googlesource.com/chromium/src/+/ab04191dbdc8146b84b76a6e91a762b88574eaa4/gpu/config/gpu_driver_bug_list.json
    ANGLE commit id f2ed299569c0
    2D graphics backend Skia/71 7469a9341afab19271b8ef07af5c16a0f2c4ccc1-
    Command Line /opt/google/chrome/chrome –ppapi-flash-path=/opt/google/chrome/pepper/libpepflashplayer.so –ppapi-flash-version=32.0.0.101 –ui-prioritize-in-gpu-process –use-gl=egl –enable-native-gpu-memory-buffers –gpu-sandbox-failures-fatal=yes –enable-logging –log-level=1 –use-cras –enable-wayland-server –user-data-dir=/home/chronos –login-profile=user –has-chromeos-keyboard –guest-wallpaper-large=/usr/share/chromeos-assets/wallpaper/guest_large.jpg –guest-wallpaper-small=/usr/share/chromeos-assets/wallpaper/guest_small.jpg –child-wallpaper-large=/usr/share/chromeos-assets/wallpaper/child_large.jpg –child-wallpaper-small=/usr/share/chromeos-assets/wallpaper/child_small.jpg –default-wallpaper-large=/usr/share/chromeos-assets/wallpaper/default_large.jpg –default-wallpaper-small=/usr/share/chromeos-assets/wallpaper/default_small.jpg –enable-consumer-kiosk –arc-availability=officially-supported –enable-features=Crostini,ExperimentalCrostiniUI –enterprise-enrollment-initial-modulus=15 –enterprise-enrollment-modulus-limit=19 –login-user=abraddock@inlandlakes.org –login-profile=ede9f7d30ed335771659f9a10cc466c2f9ff30bf –flag-switches-begin –enable-webgl-draft-extensions –flag-switches-end –vmodule=*arc/*=1,nss_cert_database_chromeos=1,*/assistant/*=1,*chromeos/login/*=1,auto_enrollment_controller=1,*/ui/ozone/*=1,*/ui/display/manager/chromeos/*=1,*night_light*=1,update_engine=1,component_updater_service=1,power_button_observer=2,webui_login_view=2,lock_state_controller=2,webui_screen_locker=2,screen_locker=2 –enable-features=Crostini,ExperimentalCrostiniUI
    Driver Information
    Initialization time 132
    In-process GPU false
    Passthrough Command Decoder false
    Sandboxed true
    GPU0 VENDOR = 0x8086 [Intel Open Source Technology Center], DEVICE= 0x22b1 [Mesa DRI Intel(R) HD Graphics 400 (Braswell) ] *ACTIVE*
    Optimus false
    AMD switchable false
    Driver vendor Mesa
    Driver version 18.2.0
    Driver date
    GPU CUDA compute capability major version 0
    Pixel shader version 3.10
    Vertex shader version 3.10
    Max. MSAA samples 8
    Machine model name
    Machine model version
    GL_VENDOR Intel Open Source Technology Center
    GL_RENDERER Mesa DRI Intel(R) HD Graphics 400 (Braswell)
    GL_VERSION OpenGL ES 3.1 Mesa 18.2.0-devel (git-0f959215c3)
    GL_EXTENSIONS GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_APPLE_texture_max_level GL_EXT_blend_func_extended GL_EXT_blend_minmax GL_EXT_buffer_storage GL_EXT_clip_cull_distance GL_EXT_color_buffer_float GL_EXT_compressed_ETC1_RGB8_sub_texture GL_EXT_copy_image GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_draw_buffers_indexed GL_EXT_draw_elements_base_vertex GL_EXT_frag_depth GL_EXT_geometry_point_size GL_EXT_geometry_shader GL_EXT_gpu_shader5 GL_EXT_map_buffer_range GL_EXT_multi_draw_arrays GL_EXT_occlusion_query_boolean GL_EXT_polygon_offset_clamp GL_EXT_primitive_bounding_box GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_separate_shader_objects GL_EXT_shader_framebuffer_fetch_non_coherent GL_EXT_shader_integer_mix GL_EXT_shader_io_blocks GL_EXT_shader_samples_identical GL_EXT_tessellation_point_size GL_EXT_tessellation_shader GL_EXT_texture_border_clamp GL_EXT_texture_buffer GL_EXT_texture_compression_dxt1 GL_EXT_texture_cube_map_array GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_norm16 GL_EXT_texture_rg GL_EXT_texture_sRGB_decode GL_EXT_texture_type_2_10_10_10_REV GL_EXT_unpack_subimage GL_INTEL_performance_query GL_KHR_blend_equation_advanced GL_KHR_context_flush_control GL_KHR_debug GL_KHR_no_error GL_KHR_robust_buffer_access_behavior GL_KHR_robustness GL_MESA_framebuffer_flip_y GL_MESA_shader_integer_functions GL_NV_draw_buffers GL_NV_fbo_color_attachments GL_NV_image_formats GL_NV_read_buffer GL_NV_read_depth GL_NV_read_depth_stencil GL_NV_read_stencil GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_image_external_essl3 GL_OES_EGL_sync GL_OES_compressed_ETC1_RGB8_texture GL_OES_copy_image GL_OES_depth24 GL_OES_depth_texture GL_OES_depth_texture_cube_map GL_OES_draw_buffers_indexed GL_OES_draw_elements_base_vertex GL_OES_element_index_uint GL_OES_fbo_render_mipmap GL_OES_geometry_point_size GL_OES_geometry_shader GL_OES_get_program_binary GL_OES_gpu_shader5 GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_primitive_bounding_box GL_OES_required_internalformat GL_OES_rgb8_rgba8 GL_OES_sample_shading GL_OES_sample_variables GL_OES_shader_image_atomic GL_OES_shader_io_blocks GL_OES_shader_multisample_interpolation GL_OES_standard_derivatives GL_OES_stencil8 GL_OES_surfaceless_context GL_OES_tessellation_point_size GL_OES_tessellation_shader GL_OES_texture_3D GL_OES_texture_border_clamp GL_OES_texture_buffer GL_OES_texture_cube_map_array GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_texture_stencil8 GL_OES_texture_storage_multisample_2d_array GL_OES_vertex_array_object GL_OES_vertex_half_float GL_OES_viewport_array
    Disabled Extensions GL_KHR_blend_equation_advanced GL_KHR_blend_equation_advanced_coherent
    Disabled WebGL Extensions
    Window system binding vendor Mesa Project
    Window system binding version 1.4 (DRI2)
    Window system binding extensions EGL_ANDROID_blob_cache EGL_EXT_create_context_robustness EGL_EXT_image_dma_buf_import EGL_EXT_image_dma_buf_import_modifiers EGL_KHR_config_attribs EGL_KHR_create_context EGL_KHR_create_context_no_error EGL_KHR_fence_sync EGL_KHR_get_all_proc_addresses EGL_KHR_gl_colorspace EGL_KHR_gl_renderbuffer_image EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_3D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_image_base EGL_KHR_no_config_context EGL_KHR_reusable_sync EGL_KHR_surfaceless_context EGL_EXT_pixel_format_float EGL_KHR_wait_sync EGL_MESA_configless_context EGL_MESA_drm_image EGL_MESA_image_dma_buf_export
    Direct rendering Yes
    Reset notification strategy 0x8252
    GPU process crash count 0
    Compositor Information
    Tile Update Mode One-copy
    Partial Raster Enabled
    GpuMemoryBuffers Status
    R_8 CAMERA_AND_CPU_READ_WRITE, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT
    R_16 Software only
    RG_88 SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT
    BGR_565 GPU_READ
    RGBA_4444 Software only
    RGBX_8888 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE
    RGBA_8888 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE
    BGRX_8888 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE
    BGRX_1010102 Software only
    RGBX_1010102 SCANOUT_CPU_READ_WRITE
    BGRA_8888 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT
    RGBA_F16 Software only
    YVU_420 GPU_READ
    YUV_420_BIPLANAR SCANOUT_CAMERA_READ_WRITE, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT
    UYVY_422 Software only
    Display(s) Information
    Info Display[2785062953156608] bounds=[0,0 1366×768], workarea=[0,0 1366×712], scale=1, internal.
    Color space information {primaries:INVALID, transfer:INVALID, matrix:INVALID, range:INVALID}
    Bits per color component 8
    Bits per pixel 24
    Video Acceleration Information
    Decode h264 baseline up to 4096×4096 pixels
    Decode h264 main up to 4096×4096 pixels
    Decode h264 high up to 4096×4096 pixels
    Decode vp8 up to 4096×4096 pixels
    Decode vp9 profile0 up to 4096×4096 pixels
    Encode h264 baseline up to 4096×4096 pixels and/or 30.000 fps
    Encode h264 main up to 4096×4096 pixels and/or 30.000 fps
    Encode h264 high up to 4096×4096 pixels and/or 30.000 fps
    Log Messages
    [2985:2992:0204/202706.978897:VERBOSE1:drm_device_manager.cc(58)] : Primary DRM device added: /sys/devices/pci0000:00/0000:00:02.0/drm/card0
    [2985:2992:0204/202708.416972:VERBOSE1:drm_device_manager.cc(53)] : Could not initialize DRM device for /sys/devices/platform/vgem/drm/card1
    [2985:2992:0204/202709.041249:ERROR:drm_gpu_display_manager.cc(209)] : There is no display with ID 2785062953156608
    [2985:2992:0204/202710.327120:VERBOSE1:drm_display.cc(104)] : DRM configuring: device=/sys/devices/pci0000:00/0000:00:02.0/drm/card0 crtc=26 connector=47 origin=0,0 size=1366×768

    #11026

    WebGL: Hardware accelerated
    WebGL2: Hardware accelerated

    Looks like WebGL is available. Does this website show a green message and a rotating cube? https://get.webgl.org/
    If it does, how about Verge3D demos in the gallery?

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

    #11027
    Avatar
    vincent
    Customer

    It will only load max 8 textures so parts of the scene might not show up.

    I fixed my problem on Apple devices. For me it’s a very important limitation, all the designers will be to know this rules to synchronise their work on multiple mobile device (iOs and android)

    Thanks you very much Simo3Dw.

    • This reply was modified 2 months, 1 week ago by Avatar vincent.
    #11044
    Avatar
    iltech
    Participant

    This is what we get when we try any website with WebGl. The second screenshot is https://get.webgl.org/

    • This reply was modified 2 months, 1 week ago by Avatar iltech.
    Attachments:
    You must be logged in to view attached files.
    #11051

    Okay, can you try the following: navigate to chrome://flags/ and enable Override software rendering list.

    If it doesn’t help, I recommend to file a bug report to Chrome bug tracker:
    https://bugs.chromium.org/p/chromium/issues/list?can=2&q=component%3ABlink%3EWebGL+&colspec=ID+Pri+M+Stars+ReleaseBlock+Component+Status+Owner+Summary+OS+Modified&x=m&y=releaseblock&cells=ids
    You’ll need a Google account to do this.

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

Viewing 15 posts - 1 through 15 (of 22 total)

You must be logged in to reply to this topic.