How do I initiate YouTube API script from another layout (Not the first one)

Post reply

❤Follow Topic(3)

0 favourites

5 posts

From the Asset Store

Gif

Fighting Template: A (Not So) Basic One

$31.99 USD

2D fighting template based in the game that defined the fighting games genre.

danuyos

- aulavirtualtest
- - Joined 1 Mar, 2021
  - 12 topics • 17 posts
- 1
- 16 Mar, 2021
- Quote
Basically what I ask on the subject. Is it even possible? I had try many conmbinations but nothing works.

Also, is it posible to change the on click a button from the example API to a OnTouchedObject from a Touch?

I´m kinda new on JS so I feel totaly lost on this.

Thanks in adavance.
Tagged:

api
on-touched-object
scripting
youtube
- el3um4s
- - Joined 9 Nov, 2015
  - 36 topics • 370 posts
- 1
- 16 Mar, 2021
- Quote
This is a post about YouTube and C3: https://www.patreon.com/posts/46901116

Source code: https://github.com/el3um4s/construct-demo

Demo: https://c3demo.stranianelli.com/javascript/007-youtube/demo
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- aulavirtualtest
- - Joined 1 Mar, 2021
  - 12 topics • 17 posts
- 2
- 16 Mar, 2021
- Quote
export async function createVideo(iframeId) {

Globals.ytPlayer[iframeId]["player"] = await YouTube.CreatePlayer(iframeId, {

"onStateChange": e => { Globals.ytPlayer[iframeId]["state"] = e.data; },

"onReady": e => {}

});

return true;

};

How do I use the state to change a global variable at an event sheet?

I want something like this, but I cant find the way to mix both examples:

const stateTextInst = runtime.objects.StateText.getFirstInstance();

const ytPlayer = await YouTube.CreatePlayer("youtubeIframe", {

"onStateChange": e =>

{

// When the player state changes, show it in the StateText object.

stateTextInst.text = "" + e.data;

}

});

Thanks for the links.
- el3um4s
- - Joined 9 Nov, 2015
  - 36 topics • 370 posts
- 1
- 16 Mar, 2021
- Quote
You can use
runtime.globalVars["Variable name"] = newValue

or

runtime.globalVars.myVariable = newValue;

see

globalVars

An object with a property for each global variable on an event sheet in the project. For example if the project has a global variable on an event sheet named Score, then runtime.globalVars.Score provides access to the global variable from script.

https://www.construct.net/en/make-games/manuals/construct-3/scripting/scripting-reference/iruntime

I'm not on pc now but I think something like this could go:

const ytPlayer = await YouTube.CreatePlayer("youtubeIframe", { "onStateChange": e => { runtime.globalVars.myVariable = "" + e.data; } });

To simplify the use of "runtime" I prefer to insert a code of this type in 'main.js':

runOnStartup(async runtime => { globalThis.g_runtime = runtime; });

I use g_runtime instead of runtime

const ytPlayer = await YouTube.CreatePlayer("youtubeIframe", { "onStateChange": e => { g_runtime.globalVars.myVariable = "" + e.data; } });

If you want "ytPlayer" to be global you have to use the one imported from Globals.js

Globals.ytPlayer = await YouTube.CreatePlayer("youtubeIframe", { "onStateChange": e => { g_runtime.globalVars.myVariable = "" + e.data; } });

However, remember that the variables in the event sheet can only be strings, numbers or booleans

I can't test this code right now
- aulavirtualtest
- - Joined 1 Mar, 2021
  - 12 topics • 17 posts
- 1
- 17 Mar, 2021
- Quote
Thanks a lot, I finally made it works!

I really apreciate you help.