Skip to content

[draft] Playground polyfills: File/FileReader, DOM, fetch, cubemap .env, Chakra ES2019 #1702

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
bkaradzic-microsoft wants to merge 5 commits into
base: master
Choose a base branch
from
Draft

[draft] Playground polyfills: File/FileReader, DOM, fetch, cubemap .env, Chakra ES2019 #1702

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
5c7edb0
Add DOM polyfills (TextEncoder, PointerEvent, AbortController, docume…
bkaradzic-microsoft May 16, 2026
ddbc2c9
Android: link AbortController polyfill into BabylonNativeJNI
bkaradzic-microsoft May 18, 2026
d793667
Add fetch() polyfill for Playground
bkaradzic-microsoft May 16, 2026
8ddd8c8
Add .env fallback for cubemap loads + re-enable 7 tests
bkaradzic-microsoft May 16, 2026
c5a1a86
Add ES2020+ -> ES2019 syntax repair polyfill for Chakra
bkaradzic-microsoft May 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions Apps/Playground/Android/BabylonNative/CMakeLists.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@ target_link_libraries(BabylonNativeJNI
PRIVATE EGL
PRIVATE log
PRIVATE -lz
PRIVATE AbortController
PRIVATE AndroidExtensions
PRIVATE AppRuntime
PRIVATE Blob
Expand Down
5 changes: 5 additions & 0 deletions Apps/Playground/CMakeLists.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,11 @@ set(DEPENDENCIES
"../Dependencies/recast.js")

set(SCRIPTS
"Scripts/cube_texture_polyfill.js"
"Scripts/dom_polyfill.js"
"Scripts/es2019_transpile.js"
"Scripts/experience.js"
"Scripts/fetch_polyfill.js"
"Scripts/playground_runner.js"
"Scripts/validation_native.js"
"Scripts/config.json")
Expand Down Expand Up @@ -134,6 +138,7 @@ endif()
target_include_directories(Playground PRIVATE ".")

target_link_libraries(Playground
PRIVATE AbortController
PRIVATE AppRuntime
PRIVATE Blob
PRIVATE bx
Expand Down
68 changes: 25 additions & 43 deletions Apps/Playground/Scripts/config.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -858,8 +858,6 @@
{
"title": "NMEGLTF",
"playgroundId": "#WGZLGJ#10320",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "nmegltf.png"
},
{
Expand Down Expand Up @@ -1056,15 +1054,11 @@
{
"title": "Anisotropic",
"playgroundId": "#MAXCNU#1",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "anisotropic.png"
},
{
"title": "Clear Coat",
"playgroundId": "#YACNQS#2",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "clearCoat.png"
},
{
Expand Down Expand Up @@ -1471,7 +1465,7 @@
"playgroundId": "#8NTR5X#8",
"replace": "//options//, roundtrip = true;",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Chakra parse fails on ES2022 syntax not handled by ES2019 polyfill (e.g. private class fields).",
"referenceImage": "glTFSerializerTextureExport.png"
},
{
Expand Down Expand Up @@ -1575,22 +1569,16 @@
{
"title": "PBRMetallicRoughnessMaterial",
"playgroundId": "#2FDQT5#13",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "PBRMetallicRoughnessMaterial.png"
},
{
"title": "PBRSpecularGlossinessMaterial",
"playgroundId": "#Z1VL3V#4",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "PBRSpecularGlossinessMaterial.png"
},
{
"title": "PBR",
"playgroundId": "#LCA0Q4#27",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "pbr.png"
},
{
Expand Down Expand Up @@ -1873,8 +1861,6 @@
"title": "Prepass SSAO + depth of field",
"playgroundId": "#8F5HYV#72",
"renderCount": 10,
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "prepass-ssao-dof.png"
},
{
Expand Down Expand Up @@ -2226,7 +2212,7 @@
"title": "Material Plugin",
"playgroundId": "#22HT5Z#10",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Chakra parse fails on ES2022 syntax not handled by ES2019 polyfill (e.g. private class fields).",
"referenceImage": "materialPlugin.png"
},
{
Expand Down Expand Up @@ -2258,8 +2244,6 @@
{
"title": "Serialize scene without materials",
"playgroundId": "#PH4DEZ#1",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "serializeWithoutMaterials.png"
},
{
Expand Down Expand Up @@ -2305,7 +2289,7 @@
"playgroundId": "#PCMH7A#2",
"renderCount": 120,
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Chakra parse fails on ES2022 syntax not handled by ES2019 polyfill (e.g. private class fields).",
"referenceImage": "fluidBoxSphere.png"
},
{
Expand Down Expand Up @@ -2670,8 +2654,6 @@
"title": "custom-handling-of-materials-for-render-target-pass",
"playgroundId": "#FIVL25#21",
"renderCount": 60,
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"referenceImage": "custom-handling-of-materials-for-render-target-pass.png"
},
{
Expand Down Expand Up @@ -2761,7 +2743,7 @@
"renderCount": 2,
"replace": "//options//, modelIndex = 2;",
"excludeFromAutomaticTesting": true,
"reason": "Test crashes or hangs on Babylon Native",
"reason": "ES2020+ ?. parsed via ES2019 polyfill; runtime TypeError from .stop() on optional null field.",
"referenceImage": "computeMaxExtents-BoxAnimated.png"
},
{
Expand All @@ -2770,7 +2752,7 @@
"renderCount": 2,
"replace": "//options//, modelIndex = 4; animationIndex = 0;",
"excludeFromAutomaticTesting": true,
"reason": "Test crashes or hangs on Babylon Native",
"reason": "ES2020+ ?. parsed via ES2019 polyfill; runtime TypeError from .stop() on optional null field.",
"referenceImage": "computeMaxExtents-Fox0.png"
},
{
Expand All @@ -2779,7 +2761,7 @@
"renderCount": 2,
"replace": "//options//, modelIndex = 4; animationIndex = 1;",
"excludeFromAutomaticTesting": true,
"reason": "Test crashes or hangs on Babylon Native",
"reason": "ES2020+ ?. parsed via ES2019 polyfill; runtime TypeError from .stop() on optional null field.",
"referenceImage": "computeMaxExtents-Fox1.png"
},
{
Expand All @@ -2788,7 +2770,7 @@
"renderCount": 2,
"replace": "//options//, modelIndex = 5;",
"excludeFromAutomaticTesting": true,
"reason": "Test crashes or hangs on Babylon Native",
"reason": "ES2020+ ?. parsed via ES2019 polyfill; runtime TypeError from .stop() on optional null field.",
"referenceImage": "computeMaxExtents-MorphStressTest.png"
},
{
Expand Down Expand Up @@ -2899,7 +2881,7 @@
"title": "FrameGraph nrge custom rendering",
"playgroundId": "#1QCA2M#35",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails (asset/URL load issue in FrameGraph snippet).",
"referenceImage": "FrameGraph-nrge-custom-rendering.png"
},
{
Expand All @@ -2913,14 +2895,14 @@
"title": "FrameGraph nrge glow layer",
"playgroundId": "#IG8NRC#84",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails: cubemap files not defined (asset gap).",
"referenceImage": "FrameGraph-nrge-glow-layer.png"
},
{
"title": "FrameGraph nrge highlight layer",
"playgroundId": "#QZYNMK#3",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails (asset/URL load issue in FrameGraph snippet).",
"referenceImage": "FrameGraph-nrge-highlight-layer.png"
},
{
Expand Down Expand Up @@ -2978,7 +2960,7 @@
"title": "FrameGraph nrge rig camera",
"playgroundId": "#ATL1CS#19",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails (asset/URL load issue in FrameGraph snippet).",
"referenceImage": "FrameGraph-nrge-rig-camera.png"
},
{
Expand Down Expand Up @@ -3006,7 +2988,7 @@
"title": "FrameGraph nrge volumetric lighting",
"playgroundId": "#3VH0AC#2",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime hangs (FrameGraph volumetric lighting).",
"referenceImage": "FrameGraph-nrge-volumetric-lighting.png"
},
{
Expand Down Expand Up @@ -3034,14 +3016,14 @@
"title": "FrameGraph nrge transmission",
"playgroundId": "#ZNTBN2#10",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Chakra parse fails on ES2022 syntax not handled by ES2019 polyfill (e.g. private class fields).",
"referenceImage": "FrameGraph-nrge-transmission.png"
},
{
"title": "FrameGraph nrge selection outline layer",
"playgroundId": "#ADUC74#1",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails (asset/URL load issue in FrameGraph snippet).",
"referenceImage": "FrameGraph-nrge-selection-outline-layer.png"
},
{
Expand Down Expand Up @@ -3149,7 +3131,7 @@
"title": "FrameGraph volumetric lighting",
"playgroundId": "#3VH0AC",
"excludeFromAutomaticTesting": true,
"reason": "Test crashes or hangs on Babylon Native",
"reason": "Parse repaired via ES2019 polyfill; runtime TypeError (FrameGraph volumetric lighting).",
"referenceImage": "FrameGraph-volumetric-lighting.png"
},
{
Expand All @@ -3170,14 +3152,14 @@
"title": "FrameGraph selection outline",
"playgroundId": "#E1F0GP#4",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails: Unknown error opening URL.",
"referenceImage": "FrameGraph-selection-outline.png"
},
{
"title": "Render target texture with clustered lights",
"playgroundId": "#1QCA2M#11",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails: texture data size mismatch (clustered lighting gap).",
"referenceImage": "Render-target-texture-with-clustered-lights.png"
},
{
Expand Down Expand Up @@ -3299,14 +3281,14 @@
"title": "Sponza Clustered Lighting",
"playgroundId": "#CSCJO2#17",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails: texture data size mismatch (clustered lighting gap).",
"referenceImage": "sponza-clustered-lighting.png"
},
{
"title": "Sponza Clustered Lighting (2 viewports)",
"playgroundId": "#CSCJO2#20",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails: texture data size mismatch (clustered lighting gap).",
"referenceImage": "sponza-clustered-lighting-viewports.png"
},
{
Expand Down Expand Up @@ -3395,28 +3377,28 @@
"title": "Atmosphere Day",
"playgroundId": "#VO1Z0C#39",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Requires babylonjs-addons (ADDONS.Atmosphere); not shipped by Babylon Native.",
"referenceImage": "atmosphere-day.png"
},
{
"title": "Atmosphere Day (Planet Origin)",
"playgroundId": "#VO1Z0C#40",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Requires babylonjs-addons (ADDONS.Atmosphere); not shipped by Babylon Native.",
"referenceImage": "atmosphere-day.png"
},
{
"title": "Atmosphere Day (Ray Marching)",
"playgroundId": "#VO1Z0C#41",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Requires babylonjs-addons (ADDONS.Atmosphere); not shipped by Babylon Native.",
"referenceImage": "atmosphere-day-ray-marching.png"
},
{
"title": "Atmosphere Sunset",
"playgroundId": "#VO1Z0C#42",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Requires babylonjs-addons (ADDONS.Atmosphere); not shipped by Babylon Native.",
"referenceImage": "atmosphere-sunset.png"
},
{
Expand Down Expand Up @@ -4079,7 +4061,7 @@
"renderCount": 180,
"useLargeWorldRendering": true,
"excludeFromAutomaticTesting": true,
"reason": "Test crashes or hangs on Babylon Native",
"reason": "Parse repaired via ES2019 polyfill; runtime fails: 'HK' (Havok) global not defined.",
"referenceImage": "Havok-FloatingOrigin-Multi-Region.png"
},
{
Expand Down Expand Up @@ -4482,7 +4464,7 @@
"title": "Selection outline layer with instances",
"playgroundId": "#UR9706#0",
"excludeFromAutomaticTesting": true,
"reason": "Pixel comparison fails (more than 20% pixels differ)",
"reason": "Parse repaired via ES2019 polyfill; runtime fails (asset/URL load issue).",
"referenceImage": "Selection-outline-layer-with-instances.png"
},
{
Expand Down
Loading
Loading