From b3d7d7a2384853ad7aad8b4629944b675cd2a6c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cl=C3=A9ment=20Pasteau?= <4895034+ClementPasteau@users.noreply.github.com> Date: Tue, 4 Mar 2025 13:11:26 +0100 Subject: [PATCH] Improve tutorials so they work with blocking layer --- tutorials/in-app/cameraParallax.json | 12 +- tutorials/in-app/coopPlatformer.json | 31 ++++ tutorials/in-app/flingGame.json | 39 +++-- tutorials/in-app/healthBar.json | 6 +- tutorials/in-app/joystick.json | 6 +- tutorials/in-app/object3d.json | 8 +- tutorials/in-app/plinkoMultiplier.json | 9 +- tutorials/in-app/tilemapPlatformer.json | 218 ++++++------------------ tutorials/in-app/timer.json | 6 +- 9 files changed, 136 insertions(+), 199 deletions(-) diff --git a/tutorials/in-app/cameraParallax.json b/tutorials/in-app/cameraParallax.json index 41dc7ff..92aa804 100644 --- a/tutorials/in-app/cameraParallax.json +++ b/tutorials/in-app/cameraParallax.json @@ -627,7 +627,8 @@ } }, "placement": "top" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -680,7 +681,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI1Ni4yODcgMTc3LjEyMSA0MDIuNTczIDEyNC4zMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHJlY3QgeD0iNTYuMzY2IiB5PSIyODguNjg1IiB3aWR0aD0iNDAyLjQ5NCIgaGVpZ2h0PSIxMi43NzUiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEyMiwgOTUsIDk1KTsiLz4KICA8cmVjdCB4PSI1Ni4yODciIHk9IjE3OC4yNSIgd2lkdGg9IjExLjEwMiIgaGVpZ2h0PSIxMTAuMzU5IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigxMjIsIDk1LCA5NSk7Ii8+CiAgPHJlY3QgeD0iNDQ3LjIzMyIgeT0iMTc4LjM0IiB3aWR0aD0iMTEuMjA5IiBoZWlnaHQ9IjExMC4zNTkiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEyMiwgOTUsIDk1KTsiLz4KICA8cmVjdCB4PSIxNDMuNTcyIiB5PSIxNzcuMTIxIiB3aWR0aD0iMjE3LjM2NyIgaGVpZ2h0PSIxMjMuOTM5IiBzdHlsZT0iZmlsbDogcmdiKDIxNiwgMjE2LCAyMTYpOyBzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbC1vcGFjaXR5OiAwOyIvPgogIDxyZWN0IHg9IjE0My45ODQiIHk9IjE3Ny40MDYiIHdpZHRoPSIyMTYuNTIxIiBoZWlnaHQ9IjEyMy41MjUiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDQ3LCAyNDIsIDQzKTsiLz4KPC9zdmc+" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "#toolbar-open-objects-panel-button", @@ -762,7 +764,8 @@ } }, "placement": "top" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -815,7 +818,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI1Ni4yODcgMTc3LjEyMSA0MDIuNTczIDEyNC4zMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHJlY3QgeD0iNTYuMzY2IiB5PSIyODguNjg1IiB3aWR0aD0iNDAyLjQ5NCIgaGVpZ2h0PSIxMi43NzUiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEyMiwgOTUsIDk1KTsiLz4KICA8cmVjdCB4PSI1Ni4yODciIHk9IjE3OC4yNSIgd2lkdGg9IjExLjEwMiIgaGVpZ2h0PSIxMTAuMzU5IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigxMjIsIDk1LCA5NSk7Ii8+CiAgPHJlY3QgeD0iNDQ3LjIzMyIgeT0iMTc4LjM0IiB3aWR0aD0iMTEuMjA5IiBoZWlnaHQ9IjExMC4zNTkiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEyMiwgOTUsIDk1KTsiLz4KICA8cmVjdCB4PSIxNDMuNTcyIiB5PSIxNzcuMTIxIiB3aWR0aD0iMjE3LjM2NyIgaGVpZ2h0PSIxMjMuOTM5IiBzdHlsZT0iZmlsbDogcmdiKDIxNiwgMjE2LCAyMTYpOyBzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbC1vcGFjaXR5OiAwOyIvPgogIDxyZWN0IHg9IjE0My45ODQiIHk9IjE3Ny40MDYiIHdpZHRoPSIyMTYuNTIxIiBoZWlnaHQ9IjEyMy41MjUiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDQ3LCAyNDIsIDQzKTsiLz4KPC9zdmc+" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "editorTab:cameraScene:EventsSheet", diff --git a/tutorials/in-app/coopPlatformer.json b/tutorials/in-app/coopPlatformer.json index b181600..93bff33 100644 --- a/tutorials/in-app/coopPlatformer.json +++ b/tutorials/in-app/coopPlatformer.json @@ -230,6 +230,37 @@ } } }, + { + "elementToHighlightId": "#toolbar-open-objects-panel-button", + "nextStepTrigger": { + "presenceOfElement": "#add-new-object-button" + }, + "tooltip": { + "description": { + "messageByLocale": { + "en": "Open the **Objects** panel.", + "fr": "Ouvrez le panneau des **objets**.", + "ar": "فتح لوحة **الكائنات**.", + "de": "Öffnen Sie das **Objekte**-Panel.", + "es": "Abre el panel de **objetos**.", + "it": "Apri il pannello **Oggetti**.", + "tr": "**Nesneler** panelini açın.", + "ja": "**オブジェクト**パネルを開いてください。", + "ko": "**오브젝트** 패널을 엽니다.", + "pl": "Otwórz panel **Obiekty**.", + "pt": "Abra o painel de **objetos**.", + "ru": "Откройте панель **Объекты**.", + "sl": "Odpri panel **Predmeti**.", + "sq": "Hapni panelin e **objekteve**.", + "th": "เปิดแผงควบคุม **วัตถุ**", + "uk": "Відкрийте панель **Об'єкти**.", + "zh": "打开**对象**面板。" + } + }, + "placement": "bottom" + }, + "skippable": true + }, { "metaKind": "add-behavior", "objectKey": "Player1", diff --git a/tutorials/in-app/flingGame.json b/tutorials/in-app/flingGame.json index bcd969d..2ed028a 100644 --- a/tutorials/in-app/flingGame.json +++ b/tutorials/in-app/flingGame.json @@ -526,7 +526,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -557,7 +558,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI1Mi45MzEgMzAuMDE2IDE0MC4yNzkgOTUuMTY4IiB3aWR0aD0iMTQwLjI3OSIgaGVpZ2h0PSI5NS4xNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHJlY3QgeD0iNTIuOTMxIiB5PSIzMC4wMTYiIHdpZHRoPSIxNDAuMjc5IiBoZWlnaHQ9Ijk1LjE2OCIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiBub25lOyBzdHJva2Utd2lkdGg6IDJweDsiLz4KICA8cmVjdCB4PSI1NS4wMjMiIHk9IjEwOS45NjciIHdpZHRoPSIxMzYuMTkiIGhlaWdodD0iMTIuODA3IiBzdHlsZT0iZmlsbDogcmdiKDU0LCAyMjAsIDM5KTsiLz4KICA8cmVjdCB4PSI1NS4wMjMiIHk9IjMyLjIwNSIgd2lkdGg9IjEzNi4xOSIgaGVpZ2h0PSIxMi44MDciIHN0eWxlPSJmaWxsOiByZ2IoNTQsIDIyMCwgMzkpOyIvPgogIDxyZWN0IHg9IjE3OC4yMjQiIHk9IjQ2LjIxMyIgd2lkdGg9IjEyLjg1OCIgaGVpZ2h0PSI2Mi4zMzYiIHN0eWxlPSJmaWxsOiByZ2IoNTQsIDIyMCwgMzkpOyIvPgogIDxyZWN0IHg9IjU1LjAxNCIgeT0iNDYuMjczIiB3aWR0aD0iMTIuODU4IiBoZWlnaHQ9IjYyLjMzNiIgc3R5bGU9ImZpbGw6IHJnYig1NCwgMjIwLCAzOSk7Ii8+Cjwvc3ZnPg==" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "#toolbar-open-objects-panel-button", @@ -1883,7 +1885,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -1913,7 +1916,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI1Mi45MzEgMzAuMDE2IDE0MC4yNzkgOTUuMTY4IiB3aWR0aD0iMTQwLjI3OSIgaGVpZ2h0PSI5NS4xNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMjMuMDcxIiB5MT0iMzAuMDE2IiB4Mj0iMTIzLjA3MSIgeTI9IjEyNS4xODQiIGlkPSJncmFkaWVudC0wIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuOTYyNTc4LCAwLCAwLCAwLjk2MjU3OCwgNC42MDU1NTksIDEuMTIzMjU4KSIgc3ByZWFkTWV0aG9kPSJwYWQiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMCwgMjA4LCAyNTUpOyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMTY0LCAyMzcsIDI1NSk7Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cmVjdCB4PSI1Mi45MzEiIHk9IjMwLjAxNiIgd2lkdGg9IjE0MC4yNzkiIGhlaWdodD0iOTUuMTY4IiBzdHlsZT0ic3Ryb2tlLXdpZHRoOiAycHg7IGZpbGw6IHVybCgjZ3JhZGllbnQtMCk7IGZpbGwtb3BhY2l0eTogMTsgZmlsbC1ydWxlOiBub256ZXJvOyIvPgogIDxwYXRoIHN0eWxlPSJmaWxsOiByZ2IoMTY1LCAxNTgsIDg1KTsiIGQ9Ik0gNTIuNzY3IDEyNS4xNjkgTCA1Mi44MSAxMTIuNDMgTCAxMTQuNjM3IDExMC44NDggTCAxNDYuNDIgOTEuNDUgTCAxNTguOTU5IDgxLjkyNCBMIDE2Ny41MTUgNzEuMTg0IEwgMTc3Ljc4OCA2MS40MTEgTCAxODMuMzYgNTYuNjU4IEwgMTkzLjI3OSA2NS42OTcgTCAxOTMuMTg2IDEyNS4yOTMgTCA1Mi43NjcgMTI1LjE2OSBaIi8+CiAgPHJlY3QgeD0iNTUuMDIzIiB5PSIzMi4yMDUiIHdpZHRoPSIxMzYuMTkiIGhlaWdodD0iMTIuODA3IiBzdHlsZT0iZmlsbDogcmdiKDU0LCAyMjAsIDM5KTsgb3BhY2l0eTogMC40MzsiLz4KICA8cmVjdCB4PSI1NS4wMTQiIHk9IjQ2LjI3MyIgd2lkdGg9IjEyLjg1OCIgaGVpZ2h0PSI2Mi4zMzYiIHN0eWxlPSJmaWxsOiByZ2IoNTQsIDIyMCwgMzkpOyBvcGFjaXR5OiAwLjQzOyIvPgogIDxwb2x5Z29uIHN0eWxlPSJmaWxsOiByZ2IoNywgMTE1LCAzMCk7IiBwb2ludHM9IjcyLjYxIDEwOS44MDggODUuNTc2IDEwMS44MyA3NC4xNDEgMTAxLjAxNSA4NC44NTIgOTAuNTIgNzcuMjUgODkuNjY3IDg2LjY5NCA4MS42MzcgODEuNjI5IDgwLjkxOCA5MC40MzcgNjcuOTI1IDk1LjcyNiA4MS41NzIgOTEuNTA2IDgxLjg1IDk3LjAzMSA5MS45MDggOTIuMTY0IDkxLjY2OCAxMDAuNTc4IDEwMS44NTQgOTMuMjM2IDEwMS41NTQgMTA1LjUxOCAxMTMuNDk2Ii8+CiAgPHBvbHlnb24gc3R5bGU9ImZpbGw6IHJnYig3LCAxMTUsIDMwKTsiIHBvaW50cz0iOTYuMTUzIDc1LjYwNyAxMDcuMzM5IDgzLjc5NyA5Ny42NjkgODQuNSAxMDYuODI5IDkzLjE1MyAxMDAuNjAxIDkzLjM2OSAxMDcuMTg5IDEwMC43MDcgMTA0LjA3IDEwMC45NzUgMTEwLjU4NyAxMTIuNzY1IDExNy4yODggOTkuNTY0IDExMy42MDMgMTAwLjI2IDExNy41MzUgOTEuMzk3IDExMi45MTIgOTMuMTc0IDExOS43NzEgODQuNzE5IDExMy44MTcgODQuMDM1IDEyMS4xNzEgNzQuMzE3IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwgMCwgMCwgLTEsIDIyMC41NzgwMDMsIDE4Ni43NzgpIi8+CiAgPHJlY3QgeD0iNTUuMDIzIiB5PSIxMDkuOTY3IiB3aWR0aD0iMTM2LjE5IiBoZWlnaHQ9IjEyLjgwNyIgc3R5bGU9ImZpbGw6IHJnYig1NCwgMjIwLCAzOSk7IG9wYWNpdHk6IDAuNDM7Ii8+CiAgPHBhdGggc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiIGQ9Ik0gMTc1LjIyNiA3OS42MTMgTCAxNjIuODQ2IDc2LjkyOCBMIDE2Ny41MTUgNzEuMTg0IEwgMTc3Ljc4OCA2MS40MTEgTCAxODMuMzYgNTYuNjU4IEwgMTkzLjI3OSA2NS42OTcgTCAxOTMuMTg2IDc2LjMzOSBaIi8+CiAgPHJlY3QgeD0iMTc4LjIyNCIgeT0iNDYuMjEzIiB3aWR0aD0iMTIuODU4IiBoZWlnaHQ9IjYyLjMzNiIgc3R5bGU9ImZpbGw6IHJnYig1NCwgMjIwLCAzOSk7IG9wYWNpdHk6IDAuNDM7Ii8+CiAgPHJlY3QgeD0iNTIuOTUiIHk9IjI5Ljk4NCIgd2lkdGg9IjE0MC4yNzkiIGhlaWdodD0iOTUuMTY4IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IG5vbmU7IHN0cm9rZS13aWR0aDogMnB4OyIvPgo8L3N2Zz4=" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "#toolbar-open-properties-panel-button", @@ -2445,7 +2449,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "#toolbar-open-layers-panel-button", @@ -3013,7 +3018,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -3043,7 +3049,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI1Mi45MzEgMzAuMDE2IDE0MC4yNzkgOTUuMTY4IiB3aWR0aD0iMTQwLjI3OSIgaGVpZ2h0PSI5NS4xNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMjMuMDcxIiB5MT0iMzAuMDE2IiB4Mj0iMTIzLjA3MSIgeTI9IjEyNS4xODQiIGlkPSJncmFkaWVudC0wIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuOTYyNTc4LCAwLCAwLCAwLjk2MjU3OCwgNC42MDU1NTksIDEuMTIzMjU4KSIgc3ByZWFkTWV0aG9kPSJwYWQiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMCwgMjA4LCAyNTUpOyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMTY0LCAyMzcsIDI1NSk7Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cmVjdCB4PSI1Mi45MzEiIHk9IjMwLjAxNiIgd2lkdGg9IjE0MC4yNzkiIGhlaWdodD0iOTUuMTY4IiBzdHlsZT0ic3Ryb2tlLXdpZHRoOiAycHg7IGZpbGw6IHVybCgjZ3JhZGllbnQtMCk7IGZpbGwtb3BhY2l0eTogMTsgZmlsbC1ydWxlOiBub256ZXJvOyIvPgogIDxwYXRoIHN0eWxlPSJmaWxsOiByZ2IoMTY1LCAxNTgsIDg1KTsiIGQ9Ik0gNTIuNzY3IDEyNS4xNjkgTCA1Mi44MSAxMTIuNDMgTCAxMTQuNjM3IDExMC44NDggTCAxNDYuNDIgOTEuNDUgTCAxNTguOTU5IDgxLjkyNCBMIDE2Ny41MTUgNzEuMTg0IEwgMTc3Ljc4OCA2MS40MTEgTCAxODMuMzYgNTYuNjU4IEwgMTkzLjI3OSA2NS42OTcgTCAxOTMuMTg2IDEyNS4yOTMgTCA1Mi43NjcgMTI1LjE2OSBaIi8+CiAgPHJlY3QgeD0iNTUuMDIzIiB5PSIzMi4yMDUiIHdpZHRoPSIxMzYuMTkiIGhlaWdodD0iMTIuODA3IiBzdHlsZT0iZmlsbDogcmdiKDU0LCAyMjAsIDM5KTsgb3BhY2l0eTogMC40MzsiLz4KICA8cmVjdCB4PSI1NS4wMTQiIHk9IjQ2LjI3MyIgd2lkdGg9IjEyLjg1OCIgaGVpZ2h0PSI2Mi4zMzYiIHN0eWxlPSJmaWxsOiByZ2IoNTQsIDIyMCwgMzkpOyBvcGFjaXR5OiAwLjQzOyIvPgogIDxwb2x5Z29uIHN0eWxlPSJmaWxsOiByZ2IoNywgMTE1LCAzMCk7IiBwb2ludHM9IjcyLjYxIDEwOS44MDggODUuNTc2IDEwMS44MyA3NC4xNDEgMTAxLjAxNSA4NC44NTIgOTAuNTIgNzcuMjUgODkuNjY3IDg2LjY5NCA4MS42MzcgODEuNjI5IDgwLjkxOCA5MC40MzcgNjcuOTI1IDk1LjcyNiA4MS41NzIgOTEuNTA2IDgxLjg1IDk3LjAzMSA5MS45MDggOTIuMTY0IDkxLjY2OCAxMDAuNTc4IDEwMS44NTQgOTMuMjM2IDEwMS41NTQgMTA1LjUxOCAxMTMuNDk2Ii8+CiAgPHBvbHlnb24gc3R5bGU9ImZpbGw6IHJnYig3LCAxMTUsIDMwKTsiIHBvaW50cz0iOTYuMTUzIDc1LjYwNyAxMDcuMzM5IDgzLjc5NyA5Ny42NjkgODQuNSAxMDYuODI5IDkzLjE1MyAxMDAuNjAxIDkzLjM2OSAxMDcuMTg5IDEwMC43MDcgMTA0LjA3IDEwMC45NzUgMTEwLjU4NyAxMTIuNzY1IDExNy4yODggOTkuNTY0IDExMy42MDMgMTAwLjI2IDExNy41MzUgOTEuMzk3IDExMi45MTIgOTMuMTc0IDExOS43NzEgODQuNzE5IDExMy44MTcgODQuMDM1IDEyMS4xNzEgNzQuMzE3IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwgMCwgMCwgLTEsIDIyMC41NzgwMDMsIDE4Ni43NzgpIi8+CiAgPHJlY3QgeD0iNTUuMDIzIiB5PSIxMDkuOTY3IiB3aWR0aD0iMTM2LjE5IiBoZWlnaHQ9IjEyLjgwNyIgc3R5bGU9ImZpbGw6IHJnYig1NCwgMjIwLCAzOSk7IG9wYWNpdHk6IDAuNDM7Ii8+CiAgPHBhdGggc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiIGQ9Ik0gMTc1LjIyNiA3OS42MTMgTCAxNjIuODQ2IDc2LjkyOCBMIDE2Ny41MTUgNzEuMTg0IEwgMTc3Ljc4OCA2MS40MTEgTCAxODMuMzYgNTYuNjU4IEwgMTkzLjI3OSA2NS42OTcgTCAxOTMuMTg2IDc2LjMzOSBaIi8+CiAgPHJlY3QgeD0iMTc4LjIyNCIgeT0iNDYuMjEzIiB3aWR0aD0iMTIuODU4IiBoZWlnaHQ9IjYyLjMzNiIgc3R5bGU9ImZpbGw6IHJnYig1NCwgMjIwLCAzOSk7IG9wYWNpdHk6IDAuNDM7Ii8+CiAgPHJlY3QgeD0iNTIuOTUiIHk9IjI5Ljk4NCIgd2lkdGg9IjE0MC4yNzkiIGhlaWdodD0iOTUuMTY4IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IG5vbmU7IHN0cm9rZS13aWR0aDogMnB4OyIvPgogIDxyZWN0IHg9IjY4Ljc5IiB5PSI3OC43MSIgd2lkdGg9IjQ4LjI3IiBoZWlnaHQ9IjMwLjc1NSIgc3R5bGU9ImZpbGw6IHJnYmEoMjU1LCA1NiwgMjQ1LCAwLjg2KTsiLz4KPC9zdmc+" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "#instance-properties-editor [id=\"Z Order\"]", @@ -3347,7 +3354,8 @@ "ar": "سحب كل **مثيلات** الـ $(projectile) داخل حدود الـ $(background)." } } - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -3734,7 +3742,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -3764,7 +3773,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI1Mi45MzEgMzAuMDE2IDE0MC4yNzkgOTUuMTY4IiB3aWR0aD0iMTQwLjI3OSIgaGVpZ2h0PSI5NS4xNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMjMuMDcxIiB5MT0iMzAuMDE2IiB4Mj0iMTIzLjA3MSIgeTI9IjEyNS4xODQiIGlkPSJncmFkaWVudC0wIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuOTYyNTc4LCAwLCAwLCAwLjk2MjU3OCwgNC42MDU1NTksIDEuMTIzMjU4KSIgc3ByZWFkTWV0aG9kPSJwYWQiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMCwgMjA4LCAyNTUpOyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMTY0LCAyMzcsIDI1NSk7Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cmVjdCB4PSI1Mi45MzEiIHk9IjMwLjAxNiIgd2lkdGg9IjE0MC4yNzkiIGhlaWdodD0iOTUuMTY4IiBzdHlsZT0ic3Ryb2tlLXdpZHRoOiAycHg7IGZpbGw6IHVybCgjZ3JhZGllbnQtMCk7IGZpbGwtb3BhY2l0eTogMTsgZmlsbC1ydWxlOiBub256ZXJvOyIvPgogIDxwYXRoIHN0eWxlPSJmaWxsOiByZ2IoMTY1LCAxNTgsIDg1KTsiIGQ9Ik0gNTIuNzY3IDEyNS4xNjkgTCA1Mi44MSAxMTIuNDMgTCAxMTQuNjM3IDExMC44NDggTCAxNDYuNDIgOTEuNDUgTCAxNTguOTU5IDgxLjkyNCBMIDE2Ny41MTUgNzEuMTg0IEwgMTc3Ljc4OCA2MS40MTEgTCAxODMuMzYgNTYuNjU4IEwgMTkzLjI3OSA2NS42OTcgTCAxOTMuMTg2IDEyNS4yOTMgTCA1Mi43NjcgMTI1LjE2OSBaIi8+CiAgPHBvbHlnb24gc3R5bGU9ImZpbGw6IHJnYig3LCAxMTUsIDMwKTsiIHBvaW50cz0iNzIuNjEgMTA5LjgwOCA4NS41NzYgMTAxLjgzIDc0LjE0MSAxMDEuMDE1IDg0Ljg1MiA5MC41MiA3Ny4yNSA4OS42NjcgODYuNjk0IDgxLjYzNyA4MS42MjkgODAuOTE4IDkwLjQzNyA2Ny45MjUgOTUuNzI2IDgxLjU3MiA5MS41MDYgODEuODUgOTcuMDMxIDkxLjkwOCA5Mi4xNjQgOTEuNjY4IDEwMC41NzggMTAxLjg1NCA5My4yMzYgMTAxLjU1NCAxMDUuNTE4IDExMy40OTYiLz4KICA8cG9seWdvbiBzdHlsZT0iZmlsbDogcmdiKDcsIDExNSwgMzApOyIgcG9pbnRzPSI5Ni4xNTMgNzUuNjA3IDEwNy4zMzkgODMuNzk3IDk3LjY2OSA4NC41IDEwNi44MjkgOTMuMTUzIDEwMC42MDEgOTMuMzY5IDEwNy4xODkgMTAwLjcwNyAxMDQuMDcgMTAwLjk3NSAxMTAuNTg3IDExMi43NjUgMTE3LjI4OCA5OS41NjQgMTEzLjYwMyAxMDAuMjYgMTE3LjUzNSA5MS4zOTcgMTEyLjkxMiA5My4xNzQgMTE5Ljc3MSA4NC43MTkgMTEzLjgxNyA4NC4wMzUgMTIxLjE3MSA3NC4zMTciIHRyYW5zZm9ybT0ibWF0cml4KC0xLCAwLCAwLCAtMSwgMjIwLjU3ODAwMywgMTg2Ljc3OCkiLz4KICA8cGF0aCBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyIgZD0iTSAxNzUuMjI2IDc5LjYxMyBMIDE2Mi44NDYgNzYuOTI4IEwgMTY3LjUxNSA3MS4xODQgTCAxNzcuNzg4IDYxLjQxMSBMIDE4My4zNiA1Ni42NTggTCAxOTMuMjc5IDY1LjY5NyBMIDE5My4xODYgNzYuMzM5IFoiLz4KICA8cmVjdCB4PSI1Mi45NSIgeT0iMjkuOTg0IiB3aWR0aD0iMTQwLjI3OSIgaGVpZ2h0PSI5NS4xNjgiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogbm9uZTsgc3Ryb2tlLXdpZHRoOiAycHg7Ii8+Cjwvc3ZnPg==" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "#toolbar-open-objects-panel-button", @@ -3946,7 +3956,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "objectInObjectsList:title", @@ -4087,7 +4098,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "editorTab:startScene:EventsSheet", @@ -4589,7 +4601,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "editorTab:playScene:EventsSheet", diff --git a/tutorials/in-app/healthBar.json b/tutorials/in-app/healthBar.json index e6bc898..77691e0 100644 --- a/tutorials/in-app/healthBar.json +++ b/tutorials/in-app/healthBar.json @@ -651,7 +651,8 @@ "zh": "选择 **$(resourceBar)**，然后将其拖到场景中。" } } - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -704,7 +705,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI1Mi45MzEgMzAuMDE2IDE0MC4yNzkgOTUuMTY4IiB3aWR0aD0iMTQwLjI3OSIgaGVpZ2h0PSI5NS4xNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHJlY3QgeD0iNTIuOTUiIHk9IjI5Ljk4NCIgd2lkdGg9IjE0MC4yNzkiIGhlaWdodD0iOTUuMTY4IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IG5vbmU7IHN0cm9rZS13aWR0aDogMnB4OyIvPgogIDxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJtYXRyaXgoMC4xMzk5MzEsIDAsIDAsIDAuMTM5OTMxLCA1OC42MDk0MTcsIDM0LjE2ODMyNykiPgogICAgPHBhdGggZD0iTSA0NSA4NC4zMzQgTCA2LjgwMiA0Ni4xMzYgQyAyLjQxNiA0MS43NSAwIDM1LjkxOCAwIDI5LjcxNiBjIDAgLTYuMjAzIDIuNDE2IC0xMi4wMzQgNi44MDIgLTE2LjQyIGMgNC4zODYgLTQuMzg2IDEwLjIxNyAtNi44MDIgMTYuNDIgLTYuODAyIGMgNi4yMDMgMCAxMi4wMzQgMi40MTYgMTYuNDIgNi44MDIgTCA0NSAxOC42NTQgbCA1LjM1OCAtNS4zNTggYyA0LjM4NiAtNC4zODYgMTAuMjE4IC02LjgwMiAxNi40MiAtNi44MDIgYyA2LjIwMyAwIDEyLjAzNCAyLjQxNiAxNi40MiA2LjgwMiBsIDAgMCBsIDAgMCBDIDg3LjU4NSAxNy42ODIgOTAgMjMuNTEzIDkwIDI5LjcxNiBjIDAgNi4yMDMgLTIuNDE1IDEyLjAzNCAtNi44MDIgMTYuNDIgTCA0NSA4NC4zMzQgeiBNIDIzLjIyMiAxMC40OTQgYyAtNS4xMzQgMCAtOS45NjEgMiAtMTMuNTkyIDUuNjMgUyA0IDI0LjU4MiA0IDI5LjcxNiBzIDIgOS45NjEgNS42MyAxMy41OTIgTCA0NSA3OC42NzggbCAzNS4zNyAtMzUuMzcgQyA4NC4wMDEgMzkuNjc3IDg2IDM0Ljg1IDg2IDI5LjcxNiBzIC0xLjk5OSAtOS45NjEgLTUuNjMgLTEzLjU5MiBsIDAgMCBjIC0zLjYzMSAtMy42MyAtOC40NTcgLTUuNjMgLTEzLjU5MiAtNS42MyBjIC01LjEzNCAwIC05Ljk2MSAyIC0xMy41OTIgNS42MyBMIDQ1IDI0LjMxMSBsIC04LjE4NyAtOC4xODcgQyAzMy4xODMgMTIuNDk0IDI4LjM1NiAxMC40OTQgMjMuMjIyIDEwLjQ5NCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsgZmlsbDogcmdiKDIyMSwgMjAsIDE1NCk7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPC9nPgogIDxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJtYXRyaXgoMC4xMzk5MzEsIDAsIDAsIDAuMTM5OTMxLCA3My42MDk0MjEsIDM0LjE2ODMyNykiPgogICAgPHBhdGggZD0iTSA0NSA4NC4zMzQgTCA2LjgwMiA0Ni4xMzYgQyAyLjQxNiA0MS43NSAwIDM1LjkxOCAwIDI5LjcxNiBjIDAgLTYuMjAzIDIuNDE2IC0xMi4wMzQgNi44MDIgLTE2LjQyIGMgNC4zODYgLTQuMzg2IDEwLjIxNyAtNi44MDIgMTYuNDIgLTYuODAyIGMgNi4yMDMgMCAxMi4wMzQgMi40MTYgMTYuNDIgNi44MDIgTCA0NSAxOC42NTQgbCA1LjM1OCAtNS4zNTggYyA0LjM4NiAtNC4zODYgMTAuMjE4IC02LjgwMiAxNi40MiAtNi44MDIgYyA2LjIwMyAwIDEyLjAzNCAyLjQxNiAxNi40MiA2LjgwMiBsIDAgMCBsIDAgMCBDIDg3LjU4NSAxNy42ODIgOTAgMjMuNTEzIDkwIDI5LjcxNiBjIDAgNi4yMDMgLTIuNDE1IDEyLjAzNCAtNi44MDIgMTYuNDIgTCA0NSA4NC4zMzQgeiBNIDIzLjIyMiAxMC40OTQgYyAtNS4xMzQgMCAtOS45NjEgMiAtMTMuNTkyIDUuNjMgUyA0IDI0LjU4MiA0IDI5LjcxNiBzIDIgOS45NjEgNS42MyAxMy41OTIgTCA0NSA3OC42NzggbCAzNS4zNyAtMzUuMzcgQyA4NC4wMDEgMzkuNjc3IDg2IDM0Ljg1IDg2IDI5LjcxNiBzIC0xLjk5OSAtOS45NjEgLTUuNjMgLTEzLjU5MiBsIDAgMCBjIC0zLjYzMSAtMy42MyAtOC40NTcgLTUuNjMgLTEzLjU5MiAtNS42MyBjIC01LjEzNCAwIC05Ljk2MSAyIC0xMy41OTIgNS42MyBMIDQ1IDI0LjMxMSBsIC04LjE4NyAtOC4xODcgQyAzMy4xODMgMTIuNDk0IDI4LjM1NiAxMC40OTQgMjMuMjIyIDEwLjQ5NCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsgZmlsbDogcmdiKDIyMSwgMjAsIDE1NCk7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPC9nPgogIDxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJtYXRyaXgoMC4xMzk5MzEsIDAsIDAsIDAuMTM5OTMxLCA4OC42MDk0MjEsIDM0LjE2ODMyNykiPgogICAgPHBhdGggZD0iTSA0NSA4NC4zMzQgTCA2LjgwMiA0Ni4xMzYgQyAyLjQxNiA0MS43NSAwIDM1LjkxOCAwIDI5LjcxNiBjIDAgLTYuMjAzIDIuNDE2IC0xMi4wMzQgNi44MDIgLTE2LjQyIGMgNC4zODYgLTQuMzg2IDEwLjIxNyAtNi44MDIgMTYuNDIgLTYuODAyIGMgNi4yMDMgMCAxMi4wMzQgMi40MTYgMTYuNDIgNi44MDIgTCA0NSAxOC42NTQgbCA1LjM1OCAtNS4zNTggYyA0LjM4NiAtNC4zODYgMTAuMjE4IC02LjgwMiAxNi40MiAtNi44MDIgYyA2LjIwMyAwIDEyLjAzNCAyLjQxNiAxNi40MiA2LjgwMiBsIDAgMCBsIDAgMCBDIDg3LjU4NSAxNy42ODIgOTAgMjMuNTEzIDkwIDI5LjcxNiBjIDAgNi4yMDMgLTIuNDE1IDEyLjAzNCAtNi44MDIgMTYuNDIgTCA0NSA4NC4zMzQgeiBNIDIzLjIyMiAxMC40OTQgYyAtNS4xMzQgMCAtOS45NjEgMiAtMTMuNTkyIDUuNjMgUyA0IDI0LjU4MiA0IDI5LjcxNiBzIDIgOS45NjEgNS42MyAxMy41OTIgTCA0NSA3OC42NzggbCAzNS4zNyAtMzUuMzcgQyA4NC4wMDEgMzkuNjc3IDg2IDM0Ljg1IDg2IDI5LjcxNiBzIC0xLjk5OSAtOS45NjEgLTUuNjMgLTEzLjU5MiBsIDAgMCBjIC0zLjYzMSAtMy42MyAtOC40NTcgLTUuNjMgLTEzLjU5MiAtNS42MyBjIC01LjEzNCAwIC05Ljk2MSAyIC0xMy41OTIgNS42MyBMIDQ1IDI0LjMxMSBsIC04LjE4NyAtOC4xODcgQyAzMy4xODMgMTIuNDk0IDI4LjM1NiAxMC40OTQgMjMuMjIyIDEwLjQ5NCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsgZmlsbDogcmdiKDIyMSwgMjAsIDE1NCk7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPC9nPgogIDxyZWN0IHg9IjEwOC43MjMiIHk9IjUxLjI4IiB3aWR0aD0iMzAuNzExIiBoZWlnaHQ9IjMzLjA5MSIgc3R5bGU9ImZpbGw6IHJnYigyMTMsIDE3NywgMTQ5KTsiLz4KICA8cmVjdCB4PSIxMzkuMjI5IiB5PSI1MS44MjgiIHdpZHRoPSIxOC45NDciIGhlaWdodD0iMzIuNTQ0IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMTQyLCAxNDIsIDE0Mik7Ii8+CiAgPHJlY3QgeD0iODkuOTg3IiB5PSI1MS44MjgiIHdpZHRoPSIxOC45NDciIGhlaWdodD0iMzIuNTQ0IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMTQyLCAxNDIsIDE0Mik7Ii8+CiAgPHJlY3QgeD0iODkuOTgxIiB5PSI4NC4zMzIiIHdpZHRoPSI2OC4xODYiIGhlaWdodD0iMTYuMzciIHN0eWxlPSJzdHJva2U6IHJnYigxNDIsIDE0MiwgMTQyKTsiLz4KPC9zdmc+" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "editorTab:level:EventsSheet", diff --git a/tutorials/in-app/joystick.json b/tutorials/in-app/joystick.json index 1189330..6cdfe1f 100644 --- a/tutorials/in-app/joystick.json +++ b/tutorials/in-app/joystick.json @@ -613,7 +613,8 @@ "zh": "选择 **$(joystick)**，然后将它拖到场景中。" } } - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -666,7 +667,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIxMjcuMjc5IDY2LjI3NSAyMTkuNDAyIDI5Ny4zNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpieD0iaHR0cHM6Ly9ib3h5LXN2Zy5jb20iPgogIDxyZWN0IHg9IjEyNy4yNzkiIHk9IjY2LjUwOSIgd2lkdGg9IjIxOS40MDIiIGhlaWdodD0iMjk2LjY0OSIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoODcsIDg1LCA4NSk7Ii8+CiAgPHBhdGggZD0iTSAyMzguMzI2IDIzMC40NDMgTCAyNTUuMDI1IDI2Mi44NjUgTCAyMjEuNjI4IDI2Mi44NjUgTCAyMzguMzI2IDIzMC40NDMgWiIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoMjU1LCAxNjIsIDU2KTsiIGJ4OnNoYXBlPSJ0cmlhbmdsZSAyMjEuNjI4IDIzMC40NDMgMzMuMzk3IDMyLjQyMiAwLjUgMCAxQDZlMjg1NDhlIi8+CiAgPGVsbGlwc2Ugc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoNTksIDIyMiwgOTcpOyIgY3g9IjIzNy45OTEiIGN5PSIzMTkuNjU5IiByeD0iMjEuMjc5IiByeT0iMTkuODUzIi8+CiAgPHJlY3QgeD0iMTI3LjM5MyIgeT0iNjYuMjc1IiB3aWR0aD0iMTAiIGhlaWdodD0iMjk3LjM2IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigyMDgsIDM3LCAzNyk7Ii8+CiAgPHJlY3QgeD0iMzM2LjMzMyIgeT0iNjYuOTI3IiB3aWR0aD0iOS43NiIgaGVpZ2h0PSIyOTUuOTg3IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigyMzIsIDQ0LCA0NCk7Ii8+CiAgPHJlY3QgeD0iMTM2Ljk3IiB5PSI2Ni42NDIiIHdpZHRoPSIxOTkuNDkzIiBoZWlnaHQ9IjkuMjAxIiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigyMzMsIDQ2LCA0Nik7Ii8+CiAgPHJlY3QgeD0iMTM4LjIyOSIgeT0iMzU0LjE4IiB3aWR0aD0iMTk3LjE1NSIgaGVpZ2h0PSI4LjUwMiIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoMjMwLCA1MywgNTMpOyIvPgo8L3N2Zz4=" } - } + }, + "interactsWithCanvas": true }, { "metaKind": "add-behavior", diff --git a/tutorials/in-app/object3d.json b/tutorials/in-app/object3d.json index efef71b..190beb8 100644 --- a/tutorials/in-app/object3d.json +++ b/tutorials/in-app/object3d.json @@ -481,7 +481,8 @@ } }, "placement": "left" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -533,7 +534,8 @@ "image": { "dataUrl": "data:image/png;base64,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" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "#toolbar-preview-button", @@ -608,4 +610,4 @@ } } ] -} \ No newline at end of file +} diff --git a/tutorials/in-app/plinkoMultiplier.json b/tutorials/in-app/plinkoMultiplier.json index 634eddf..197355e 100644 --- a/tutorials/in-app/plinkoMultiplier.json +++ b/tutorials/in-app/plinkoMultiplier.json @@ -268,7 +268,8 @@ } }, "placement": "top" - } + }, + "disableBlockingLayer": true }, { "elementToHighlightId": "div[role=\"presentation\"]:is([data-open=true], :not([aria-hidden=true])) #project-manager-drawer-close", @@ -431,7 +432,8 @@ } }, "placement": "top" - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "objectInObjectsList:scoreMultiplier", @@ -482,7 +484,8 @@ } }, "placement": "bottom" - } + }, + "interactsWithCanvas": true }, { "id": "OpenPropertiesManagerForScene", diff --git a/tutorials/in-app/tilemapPlatformer.json b/tutorials/in-app/tilemapPlatformer.json index 1aad348..f5b2e69 100644 --- a/tutorials/in-app/tilemapPlatformer.json +++ b/tutorials/in-app/tilemapPlatformer.json @@ -150,23 +150,23 @@ "standalone": true, "description": { "messageByLocale": { - "en": "The **$(player)** cannot jump over the pit!\nWe have to edit the terrain to add a bridge.\n\nSelect the terrain in the scene!", - "fr": "Le **$(player)** ne peut pas sauter par-dessus le fossé !\nNous devons modifier le terrain pour ajouter un pont.\n\nSélectionnez le terrain dans la scène !", - "ar": "لا يمكن لـ **$(player)** القفز فوق الحفرة!\nعلينا تعديل التضاريس لإضافة جسر.\n\nحدد التضاريس في المشهد!", - "de": "Der **$(player)** kann nicht über die Grube springen!\nWir müssen das Terrain bearbeiten, um eine Brücke hinzuzufügen.\n\nWählen Sie das Terrain in der Szene aus!", - "es": "¡El **$(player)** no puede saltar sobre la trinchera!\nTenemos que editar el terreno para agregar un puente.\n\n¡Selecciona el terreno en la escena!", - "it": "Il **$(player)** non può saltare oltre il fossato!\nDobbiamo modificare il terreno per aggiungere un ponte.\n\nSeleziona il terreno nella scena!", - "tr": "**$(player)** hendek üzerinden atlayamaz!\nKöprü eklemek için araziyi düzenlememiz gerekiyor.\n\nSahnedeki araziyi seçin!", - "ja": "**$(player)**は穴を飛び越えることができません！\n橋を追加するために地形を編集する必要があります。\n\nシーンで地形を選択してください！", + "en": "The **$(player)** cannot jump over the pit!\nWe have to edit the terrain to add a bridge.", + "fr": "Le **$(player)** ne peut pas sauter par-dessus le fossé !\nNous devons modifier le terrain pour ajouter un pont.", + "ar": "لا يمكن لـ **$(player)** القفز فوق الحفرة!\nعلينا تعديل التضاريس لإضافة جسر.", + "de": "Der **$(player)** kann nicht über die Grube springen!\nWir müssen das Terrain bearbeiten, um eine Brücke hinzuzufügen.", + "es": "¡El **$(player)** no puede saltar sobre la trinchera!\nTenemos que editar el terreno para agregar un puente.", + "it": "Il **$(player)** non può saltare oltre il fossato!\nDobbiamo modificare il terreno per aggiungere un ponte.", + "tr": "**$(player)** hendek üzerinden atlayamaz!\nKöprü eklemek için araziyi düzenlememiz gerekiyor.", + "ja": "**$(player)**は穴を飛び越えることができません！\n橋を追加するために地形を編集する必要があります。", "ko": "**$(player)**는 구덩이를 넘을 수 없습니다!\n다리를 추가하기 위해 지형을 수정해야 합니다.\n\n장면에서 지형을 선택하세요!", - "pl": "**$(player)** nie może przeskoczyć przez dół!\nMusimy edytować teren, aby dodać most.\n\nWybierz teren na scenie!", - "pt": "O **$(player)** não pode pular sobre a cova!\nPrecisamos editar o terreno para adicionar uma ponte.\n\nSelecione o terreno na cena!", - "ru": "**$(player)** не может перепрыгнуть через яму!\nНам нужно отредактировать местность, чтобы добавить мост.\n\nВыберите местность на сцене!", - "sl": "**$(player)** ne more skočiti čez jamo!\nUrediti moramo teren, da dodamo most.\n\nIzberite teren v prizoru!", - "sq": "**$(player)** nuk mund të saltojë mbi gropën!\nDuhet të redaktojmë terrenin për të shtuar një urë.\n\nZgjidhni terrenin në skenë!", - "th": "**$(player)** ไม่สามารถกระโดดข้ามหลุมได้!\nเราต้องแก้ไขภูมิประเทศเพื่อเพิ่มสะพาน\n\nเลือกภูมิประเทศในฉาก!", - "uk": "**$(player)** не може стрибати через яму!\nНам потрібно редагувати рельєф, щоб додати міст.\n\nВиберіть рельєф у сцені!", - "zh": "**$(player)**无法跳过坑！\n我们必须编辑地形以添加桥梁。\n\n在场景中选择地形！" + "pl": "**$(player)** nie może przeskoczyć przez dół!\nMusimy edytować teren, aby dodać most.", + "pt": "O **$(player)** não pode pular sobre a cova!\nPrecisamos editar o terreno para adicionar uma ponte.", + "ru": "**$(player)** не может перепрыгнуть через яму!\nНам нужно отредактировать местность, чтобы добавить мост.", + "sl": "**$(player)** ne more skočiti čez jamo!\nUrediti moramo teren, da dodamo most.", + "sq": "**$(player)** nuk mund të saltojë mbi gropën!\nDuhet të redaktojmë terrenin për të shtuar një urë.", + "th": "**$(player)** ไม่สามารถกระโดดข้ามหลุมได้!\nเราต้องแก้ไขภูมิประเทศเพื่อเพิ่มสะพาน", + "uk": "**$(player)** не може стрибати через яму!\nНам потрібно редагувати рельєф, щоб додати міст.", + "zh": "**$(player)**无法跳过坑！\n我们必须编辑地形以添加桥梁。" } } }, @@ -222,30 +222,33 @@ "nextStepTrigger": { "presenceOfElement": "#paintBrush" }, - "skippable": true + "skippable": true, + "interactsWithCanvas": true }, { "elementToHighlightId": "#paintBrush", + "disableBlockingLayer": true, "tooltip": { + "standalone": true, "description": { "messageByLocale": { - "en": "This is the **paint brush tool**; this tool is used to paint tiles on the terrain.\nClick on it, then click on the bridge, just above the red apple.", - "fr": "Ceci est l'**outil pinceau** ; cet outil est utilisé pour peindre des tuiles sur le terrain.\nCliquez dessus, puis cliquez sur le pont, juste au-dessus de la pomme rouge.", - "ar": "هذه هي **أداة فرشاة الطلاء**؛ تُستخدم هذه الأداة لطلاء البلاط على التضاريس.\nانقر عليها، ثم انقر على الجسر، مباشرة فوق التفاح الأحمر.", - "de": "Dies ist das **Pinselwerkzeug**; dieses Werkzeug wird verwendet, um Fliesen auf dem Gelände zu malen.\nKlicken Sie darauf und dann auf die Brücke, direkt über dem roten Apfel.", - "es": "Esta es la **herramienta de pincel**; esta herramienta se utiliza para pintar losetas en el terreno.\nHaz clic en ella, luego haz clic en el puente, justo encima de la manzana roja.", - "it": "Questo è lo **strumento pennello**; questo strumento viene utilizzato per dipingere le piastrelle sul terreno.\nFai clic su di esso, quindi fai clic sul ponte, appena sopra la mela rossa.", - "tr": "Bu, **boya fırçası aracıdır**; bu araç, arazideki kiremitleri boyamak için kullanılır.\nÜzerine tıklayın, ardından kırmızı elmanın hemen üstündeki köprüye tıklayın.", - "ja": "これは**ペイントブラシツール**です。このツールは、地形にタイルをペイントするために使用されます。\nそれをクリックし、次に赤いリンゴのすぐ上にある橋をクリックします。", - "ko": "이것은 **페인트 브러시 도구**입니다. 이 도구는 지형에 타일을 그리는 데 사용됩니다.\n그것을 클릭한 다음, 빨간 사과 바로 위에 있는 다리를 클릭합니다.", - "pl": "To jest **narzędzie pędzla**; to narzędzie służy do malowania płytek na terenie.\nKliknij je, a następnie kliknij most, tuż nad czerwoną jabłkiem.", - "pt": "Esta é a **ferramenta de pincel**; esta ferramenta é usada para pintar ladrilhos no terreno.\nClique nela e depois clique na ponte, logo acima da maçã vermelha.", - "ru": "Это **инструмент кисти**; этот инструмент используется для рисования плиток на местности.\nЩелкните по нему, а затем щелкните по мосту, прямо над красным яблоком.", - "sl": "To je **orodje za čopič**; to orodje se uporablja za barvanje ploščic na terenu.\nKliknite nanj in nato kliknite na most, neposredno nad rdečo jabolko.", - "sq": "Kjo është **instrumenti i furçës së bojës**; ky instrument përdoret për të pikturuar pllakat në terren.\nKlikoni mbi të, pastaj klikoni mbi urën, menjëherë mbi mollën e kuqe.", - "th": "นี่คือ **เครื่องมือแปรงทาสี**; เครื่องมือนี้ใช้สำหรับทาสีแผ่นกระเบื้องบนภูมิประเทศ\nคลิกที่มัน จากนั้นคลิกที่สะพาน ขึ้นไปเหนือแอปเปิ้ลแดง", - "uk": "Це **інструмент для малювання**; цей інструмент використовується для малювання плиток на рельєфі.\nНатисніть на нього, а потім натисніть на міст, прямо над червоним яблуком.", - "zh": "这是 **画笔工具**；此工具用于在地形上绘制瓦片。\n点击它，然后点击桥，就在红苹果上方。" + "en": "In the panel, you can see the **paint brush tool**; this tool is used to paint tiles on the terrain.\nClick on it, then click on the bridge, just above the red apple.", + "fr": "Dans le panneau, vous pouvez voir l'**outil pinceau** ; cet outil est utilisé pour peindre des tuiles sur le terrain.\nCliquez dessus, puis cliquez sur le pont, juste au-dessus de la pomme rouge.", + "ar": "في اللوحة، يمكنك رؤية **أداة فرشاة الطلاء**؛ تُستخدم هذه الأداة لرسم البلاط على التضاريس.\nانقر عليها، ثم انقر على الجسر، مباشرة فوق التفاحة الحمراء.", + "de": "Im Panel sehen Sie das **Pinselwerkzeug**; dieses Werkzeug wird verwendet, um Fliesen auf dem Gelände zu malen.\nKlicken Sie darauf und klicken Sie dann auf die Brücke, direkt über dem roten Apfel.", + "es": "En el panel, puedes ver la **herramienta de pincel**; esta herramienta se utiliza para pintar azulejos en el terreno.\nHaz clic en ella, luego haz clic en el puente, justo encima de la manzana roja.", + "it": "Nel pannello, puoi vedere lo **strumento pennello**; questo strumento viene utilizzato per dipingere le piastrelle sul terreno.\nClicca su di esso, quindi clicca sul ponte, proprio sopra la mela rossa.", + "tr": "Panoda **boya fırçası aracını** görebilirsiniz; bu araç, arazide kiremitleri boyamak için kullanılır.\nÜzerine tıklayın ve ardından kırmızı elmanın hemen üstündeki köprüye tıklayın.", + "ja": "パネルには**ペイントブラシツール**が表示されます。このツールは地形にタイルを描くために使用されます。\nそれをクリックして、赤いリンゴのすぐ上の橋をクリックします。", + "ko": "패널에서 **페인트 브러시 도구**를 볼 수 있습니다. 이 도구는 지형에 타일을 그리는 데 사용됩니다.\n클릭한 다음 빨간 사과 바로 위의 다리를 클릭하세요.", + "pl": "W panelu możesz zobaczyć **narzędzie pędzla**; narzędzie to służy do malowania kafelków na terenie.\nKliknij na nie, a następnie kliknij na most, tuż nad czerwonym jabłkiem.", + "pt": "No painel, você pode ver a **ferramenta de pincel**; esta ferramenta é usada para pintar azulejos no terreno.\nClique nele e, em seguida, clique na ponte, logo acima da maçã vermelha.", + "ru": "В панели вы можете увидеть **инструмент кисти**; этот инструмент используется для рисования плиток на местности.\nНажмите на него, а затем нажмите на мост, прямо над красным яблоком.", + "sl": "V plošči lahko vidite **orodje za slikanje**; to orodje se uporablja za slikanje ploščic na terenu.\nKliknite nanj in nato kliknite na most, tik nad rdečim jabolkom.", + "sq": "Në panel, mund të shihni **mjetin e furçës së bojës**; ky mjet përdoret për të bojë kafshët në terren.\nKliko mbi të, pastaj kliko mbi urën, menjëherë mbi mollën e kuqe.", + "th": "ในแผงคุณสมบัติคุณสามารถเห็น **เครื่องมือพู่กัน**; เครื่องมือนี้ใช้สำหรับการวาดกระเบื้องบนภูมิประเทศ\nคลิกที่นั้น แล้วคลิกที่สะพาน ที่อยู่เหนือแอปเปิลสีแดง", + "uk": "У панелі ви можете побачити **інструмент кисті**; цей інструмент використовується для малювання плиток на місцевості.\nКлацніть на нього, а потім клацніть на міст, безпосередньо над червоною яблуко.", + "zh": "在面板中，您可以看到**画笔工具**；此工具用于在地形上绘制瓷砖。\n点击它，然后点击桥，就在红苹果上方。" } }, "placement": "top" @@ -321,7 +324,8 @@ "zh": "下一步" } } - } + }, + "interactsWithCanvas": true }, { "tooltip": { @@ -434,6 +438,7 @@ } }, { + "elementToHighlightId": "#object-editor-dialog", "tooltip": { "standalone": true, "description": { @@ -626,6 +631,10 @@ }, { "id": "SwitchToEvents1", + "elementToHighlightId": "#toolbar-add-event-button", + "nextStepTrigger": { + "presenceOfElement": "[data-active=\"true\"] #add-condition-button-empty" + }, "tooltip": { "standalone": true, "description": { @@ -649,88 +658,6 @@ "zh": "我们将添加一个新事件，检查玩家下面是什么瓷砖，如果那块瓷砖是苹果，那么我们将移除它。" } } - }, - "nextStepTrigger": { - "clickOnTooltipButton": { - "messageByLocale": { - "en": "Next", - "fr": "Suivant", - "ar": "التالي", - "de": "Weiter", - "es": "Siguiente", - "it": "Prossimo", - "tr": "Sonraki", - "ja": "次", - "ko": "다음", - "pl": "Dalej", - "pt": "Próximo", - "ru": "Далее", - "sl": "Naslednji", - "sq": "Tjetër", - "th": "ถัดไป", - "uk": "Далі", - "zh": "下一步" - } - } - } - }, - { - "elementToHighlightId": "#toolbar-add-event-button", - "nextStepTrigger": { - "presenceOfElement": "[data-active=\"true\"] #add-condition-button-empty" - }, - "tooltip": { - "description": { - "messageByLocale": { - "en": "Click to add a new event.", - "fr": "Cliquez pour ajouter un nouvel événement.", - "ar": "انقر لإضافة حدث جديد.", - "de": "Klicken Sie, um ein neues Ereignis hinzuzufügen.", - "es": "Haz clic para agregar un nuevo evento.", - "it": "Clicca per aggiungere un nuovo evento.", - "tr": "Yeni bir olay eklemek için tıklayın.", - "ja": "新しいイベントを追加するにはクリックしてください。", - "ko": "새 이벤트를 추가하려면 클릭하세요.", - "pl": "Kliknij, aby dodać nowe zdarzenie.", - "pt": "Clique para adicionar um novo evento.", - "ru": "Нажмите, чтобы добавить новое событие.", - "sl": "Kliknite za dodajanje novega dogodka.", - "sq": "Klikoni për të shtuar një ngjarje të re.", - "th": "คลิกเพื่อเพิ่มเหตุการณ์ใหม่", - "uk": "Натисніть, щоб додати нову подію.", - "zh": "点击添加新事件。" - } - } - }, - "skippable": true - }, - { - "elementToHighlightId": "[data-active=\"true\"] #add-event-button", - "nextStepTrigger": { - "presenceOfElement": "#events-editor[data-active] #event-4-conditions #add-condition-button-empty" - }, - "tooltip": { - "title": { - "messageByLocale": { - "en": "Let's add our first **Event**!", - "fr": "Ajoutons notre premier **Événement** !", - "ar": "دعونا نضيف حدثنا الأول **!إيفينت**", - "de": "Lass uns unser erstes **Ereignis** hinzufügen!", - "es": "¡Añadamos nuestro primer **Evento**!", - "it": "Aggiungiamo il nostro primo **Evento**!", - "tr": "İlk **Olay**ımızı ekleyelim!", - "ja": "最初の**イベント**を追加しましょう！", - "ko": "첫 번째 **이벤트**를 추가해 보겠습니다!", - "pl": "Dodajmy nasze pierwsze **Zdarzenie**!", - "pt": "Vamos adicionar nosso primeiro **Evento**!", - "ru": "Давайте добавим наше первое **Событие**!", - "sl": "Dodajmo naš prvi **Dogodek**!", - "sq": "Le të shtojmë ngjarjen tonë të parë **!Ngjarje**", - "th": "มาลงทะเบียน **เหตุการณ์** แรกของเรากันเถอะ!", - "uk": "Давайте додамо наше перше **Подія**!", - "zh": "让我们添加第一个**事件**！" - } - } } }, { @@ -947,8 +874,11 @@ } }, { + "elementToHighlightId": "#events-editor[data-active] #event-4-actions #add-action-button-empty", + "nextStepTrigger": { + "presenceOfElement": "#instruction-editor-dialog" + }, "tooltip": { - "standalone": true, "description": { "messageByLocale": { "en": "We correctly set a condition to check the tile at the player's position.\n\nLet’s **add an action** now to remove the tile at this same position.", @@ -970,58 +900,6 @@ "zh": "我们正确设置了一个条件，以检查玩家位置上的瓷砖。\n\n现在让我们**添加一个动作**，以删除该位置上的瓷砖。" } } - }, - "nextStepTrigger": { - "clickOnTooltipButton": { - "messageByLocale": { - "en": "Next", - "fr": "Suivant", - "ar": "التالي", - "de": "Weiter", - "es": "Siguiente", - "it": "Avanti", - "tr": "Sonraki", - "ja": "次へ", - "ko": "다음", - "pl": "Dalej", - "pt": "Próximo", - "ru": "Далее", - "sl": "Naprej", - "sq": "Tjetër", - "th": "ถัดไป", - "uk": "Далі", - "zh": "下一步" - } - } - } - }, - { - "elementToHighlightId": "#events-editor[data-active] #event-4-actions #add-action-button-empty", - "nextStepTrigger": { - "presenceOfElement": "#instruction-editor-dialog" - }, - "tooltip": { - "description": { - "messageByLocale": { - "en": "Click to add an **action**.", - "fr": "Cliquez pour ajouter une **action**.", - "ar": "انقر لإضافة **إجراء**.", - "de": "Klicken Sie, um eine **Aktion** hinzuzufügen.", - "es": "Haz clic para agregar una **acción**.", - "it": "Clicca per aggiungere un'**azione**.", - "tr": "**Eylem** eklemek için tıklayın.", - "ja": "**アクション**を追加するにはクリックしてください。", - "ko": "**액션**을 추가하려면 클릭하세요.", - "pl": "Kliknij, aby dodać **akcję**.", - "pt": "Clique para adicionar uma **ação**.", - "ru": "Нажмите, чтобы добавить **действие**.", - "sl": "Kliknite za dodajanje **ukaza**.", - "sq": "Klikoni për të shtuar një **veprim**.", - "th": "คลิกเพื่อเพิ่ม **การกระทำ**.", - "uk": "Натисніть, щоб додати **дію**.", - "zh": "点击以添加一个**动作**。" - } - } } }, { diff --git a/tutorials/in-app/timer.json b/tutorials/in-app/timer.json index 49eb913..467dee9 100644 --- a/tutorials/in-app/timer.json +++ b/tutorials/in-app/timer.json @@ -549,7 +549,8 @@ } }, "placement": "top" - } + }, + "interactsWithCanvas": true }, { "nextStepTrigger": { @@ -602,7 +603,8 @@ "image": { "dataUrl": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIxNC43MTQgMzEuMjkyIDQ3Mi43MTEgMzMwLjAzMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB4PSIxNC43MTQiIHk9IjMxLjI5MiIgd2lkdGg9IjQ3Mi43MTEiIGhlaWdodD0iMzMwLjAzMyIgc3R5bGU9ImZpbGw6IHJnYigyMTYsIDIxNiwgMjE2KTsgc3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGwtb3BhY2l0eTogMDsiLz4KICA8cmVjdCB4PSI0Mi40ODIiIHk9Ijg3LjA4MSIgd2lkdGg9IjQwMS40MDIiIGhlaWdodD0iMTkwLjYxMiIgc3R5bGU9ImZpbGw6IHJnYigyMTYsIDIxNiwgMjE2KTsgc3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGwtb3BhY2l0eTogMDsiLz4KICA8cmVjdCB4PSI4Mi4zMTgiIHk9IjEyMy41NTIiIHdpZHRoPSIzMjkuMDgxIiBoZWlnaHQ9IjE1LjE4MiIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoMTA0LCAxNjEsIDIxMCk7Ii8+CiAgPHJlY3QgeD0iMzk2LjcxMSIgeT0iMTI0LjAxMSIgd2lkdGg9IjE1LjE2NSIgaGVpZ2h0PSI0My4zNTEiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEwNCwgMTYxLCAyMTApOyIvPgogIDxyZWN0IHg9IjI0NC41ODIiIHk9IjE1My40NDgiIHdpZHRoPSIxNjcuMzUzIiBoZWlnaHQ9IjE1LjE0OSIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoMTA0LCAxNjEsIDIxMCk7Ii8+CiAgPHJlY3QgeD0iMjI5LjEwMiIgeT0iMTUzLjU3IiB3aWR0aD0iMTQuOTM5IiBoZWlnaHQ9IjM1LjMwMyIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoMTA0LCAxNjEsIDIxMCk7Ii8+CiAgPHJlY3QgeD0iODMuMzc2IiB5PSIxODkuNDk0IiB3aWR0aD0iMTYwLjA4NCIgaGVpZ2h0PSIxMi4wMDkiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEwNCwgMTYxLCAyMTApOyIvPgogIDxyZWN0IHg9IjgyLjk1OCIgeT0iMjAxLjgxMSIgd2lkdGg9IjEzLjQ4OCIgaGVpZ2h0PSIyMi41IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigxMDQsIDE2MSwgMjEwKTsiLz4KICA8cmVjdCB4PSI5Ni40NzQiIHk9IjIxMC4wNDIiIHdpZHRoPSIxNDcuOTE4IiBoZWlnaHQ9IjE0LjM1IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigxMDQsIDE2MSwgMjEwKTsiLz4KICA8cmVjdCB4PSIyMjkuNjQ1IiB5PSIyMjQuNDg2IiB3aWR0aD0iMTQuMzI2IiBoZWlnaHQ9IjE5Ljc1OSIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoMTA0LCAxNjEsIDIxMCk7Ii8+CiAgPHJlY3QgeD0iMjQ0LjE2NiIgeT0iMjMyLjI1NSIgd2lkdGg9IjE1MS43MSIgaGVpZ2h0PSIxMi4wODEiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEwNCwgMTYxLCAyMTApOyIvPgogIDxyZWN0IHg9IjM4My43NzUiIHk9IjIwOC41NDgiIHdpZHRoPSIxMi44MiIgaGVpZ2h0PSIyMy43NzUiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDEwNCwgMTYxLCAyMTApOyIvPgogIDxlbGxpcHNlIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDIxMCwgMTYxLCAxMDQpOyIgY3g9IjM5MC4xNiIgY3k9IjIwMS41MzUiIHJ4PSIxNC40MjIiIHJ5PSIxNC4yNjIiLz4KICA8ZWxsaXBzZSBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IGZpbGw6IHJnYigyMTAsIDE2MSwgMTA0KTsiIGN4PSI3Ni41MDQiIGN5PSIxMjkuNzA3IiByeD0iMTUuNjY0IiByeT0iMTUuNTM4Ii8+CiAgPHJlY3QgeD0iMzkwLjQ1OCIgeT0iOTAuNzk0IiB3aWR0aD0iNDguMzY1IiBoZWlnaHQ9IjI2LjA4NSIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiByZ2IoNiwgMjMyLCAzNik7Ii8+Cjwvc3ZnPg==" } - } + }, + "interactsWithCanvas": true }, { "elementToHighlightId": "editorTab:gameScene:EventsSheet",