Mozilla Thimble to Extend ARIS

2,836 views
Skip to first unread message

Chris Holden

unread,
Aug 24, 2016, 12:00:21 PM8/24/16
to arisgames
Many of you have been using the HTML and Javascript capabilities of ARIS to make really cool stuff. Of course ARIS doesn't do much to help you with learning or setting up those things. Many ideas too would seem to require hosting on the authors' part. I rediscovered something yesterday that might be a big help in both of those departments, Mozilla's Thimble. It is an authoring and publication environment (free) for html and Javascript. Since I last checked it out, you can have multiple files in a project, meaning that you can include art assets in what you produce and benefit from having separate css files etc. With the semester starting, it may be a while before I get to really check it out, but it seems like it might be the perfect compliment to ARIS. 

You would create something neat looking there, and then in ARIS create a "webpage" object and simply use the public url from the Mozilla project. You might even be easily able to create ways to view parts of your games (like the web backpack we used to have) outside of ARIS.

Christopher Holden

unread,
Aug 24, 2016, 12:08:14 PM8/24/16
to aris...@googlegroups.com
I guess maybe one of the things you'd need to figure out is how to make the calls to ARIS reach across the internet—an absolute path name instead of relative one?

On Wed, Aug 24, 2016 at 10:00 AM, Chris Holden <chris.l...@gmail.com> wrote:
Many of you have been using the HTML and Javascript capabilities of ARIS to make really cool stuff. Of course ARIS doesn't do much to help you with learning or setting up those things. Many ideas too would seem to require hosting on the authors' part. I rediscovered something yesterday that might be a big help in both of those departments, Mozilla's Thimble. It is an authoring and publication environment (free) for html and Javascript. Since I last checked it out, you can have multiple files in a project, meaning that you can include art assets in what you produce and benefit from having separate css files etc. With the semester starting, it may be a while before I get to really check it out, but it seems like it might be the perfect compliment to ARIS. 

You would create something neat looking there, and then in ARIS create a "webpage" object and simply use the public url from the Mozilla project. You might even be easily able to create ways to view parts of your games (like the web backpack we used to have) outside of ARIS.

--
--
You are part of the ARIS authoring discussion group.
To post: email aris...@googlegroups.com
To unsubscribe: email arisgames+unsubscribe@googlegroups.com
For more options: http://groups.google.com/group/arisgames
---
You received this message because you are subscribed to the Google Groups "arisgames" group.
To unsubscribe from this group and stop receiving emails from it, send an email to arisgames+unsubscribe@googlegroups.com.
Visit this group at https://groups.google.com/group/arisgames.
To view this discussion on the web visit https://groups.google.com/d/msgid/arisgames/131ef344-67d2-4574-9e95-ad30599da760%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Charles Leffingwell

unread,
Aug 24, 2016, 2:05:51 PM8/24/16
to arisgames
We have successfully created an external web page that we use through the creation of a web page object, where we save variables entered in that web page back into our program and display the values in plaques or trigger off of them. One of my co-programmers, Ryan LeDuc made made it work for us.  The location he save his external to ARIS html doc was simply a drop box folder with public permission level.

He created code chunks like this:

Grabbing entered values from fields and saving them

 

Convention for grabbing values entered in a form field:

 

var JS_variable_Name = document.getElementById('form_field_id').value;

 

-    variable_name: variable name that reflects what vital it's supposed to represent

-    form_field_id: id of the form field that you need the entered value from

-    must use .value or javascript will try and grab the entire HTML element instead of just the entered number.


Example code:

var pulse = document.getElementById('field-pulse').value;


Saving values

 

Convention for saving vital values

 

1 var yourVital_id = ARIS.cache.idForItemName('ARIS_Vital_Name'); 

2 ARIS.setItemCount(yourVital_id, JS_variable_name);

 

-    line 1 tells ARIS to return the object id# based on the in game name of the object

-    line 2 tells ARIS to set the object's quantity based on the variable

-    yourVital_id: variable name that reflects the corresponding vital

-    ARIS_Vital_Name: The vitals object name in the ARIS program

-    JS_variable_name: variable name from step one

 

Example code:

1 var pulse_id = ARIS.cache.idForItemName('Pulse'); 

2 ARIS.setItemCount(pulse_id, pulse);



Christopher Holden

unread,
Aug 24, 2016, 2:15:01 PM8/24/16
to aris...@googlegroups.com
Oh man, this is sweet. Everyone swooned at the summit when they saw your "enter vitals" screenshot.

--
--
You are part of the ARIS authoring discussion group.
To post: email aris...@googlegroups.com
To unsubscribe: email arisgames+unsubscribe@googlegroups.com
For more options: http://groups.google.com/group/arisgames
---
You received this message because you are subscribed to the Google Groups "arisgames" group.
To unsubscribe from this group and stop receiving emails from it, send an email to arisgames+unsubscribe@googlegroups.com.
Visit this group at https://groups.google.com/group/arisgames.

David Gagnon

unread,
Aug 24, 2016, 2:25:15 PM8/24/16
to aris...@googlegroups.com
Very cool. BTW, if anyone wants to share any cool .js they’ve created, we setup a sweet repository that anyone can download/add to. See https://github.com/ARISGames/ARISjsExamples

You will just clone the repository, using the git tool, add your stuff as a new folder, then do a “pull request” so our team can make it available to everyone.

David


To unsubscribe: email arisgames+...@googlegroups.com

For more options: http://groups.google.com/group/arisgames
---
You received this message because you are subscribed to the Google Groups "arisgames" group.
To unsubscribe from this group and stop receiving emails from it, send an email to arisgames+...@googlegroups.com.

Charles Leffingwell

unread,
Aug 24, 2016, 2:31:02 PM8/24/16
to arisgames
THat was something that we contracted with ARIS to help us with.  Mike Tolly did the initial version we have been using to date.  Now I have some work-studies studying his code and experimenting with how we can leverage his techniques with some new ideas and a slight change in the customization's purpose for some new scenarios going forward.

We would like to share what we develop and our progress as we go, but we are not sure where to post such things.  It seemed to me at the summit that part of the new Field Day website might be places to facilitate such sharing?
To unsubscribe: email arisgames+...@googlegroups.com

For more options: http://groups.google.com/group/arisgames
---
You received this message because you are subscribed to the Google Groups "arisgames" group.
To unsubscribe from this group and stop receiving emails from it, send an email to arisgames+...@googlegroups.com.

Charles Leffingwell

unread,
Aug 24, 2016, 2:32:42 PM8/24/16
to arisgames
Well,  there it is...  I'll ask Ryan and Greg to share their stuff there.  Thanks!
To unsubscribe: email arisgames+...@googlegroups.com
For more options: http://groups.google.com/group/arisgames
---
You received this message because you are subscribed to the Google Groups "arisgames" group.
To unsubscribe from this group and stop receiving emails from it, send an email to arisgames+...@googlegroups.com.
Visit this group at https://groups.google.com/group/arisgames.
Reply all
Reply to author
Forward
0 new messages