# \#playground

**URL:** https://forum.babylonjs.com/tag/playground/22.md

[Latest](https://forum.babylonjs.com/latest.md) · [Categories](https://forum.babylonjs.com/categories.md) · [Tags](https://forum.babylonjs.com/tags.md)

---

## [Babylon Playground Game Starter](https://forum.babylonjs.com/t/babylon-playground-game-starter/61443)

<div class="topic-metadata">

**Author:** [@SirFizX](https://forum.babylonjs.com/u/SirFizX)\
**Replies:** 23\
**Last updated:** [June 7, 2026, 3:43pm UTC](https://forum.babylonjs.com/t/babylon-playground-game-starter/61443 "2026-06-07T15:43:35Z")

</div>

Here is the playground my students will be using this week to dig a little deeper into designing and applying inventory item effects. Here is the video tutorial. I intend to update the documentation next week. Cred…

---

## [Can't import .glb/.gltf into Playground (from external sources like Github)](https://forum.babylonjs.com/t/cant-import-glb-gltf-into-playground-from-external-sources-like-github/63432)

<div class="topic-metadata">

**Author:** [@c4cc](https://forum.babylonjs.com/u/c4cc)\
**Replies:** 9\
**Last updated:** [May 13, 2026, 8:01pm UTC](https://forum.babylonjs.com/t/cant-import-glb-gltf-into-playground-from-external-sources-like-github/63432 "2026-05-13T20:01:24Z")

</div>

Pardon the noob question, I’m new to Babylon.js, how do I import a .glb or .gltf file from external sources? As the above screenshot, it’s not showing up in Playground. What did I do wrong, and how do I import .glb/.g…

---

## [Stylized animated and reactive grass](https://forum.babylonjs.com/t/stylized-animated-and-reactive-grass/62558)

<div class="topic-metadata">

**Author:** [@peer2p](https://forum.babylonjs.com/u/peer2p)\
**Replies:** 3\
**Last updated:** [February 24, 2026, 11:49pm UTC](https://forum.babylonjs.com/t/stylized-animated-and-reactive-grass/62558 "2026-02-24T23:49:25Z")

</div>

Hi Community! First of all - thank you so much for this fantastic framework and your dedication! It’s just so much fun working with BabylonJS! I’ve been trying on implementing animated grass for my spare time gaming p…

---

## [Playground menu (three bars) disappears at certain width ranges](https://forum.babylonjs.com/t/playground-menu-three-bars-disappears-at-certain-width-ranges/61857)

<div class="topic-metadata">

**Author:** [@Joe\_Kerr](https://forum.babylonjs.com/u/Joe_Kerr)\
**Replies:** 3\
**Last updated:** [December 30, 2025, 5:47pm UTC](https://forum.babylonjs.com/t/playground-menu-three-bars-disappears-at-certain-width-ranges/61857 "2025-12-30T17:47:47Z")

</div>

Hi everyone, Please see screenshot (the “three bars” menu disappears at certain width ranges): Ranges: It disappears between 1140px and 1180px screen width. My screen resolution is 1920x1080px. Best wishes Joe \*e…

---

## [Babylon Game Starter (Playground)](https://forum.babylonjs.com/t/babylon-game-starter-playground/61615)

<div class="topic-metadata">

**Author:** [@SirFizX](https://forum.babylonjs.com/u/SirFizX)\
**Replies:** 3\
**Last updated:** [December 2, 2025, 5:00pm UTC](https://forum.babylonjs.com/t/babylon-game-starter-playground/61615 "2025-12-02T17:00:23Z")

</div>

This playground pattern has made learning Babylon feasible for my students who are restricted to use iPads. Current Starter Playground Starter Code for Recent Exercise Most Recent Exercise Video Documentation

---

## [Babylon Game Starter (Episode: Programatic Unlocking a Character by Using an Inventory Item)](https://forum.babylonjs.com/t/babylon-game-starter-episode-programatic-unlocking-a-character-by-using-an-inventory-item/61533)

<div class="topic-metadata">

**Author:** [@SirFizX](https://forum.babylonjs.com/u/SirFizX)\
**Replies:** 1\
**Last updated:** [November 24, 2025, 4:34pm UTC](https://forum.babylonjs.com/t/babylon-game-starter-episode-programatic-unlocking-a-character-by-using-an-inventory-item/61533 "2025-11-24T16:34:44Z")

</div>

Starter Playground Code Starter: Video Tutorial:

---

## [Top-level functions in playground are inaccessible to HTML](https://forum.babylonjs.com/t/top-level-functions-in-playground-are-inaccessible-to-html/61419)

<div class="topic-metadata">

**Author:** [@HiGreg](https://forum.babylonjs.com/u/HiGreg)\
**Replies:** 3\
**Last updated:** [November 14, 2025, 5:13pm UTC](https://forum.babylonjs.com/t/top-level-functions-in-playground-are-inaccessible-to-html/61419 "2025-11-14T17:13:11Z")

</div>

I don’t have a playground demo for this. I can no longer create/add html elements with onclick=“topLevelFunction()” when topLevelFunction is defined in the javascript alongside createScene. It looks like elements creat…

---

## [CSG2 : Can create mesh in one playground and not another](https://forum.babylonjs.com/t/csg2-can-create-mesh-in-one-playground-and-not-another/61324)

<div class="topic-metadata">

**Author:** [@mjl](https://forum.babylonjs.com/u/mjl)\
**Replies:** 2\
**Last updated:** [November 10, 2025, 2:37am UTC](https://forum.babylonjs.com/t/csg2-can-create-mesh-in-one-playground-and-not-another/61324 "2025-11-10T02:37:29Z")

</div>

Hello, I’m having issues using CSG2 to create an object from a Mesh. So I went to a demo PG (https://playground.babylonjs.com/#PJQHYV#1), stripped out all the stuff I didn’t need and was able to recreate and solve my is…

---

## [Playground: goto last edit position in editor](https://forum.babylonjs.com/t/playground-goto-last-edit-position-in-editor/61309)

<div class="topic-metadata">

**Author:** [@kzhsw](https://forum.babylonjs.com/u/kzhsw)\
**Replies:** 0\
**Last updated:** [November 6, 2025, 2:30am UTC](https://forum.babylonjs.com/t/playground-goto-last-edit-position-in-editor/61309 "2025-11-06T02:30:55Z")

</div>

Something just like this, saved in browser localStorage maybe. But I’m not sure if it’s supported in monaco-editor.

---

## [Playground: allow zip download in self-hosted server with non-root path](https://forum.babylonjs.com/t/playground-allow-zip-download-in-self-hosted-server-with-non-root-path/59541)

<div class="topic-metadata">

**Author:** [@kzhsw](https://forum.babylonjs.com/u/kzhsw)\
**Replies:** 4\
**Last updated:** [July 17, 2025, 2:30pm UTC](https://forum.babylonjs.com/t/playground-allow-zip-download-in-self-hosted-server-with-non-root-path/59541 "2025-07-17T14:30:12Z")

</div>

When downloading zip in playground, it requested /zipContent/index.html file, which is fine for official server and dev server, but in case of self-hosted server with non-root path, e.g. the playground hosted at http://1…

---

## [How to fully recover a playground that is stuck in an infinite loop (Chrome)?](https://forum.babylonjs.com/t/how-to-fully-recover-a-playground-that-is-stuck-in-an-infinite-loop-chrome/58887)

<div class="topic-metadata">

**Author:** [@Joe\_Kerr](https://forum.babylonjs.com/u/Joe_Kerr)\
**Replies:** 4\
**Last updated:** [June 9, 2025, 5:32pm UTC](https://forum.babylonjs.com/t/how-to-fully-recover-a-playground-that-is-stuck-in-an-infinite-loop-chrome/58887 "2025-06-09T17:32:47Z")

</div>

Hi everyone, OMG. I have been working on some code in the playground. I almost had just lost some hours of work because of a really stupid mistake that got me stuck in an infnite while-loop :man\_facepalming: Credits to…

---

## [Could you switch using jquery.qrcode.min.js from CDN to local copy?](https://forum.babylonjs.com/t/could-you-switch-using-jquery-qrcode-min-js-from-cdn-to-local-copy/58585)

<div class="topic-metadata">

**Author:** [@Dok11](https://forum.babylonjs.com/u/Dok11)\
**Replies:** 5\
**Last updated:** [May 22, 2025, 1:01pm UTC](https://forum.babylonjs.com/t/could-you-switch-using-jquery-qrcode-min-js-from-cdn-to-local-copy/58585 "2025-05-22T13:01:01Z")

</div>

It really a way long loading with this CDN: I think that would be great to store this script at babylonjs.com instead of rawcdn.githack.com P. S. Maybe matter to load this script when user interacted with “QR Code” …

---

## [Toy Playground with es6 support and mobile friendly](https://forum.babylonjs.com/t/toy-playground-with-es6-support-and-mobile-friendly/57923)

<div class="topic-metadata">

**Author:** [@gsw945](https://forum.babylonjs.com/u/gsw945)\
**Replies:** 0\
**Last updated:** [April 19, 2025, 7:25am UTC](https://forum.babylonjs.com/t/toy-playground-with-es6-support-and-mobile-friendly/57923 "2025-04-19T07:25:53Z")

</div>

I’ve created a Playground based on @vuejs/repl that uses es6. It’s possible to toggle the CodeMirror editor, so it’s touch device friendly. But at this stage it’s just a toy, there are still a lot of features that need …

---

## [Pause RenderLoop button on the Playground](https://forum.babylonjs.com/t/pause-renderloop-button-on-the-playground/57731)

<div class="topic-metadata">

**Author:** [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Replies:** 0\
**Last updated:** [April 9, 2025, 2:09pm UTC](https://forum.babylonjs.com/t/pause-renderloop-button-on-the-playground/57731 "2025-04-09T14:09:27Z")

</div>

Hey, Would it be OK to add a “Pause” button on the Playground so that the renderloop stops ? For example when working on a laptop, I have sometimes the hardware going FULL FAN mode, and basically burning while I’m edit…

---

## [Playground snippet menu is broken (CTRL+SPACE)](https://forum.babylonjs.com/t/playground-snippet-menu-is-broken-ctrl-space/57593)

<div class="topic-metadata">

**Author:** [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Replies:** 13\
**Last updated:** [April 3, 2025, 3:12pm UTC](https://forum.babylonjs.com/t/playground-snippet-menu-is-broken-ctrl-space/57593 "2025-04-03T15:12:01Z")

</div>

Hello ! I just noticed that the code snippet menu (CTRL+SPACE) on the Playground is broken. I have used it a few days ago, so I’m pretty sure it’s a recent change

---

## [Error loading VAT exported from Blender (4.4.0 2025-03-18)](https://forum.babylonjs.com/t/error-loading-vat-exported-from-blender-4-4-0-2025-03-18/57562)

<div class="topic-metadata">

**Author:** [@TheStacheMustCurl](https://forum.babylonjs.com/u/TheStacheMustCurl)\
**Replies:** 5\
**Last updated:** [April 3, 2025, 3:19am UTC](https://forum.babylonjs.com/t/error-loading-vat-exported-from-blender-4-4-0-2025-03-18/57562 "2025-04-03T03:19:14Z")

</div>

Hello; I am trying to get a VAT file that was exported from Blender 4.4.0 using the OpenVAT add-on (GitHub - sharpen3d/openvat: Vertex animated texture for game engines based in Blender.) to load into the Babylon.js play…

---

## [Playground: window.engine.getCreationOptions is not a function](https://forum.babylonjs.com/t/playground-window-engine-getcreationoptions-is-not-a-function/57395)

<div class="topic-metadata">

**Author:** [@kzhsw](https://forum.babylonjs.com/u/kzhsw)\
**Replies:** 1\
**Last updated:** [March 25, 2025, 9:05am UTC](https://forum.babylonjs.com/t/playground-window-engine-getcreationoptions-is-not-a-function/57395 "2025-03-25T09:05:54Z")

</div>

Browser: any Version: 4.2.1 Link: https://playground.babylonjs.com/ Steps to reproduce: Enter playground Switch version to 4.2.1 Expected: It should just work like other versions. Actual:

---

## [Autosave the playground!](https://forum.babylonjs.com/t/autosave-the-playground/53219)

<div class="topic-metadata">

**Author:** [@alekop](https://forum.babylonjs.com/u/alekop)\
**Replies:** 16\
**Last updated:** [February 4, 2025, 12:51pm UTC](https://forum.babylonjs.com/t/autosave-the-playground/53219 "2025-02-04T12:51:30Z")

</div>

Another playground lost by accidentally pressing Reload. :frowning: Please make the Playground survive a reload!

---

## [TS Playground : Red banner "Could not find source file: 'inmemory://model/1'."](https://forum.babylonjs.com/t/ts-playground-red-banner-could-not-find-source-file-inmemory-model-1/55126)

<div class="topic-metadata">

**Author:** [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Replies:** 3\
**Last updated:** [December 3, 2024, 4:39pm UTC](https://forum.babylonjs.com/t/ts-playground-red-banner-could-not-find-source-file-inmemory-model-1/55126 "2024-12-03T16:39:04Z")

</div>

Hello :slight\_smile: It’s not a blocking issue for me, but I noticed that each time I launch a TS playground, fresh of any cache (for example just opening a new incognito window) it would trigger this error : Could not…

---

## [Playground "Run and start video recording" button?](https://forum.babylonjs.com/t/playground-run-and-start-video-recording-button/55059)

<div class="topic-metadata">

**Author:** [@HiGreg](https://forum.babylonjs.com/u/HiGreg)\
**Replies:** 14\
**Last updated:** [November 30, 2024, 1:21am UTC](https://forum.babylonjs.com/t/playground-run-and-start-video-recording-button/55059 "2024-11-30T01:21:35Z")

</div>

Is there a way in the Playground to start recording a video as soon as “Run” is selected? Currently, hitting Run resets the Inspector window and collapses the wrench menu and I have to reselect wrench icon, scroll down…

---

## [Playground "Run and Record" menu item or icon](https://forum.babylonjs.com/t/playground-run-and-record-menu-item-or-icon/55070)

<div class="topic-metadata">

**Author:** [@HiGreg](https://forum.babylonjs.com/u/HiGreg)\
**Replies:** 0\
**Last updated:** [November 30, 2024, 1:20am UTC](https://forum.babylonjs.com/t/playground-run-and-record-menu-item-or-icon/55070 "2024-11-30T01:20:50Z")

</div>

Is there a way in the Playground to start recording a video as soon as “Run” is selected? This current request is for an additional playground icon or menu selection equivalent to “Run and start video recording” and a c…

---

## [Playground: missing cdn file for 4.2.1](https://forum.babylonjs.com/t/playground-missing-cdn-file-for-4-2-1/54632)

<div class="topic-metadata">

**Author:** [@kzhsw](https://forum.babylonjs.com/u/kzhsw)\
**Replies:** 3\
**Last updated:** [November 8, 2024, 2:31pm UTC](https://forum.babylonjs.com/t/playground-missing-cdn-file-for-4-2-1/54632 "2024-11-08T14:31:24Z")

</div>

Version: 4.2.1 Code: Playground: Steps to reproduce: Open playground Open devtools, and switch to network tab Switch to version 4.2.1 There should be a failed request to https://cdn.babylonjs.com/4.2.1/nodeGeometr…

---

## [Play around with Angular Constraints in Havok Physics!](https://forum.babylonjs.com/t/play-around-with-angular-constraints-in-havok-physics/54474)

<div class="topic-metadata">

**Author:** [@HiGreg](https://forum.babylonjs.com/u/HiGreg)\
**Replies:** 9\
**Last updated:** [November 5, 2024, 1:40pm UTC](https://forum.babylonjs.com/t/play-around-with-angular-constraints-in-havok-physics/54474 "2024-11-05T13:40:27Z")

</div>

Havok Physics Angular Constraint playground. Play around with angular constraint settings between two meshes. Features Optimized for my tablet screen and touch controls. Please leave feedback (or fix!) here with any…

---

## [\[EDIT : RELEASED !\] What about a code generator for the Playground?](https://forum.babylonjs.com/t/edit-released-what-about-a-code-generator-for-the-playground/50396)

<div class="topic-metadata">

**Author:** [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Replies:** 72\
**Last updated:** [October 28, 2024, 9:46pm UTC](https://forum.babylonjs.com/t/edit-released-what-about-a-code-generator-for-the-playground/50396 "2024-10-28T21:46:46Z")

</div>

Hello :slight\_smile: For my personal usage, I have been working on what, I think, could be a nice feature to add on the official playground : a procedural code generator ! I added in the top command bar a “Code Gene…

---

## [Playground: history of snippet](https://forum.babylonjs.com/t/playground-history-of-snippet/54299)

<div class="topic-metadata">

**Author:** [@kzhsw](https://forum.babylonjs.com/u/kzhsw)\
**Replies:** 9\
**Last updated:** [October 28, 2024, 10:40am UTC](https://forum.babylonjs.com/t/playground-history-of-snippet/54299 "2024-10-28T10:40:38Z")

</div>

Background: Currently snippet (saved playground code) is saved on server, and version controlled with a version number, but there is currently no way to see what changed between versions. It should be helpful that users…

---

## [MeshHotSpot's PG cannot be previewed](https://forum.babylonjs.com/t/meshhotspots-pg-cannot-be-previewed/54042)

<div class="topic-metadata">

**Author:** [@brightMoon](https://forum.babylonjs.com/u/brightMoon)\
**Replies:** 6\
**Last updated:** [October 14, 2024, 9:45am UTC](https://forum.babylonjs.com/t/meshhotspots-pg-cannot-be-previewed/54042 "2024-10-14T09:45:02Z")

</div>

I see that HotSpot is now supported on 7.29.0: https://github.com/BabylonJS/Babylon.js/pull/15558 But this PG cannot preview

---

## [Blender to Playground - Realtime Link](https://forum.babylonjs.com/t/blender-to-playground-realtime-link/54070)

<div class="topic-metadata">

**Author:** [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Replies:** 5\
**Last updated:** [October 12, 2024, 12:05pm UTC](https://forum.babylonjs.com/t/blender-to-playground-realtime-link/54070 "2024-10-12T12:05:21Z")

</div>

Hello :slight\_smile: For a personal project, I was working on shading on Blender, for BabylonJS. In order to reduce time spent on exporting from Blender, and reloading on BabylonJS side, I ended up writing a script to d…

---

## [Hosting assets on the Playground server](https://forum.babylonjs.com/t/hosting-assets-on-the-playground-server/53258)

<div class="topic-metadata">

**Author:** [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Replies:** 5\
**Last updated:** [September 6, 2024, 1:17pm UTC](https://forum.babylonjs.com/t/hosting-assets-on-the-playground-server/53258 "2024-09-06T13:17:17Z")

</div>

Hello :slight\_smile: As many others on the forum, I try to be active on helping people on the Questions category. Something I miss at least once a week, is the ability to quickly upload a light asset : .PNG for a materi…

---

## [Case in the SPS document, image resource failure](https://forum.babylonjs.com/t/case-in-the-sps-document-image-resource-failure/52870)

<div class="topic-metadata">

**Author:** [@brightMoon](https://forum.babylonjs.com/u/brightMoon)\
**Replies:** 1\
**Last updated:** [August 19, 2024, 12:16pm UTC](https://forum.babylonjs.com/t/case-in-the-sps-document-image-resource-failure/52870 "2024-08-19T12:16:59Z")

</div>

Image resource failure: http://upload.wikimedia.org/wikipedia/en/8/86/Einstein\_tongue.jpg https://doc.babylonjs.com/features/featuresDeepDive/particles/solid\_particle\_system/manage\_sps\_particles

---

## [Chrome wants me to download my external dropbox links used in 2D GUI in the Playground](https://forum.babylonjs.com/t/chrome-wants-me-to-download-my-external-dropbox-links-used-in-2d-gui-in-the-playground/52738)

<div class="topic-metadata">

**Author:** [@mawa](https://forum.babylonjs.com/u/mawa)\
**Replies:** 6\
**Last updated:** [August 12, 2024, 2:40pm UTC](https://forum.babylonjs.com/t/chrome-wants-me-to-download-my-external-dropbox-links-used-in-2d-gui-in-the-playground/52738 "2024-08-12T14:40:55Z")

</div>

Dears, I recently got some strange behavior when using an external (dropbox) link to display an image/icon in the 2D GUI controls, in the playground. I didn’t check it in other browsers (sry), but it appears that CHROM…

[Next page](https://forum.babylonjs.com/tag/playground/22.md?match_all_tags=true&page=1&tags%5B%5D=playground)
