X3DOM Text Example
The following scenes demonstrate the use of the text, fontlibrary and fontstyle nodes. You can also use css fonts. For faster loading, use and display the font in your document before you use them in X3DOM.
- FPS0.59
- ANIM0.00
- TRAVERSE0.10
- SORT0.00
- RENDER0.40
- DRAW0.13
- #NODES:11
- #SHAPES:3
- #DRAWS:3
- #POINTS:32
- #TRIS:16
- #ACTIVE0
- #TOTAL0
- #LOADED0
- #FAILED0
- FPS0.61
- ANIM0.00
- TRAVERSE0.10
- SORT0.00
- RENDER0.40
- DRAW0.20
- #NODES:4
- #SHAPES:2
- #DRAWS:2
- #POINTS:28
- #TRIS:14
- #ACTIVE0
- #TOTAL0
- #LOADED0
- #FAILED0
WARNING: font family Oxygen rejected: A network error occurred.
WARNING: font family Orbitron not a defined scene font.
INFO: Time for setup and init of GL element no. 2: 31 ms.
INFO: activate FogBindable null/defaultX3DFogNode
INFO: register FogBindable null/defaultX3DFogNode
INFO: create new Fog for X3DFogNode-stack
INFO: activate ViewpointBindable null/
INFO: activate first X3DViewpointNode for X3DViewpointNode-stack
INFO: activate BackgroundBindable null/
INFO: activate first X3DBackgroundNode for X3DBackgroundNode-stack
INFO: System ready.
INFO: activate NavigationInfoBindable null/defaultX3DNavigationInfoNode
INFO: register NavigationInfoBindable null/defaultX3DNavigationInfoNode
INFO: NavType: undefined
INFO: Switch to examine mode.
INFO: create new NavigationInfo for X3DNavigationInfoNode-stack
INFO: activate EnvironmentBindable null/defaultX3DEnvironmentNode
INFO: register EnvironmentBindable null/defaultX3DEnvironmentNode
INFO: create new Environment for X3DEnvironmentNode-stack
INFO: register BackgroundBindable null/
INFO: register ViewpointBindable null/
INFO: setBaseURL:
INFO: webgl2 context found Vendor: WebKit Google Inc. (Google), Renderer: WebKit WebGL ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver), Version: WebGL 2.0 (OpenGL ES 3.0 Chromium), ShadingLangV.: WebGL GLSL ES 3.00 (OpenGL ES GLSL ES 3.0 Chromium), MSAA samples: 4 Extensions: EXT_clip_control, EXT_color_buffer_float, EXT_color_buffer_half_float, EXT_conservative_depth, EXT_depth_clamp, EXT_float_blend, EXT_polygon_offset_clamp, EXT_texture_compression_bptc, EXT_texture_compression_rgtc, EXT_texture_filter_anisotropic, EXT_texture_mirror_clamp_to_edge, EXT_texture_norm16, NV_shader_noperspective_interpolation, OES_draw_buffers_indexed, OES_sample_variables, OES_shader_multisample_interpolation, OES_texture_float_linear, OVR_multiview2, WEBGL_clip_cull_distance, WEBGL_compressed_texture_astc, WEBGL_compressed_texture_etc, WEBGL_compressed_texture_etc1, WEBGL_compressed_texture_s3tc, WEBGL_compressed_texture_s3tc_srgb, WEBGL_debug_renderer_info, WEBGL_debug_shaders, WEBGL_lose_context, WEBGL_multi_draw, WEBGL_polygon_mode, WEBGL_stencil_texturing
INFO: Initializing X3DCanvas for [x3dom-1743819709610-canvas]
INFO: Creating canvas for (X)3D element...
INFO: Time for setup and init of GL element no. 1: 26 ms.
INFO: activate FogBindable null/defaultX3DFogNode
INFO: register FogBindable null/defaultX3DFogNode
INFO: create new Fog for X3DFogNode-stack
INFO: activate ViewpointBindable null/
INFO: activate first X3DViewpointNode for X3DViewpointNode-stack
INFO: activate BackgroundBindable null/
INFO: activate first X3DBackgroundNode for X3DBackgroundNode-stack
INFO: System ready.
INFO: activate NavigationInfoBindable null/defaultX3DNavigationInfoNode
INFO: register NavigationInfoBindable null/defaultX3DNavigationInfoNode
INFO: NavType: undefined
INFO: Switch to examine mode.
INFO: create new NavigationInfo for X3DNavigationInfoNode-stack
INFO: activate EnvironmentBindable null/defaultX3DEnvironmentNode
INFO: register EnvironmentBindable null/defaultX3DEnvironmentNode
INFO: create new Environment for X3DEnvironmentNode-stack
INFO: register BackgroundBindable null/
INFO: register ViewpointBindable null/
INFO: setBaseURL:
INFO: webgl2 context found Vendor: WebKit Google Inc. (Google), Renderer: WebKit WebGL ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver), Version: WebGL 2.0 (OpenGL ES 3.0 Chromium), ShadingLangV.: WebGL GLSL ES 3.00 (OpenGL ES GLSL ES 3.0 Chromium), MSAA samples: 4 Extensions: EXT_clip_control, EXT_color_buffer_float, EXT_color_buffer_half_float, EXT_conservative_depth, EXT_depth_clamp, EXT_float_blend, EXT_polygon_offset_clamp, EXT_texture_compression_bptc, EXT_texture_compression_rgtc, EXT_texture_filter_anisotropic, EXT_texture_mirror_clamp_to_edge, EXT_texture_norm16, NV_shader_noperspective_interpolation, OES_draw_buffers_indexed, OES_sample_variables, OES_shader_multisample_interpolation, OES_texture_float_linear, OVR_multiview2, WEBGL_clip_cull_distance, WEBGL_compressed_texture_astc, WEBGL_compressed_texture_etc, WEBGL_compressed_texture_etc1, WEBGL_compressed_texture_s3tc, WEBGL_compressed_texture_s3tc_srgb, WEBGL_debug_renderer_info, WEBGL_debug_shaders, WEBGL_lose_context, WEBGL_multi_draw, WEBGL_polygon_mode, WEBGL_stencil_texturing
INFO: Initializing X3DCanvas for [x3dom-1743819709552-canvas]
INFO: Creating canvas for (X)3D element...
INFO: Time for setup and init of GL element no. 0: 65 ms.
INFO: activate FogBindable null/defaultX3DFogNode
INFO: register FogBindable null/defaultX3DFogNode
INFO: create new Fog for X3DFogNode-stack
INFO: activate ViewpointBindable null/
INFO: activate first X3DViewpointNode for X3DViewpointNode-stack
INFO: activate BackgroundBindable null/
INFO: activate first X3DBackgroundNode for X3DBackgroundNode-stack
INFO: System ready.
INFO: activate NavigationInfoBindable null/defaultX3DNavigationInfoNode
INFO: register NavigationInfoBindable null/defaultX3DNavigationInfoNode
INFO: NavType: undefined
INFO: Switch to examine mode.
INFO: create new NavigationInfo for X3DNavigationInfoNode-stack
INFO: activate EnvironmentBindable null/defaultX3DEnvironmentNode
INFO: register EnvironmentBindable null/defaultX3DEnvironmentNode
INFO: create new Environment for X3DEnvironmentNode-stack
INFO: register BackgroundBindable null/
INFO: register ViewpointBindable null/
INFO: setBaseURL:
INFO: webgl2 context found Vendor: WebKit Google Inc. (Google), Renderer: WebKit WebGL ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver), Version: WebGL 2.0 (OpenGL ES 3.0 Chromium), ShadingLangV.: WebGL GLSL ES 3.00 (OpenGL ES GLSL ES 3.0 Chromium), MSAA samples: 4 Extensions: EXT_clip_control, EXT_color_buffer_float, EXT_color_buffer_half_float, EXT_conservative_depth, EXT_depth_clamp, EXT_float_blend, EXT_polygon_offset_clamp, EXT_texture_compression_bptc, EXT_texture_compression_rgtc, EXT_texture_filter_anisotropic, EXT_texture_mirror_clamp_to_edge, EXT_texture_norm16, NV_shader_noperspective_interpolation, OES_draw_buffers_indexed, OES_sample_variables, OES_shader_multisample_interpolation, OES_texture_float_linear, OVR_multiview2, WEBGL_clip_cull_distance, WEBGL_compressed_texture_astc, WEBGL_compressed_texture_etc, WEBGL_compressed_texture_etc1, WEBGL_compressed_texture_s3tc, WEBGL_compressed_texture_s3tc_srgb, WEBGL_debug_renderer_info, WEBGL_debug_shaders, WEBGL_lose_context, WEBGL_multi_draw, WEBGL_polygon_mode, WEBGL_stencil_texturing
INFO: Initializing X3DCanvas for [x3dom-1743819709456-canvas]
INFO: Creating canvas for (X)3D element...
INFO: Found 3 X3D and nodes...
INFO: X3DOM __X3DOM_VERSION__, Build: __X3DOM_BUILD__, Revison: __X3DOM_REVISION__, Date: __X3DOM_DATE__
- FPS0.62
- ANIM0.00
- TRAVERSE0.10
- SORT0.00
- RENDER0.30
- DRAW0.15
- #NODES:4
- #SHAPES:2
- #DRAWS:2
- #POINTS:28
- #TRIS:14
- #ACTIVE0
- #TOTAL0
- #LOADED0
- #FAILED0