Home › Forums › General Questions › Return of the Crunch – attn: any Articulate Storyline Users
- This topic has 3 replies, 4 voices, and was last updated 1 year, 11 months ago by
shradha03.
-
AuthorPosts
-
2020-09-29 at 3:34 pm #33582
Crunch
CustomerReturn of the Crunch! Think its been about 9 months since I was last here? Oh it wasn’t you Vergey, it was me! Long story but I am back now and WOAH WOAH WOAH!!! Soft8 team has been CRUSHING it.!
I cannot believe how much more advance and polished everything is..You guys are geniuses!! Thank you! Going to take me a bit to catch up with all the upgrades but just wanted to say thanks and show my LOVE how this software keeps getting better and better everyday!
Also – any forum members here (I know there is at least one) familiar with bridging Verge apps in with Articulate Storyline presentations, would greatly appreciate all/any tips and tricks you have to share.
Smoochies
-Crunch2020-09-30 at 5:14 am #33590Yuri Kovelenov
Staff2020-10-28 at 5:00 pm #34683dssctr
CustomerHey Crunch, I just saw this. Unfortunately, Storyline doesn’t make this easy. There’s more to it than just a working file. Pay attention to #4. Here it goes.
https://360.articulate.com/review/content/425f5f56-da82-481d-b054-3a6e3fdbdfc2/reviewI did this the old way and haven’t tried the new JS puzzle.
1. Inside your verge_name.js it should look something like this at the bottom of the script. Also, see the puzzle attachment(puzL.png) too.
//Verge passing variable to Storyline function prepareExternalInterface(app) { app.ExternalInterface.passvariabletrue = function() { var player=parent.GetPlayer(); var myVar = player.SetVar("variable",true); return myVar; } app.ExternalInterface.passvariablefalse = function() { var player=parent.GetPlayer(); var myVar = player.SetVar("variable",false); return myVar; } } //Storyline calls come here to trigger Verge procedure. function runCode(app) { window.spin = function() { v3d.puzzles.procedures.spin(); } window.stopspin = function() { v3d.puzzles.procedures.stopspin(); } }
2. Excecute JS triggers in Storyline should look something like this
var iframeElements = document.getElementsByTagName("iframe"); iframeElements[0].contentWindow.window.spin();
var iframeElements = document.getElementsByTagName("iframe"); iframeElements[0].contentWindow.window.stopspin();
3. In SL make a webObject(iframe) and then go and rename your local verge_name.html to index.html. Target your webObject to your index.html.(right-click menu on WebObject and select your index.html) SL will make a copy of [all elements within the same folder as index.html (so you might want to remove your blend file first)] and SL places them into its own published WebObject>folder when you publish SL to Web option.
4.IMPORTANT: If your lucky, everything works. If not (because you need to tweak something in Verge), and you need to republish SL, you will NEED to rename your webObject’s folder name(doesn’t matter what) that has your index.html inside, and again retarget the WebObject to the index.html. If you don’t, it will never overwrite tweaks you’ve made in verge puzzles, js or glTFs.
Good Luck. -Rick
Attachments:
You must be logged in to view attached files.2022-09-25 at 8:30 am #56093shradha03
ParticipantHello,
That was really helpful.
Unfortunately for me that worked partially.
I tried following the steps above but couldn’t insert the Verge3D web object in Articulate Storyline 360.
I assume I am missing some steps.
Could anyone please help me with this?Thanks and Regards
Shradha -
AuthorPosts
- You must be logged in to reply to this topic.