[Newbie] js lib import through require.js

Post reply

❤Follow Topic(3)

0 favourites

4 posts

From the Asset Store

Excel2JSON

$1.20 USD

60% off

Convert multiple Excel files into JSON files and import them into construct3.

Touko

whitetigle
- Joined 9 Oct, 2015
- 1 topics • 3 posts
1

8 Jul, 2016
Quote

HI,

while I am a coder I am definitely not fluent in "modern javascript" especially when it comes to modules and loading them (AMD, CommonJS, UMD, etc...)

Now, I do have a lib that I load using require.js.

requirejs(["./myJsLib"], function (lib) {
        lib.doSomething();
    });
[/code:4efybze6]

My question is how would I use requirejs in a construct2 plugin? Is asynchronous loading possible?  And where would I put this call to know that the lib has been loaded? 

OR i have another idea: 
in the html file generated by construct2 could I load my lib first using AMD and then have access to my lib in this context FROM the Browser object via a javascript call ?

[code:4efybze6]
    // Start the project running on window load
    jQuery(document).ready(function ()
    {		
         requirejs(["./myJsLib"], function (lib) { // load the lib and THEN launch the app
                // Create new runtime using the c2canvas
    		cr.createRuntime("c2canvas");
         }
    });
    </script>
[/code:4efybze6]

Thanks for your reply!

- Sir_G
- - Joined 1 Jun, 2012
  - 16 topics • 199 posts
- 1
- 1 Aug, 2016
- Quote
whitetigle, why do you need requirejs? you can add your lib as a c2 plugin. or you can make your app with page that includes c2 project.
what exactly are you trying to do?
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- X3M
- - Joined 8 Jul, 2016
  - 29 topics • 356 posts
- 1
- 4 Aug, 2016
- Quote
[quote:1jk4flt0]dependency
This one isn't listed above, but if you need external files bundled with your plugin (e.g. a javascript library) you can specify one or more dependency files with:

1

"dependency": "file1.js;file2.js;file3.html"

You must provide these files in the plugin's folder. Construct 2 will then copy them out when exporting the project, and make them available on the preview server for testing. Construct 2 will also automatically insert a script tag in to the HTML page before the runtime for any files ending in .js, so you do not need to worry about loading them yourself.

Source:

scirra.com/manual/18/plugin-settings
Example :
function GetPluginSettings() { return { "name": "Sprite", "id": "Sprite", "version": "1.0", "description": "An animated object that is the building block of most projects.", "author": "Scirra", "help url": "http://www.scirra.com", "category": "General", "type": "world", "rotatable": true, "flags": pf_animations | pf_position_aces | pf_size_aces | pf_angle_aces | pf_appearance_aces, "dependency": "babylon.js;myjsfile.js;file3.html" }; };[/code:1jk4flt0]
- whitetigle
- - Joined 9 Oct, 2015
  - 1 topics • 3 posts
- 1
- 18 Aug, 2016
- Quote
Hi Guys!

Thanks for the feedback, that was just what I was looking for. I will try this!