[Extension] XIA 1.0

Other sites and resources for Inkscape users.
pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

[Extension] XIA 1.0

Postby pfautrero » Sun Feb 15, 2015 1:24 am

Hi,

XIA 1.0 is a new tool to build html5 resources like these ones (serious games or interactive images):
http://xia.dane.ac-versailles.fr/examples.html

Resources are built with inkscape and converted to html5 app with xia extension. Documentation is available here :
http://xia.dane.ac-versailles.fr/documentation.pdf
http://xia.dane.ac-versailles.fr/video_en.html (a simple game)

And downloads (windows, linux, os x) here :
http://xia.dane.ac-versailles.fr/index_en.html

XIA as an inkscape extension is available in ->extension->misc->xia

Regards,
Last edited by pfautrero on Mon Feb 16, 2015 3:12 am, edited 1 time in total.

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Sun Feb 15, 2015 3:17 pm

This sounds exciting!

Since I only understand English, I'm not sure what is shown on this page (http://xia.dane.ac-versailles.fr/exemples.html). I know it's examples, but are they games that you can play? Or it's just a list of games? If they can be played, how? I click on one, and a new page opens, that says "chargement...". I think that might mean "loading" but how long does it take? I wait 2 or 3 minutes and still nothing happens.

I watched the tutorial video, and it looks quite easy. But VERY hard to hear, even with volume at 100% (both on video and on my system).

Only one thing keeps me from downloading and trying it. I want to play one or 2 examples of the kind of games it can make. If those examples are games, how long should they take to load?

Thanks :D

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Sun Feb 15, 2015 7:08 pm

brynn wrote:Since I only understand English, I'm not sure what is shown on this page (http://xia.dane.ac-versailles.fr/exemples.html). I know it's examples, but are they games that you can play? Or it's just a list of games? If they can be played, how? I click on one, and a new page opens, that says "chargement...". I think that might mean "loading" but how long does it take? I wait 2 or 3 minutes and still nothing happens.

I watched the tutorial video, and it looks quite easy. But VERY hard to hear, even with volume at 100% (both on video and on my system).


damned ! Yes, "chargement.." means "Loading..." and it should only take 1-2 sec to start. Can I ask you what is your browser ? I will improve the video sound and translate examples in english too.

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Sun Feb 15, 2015 9:07 pm

Some of them load after 30 sec to a minute, and some never seem to load. I'm on Firefox.

I have seen 3 or 4 now. But maybe some are not games? Do some of the examples show other ways to use the extension, besides games? http://xia.dane.ac-versailles.fr/demo/m ... index.html looks like it shows the life cycle of a butterfly. It seems more informative, than a game. But maybe the language barrier keeps me from figuring out the game.

I like this http://xia.dane.ac-versailles.fr/demo/kiki/index.html, could make a hidden objects game. Although I would make the items much harder to find, using Inkscape, and perhaps imported photos or raster images. The sliding puzzle pieces/bunny in a maze game....I can't quite understand how to use the steps in the tutorial, to make the sliding pieces, but after some study, maybe I'll learn.

Oh, very nice! I've seen 5 or 6 now! Can you make levels? For example, I finish putting the dinosaur bones in the right place and "Excellent travail!". Would it be possible to take the player to the next level?

Big Ben doesn't seem to open, or Arduino Uno Rev3 either. Most of the others have opened.

This is so exciting! Thank you so much for creating this! Off to download :D

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Sun Feb 15, 2015 9:23 pm

Does it need to be installed like other Inkscape extensions (AppData/Roaming/Inkscape/extensions)? (I'm on Windows 7.) Or does it need its own directory outside of Inkscape?

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Sun Feb 15, 2015 9:40 pm

brynn wrote:Some of them load after 30 sec to a minute, and some never seem to load. I'm on Firefox.


ok. But it is quite a long time in fact.

brynn wrote:I have seen 3 or 4 now. But maybe some are not games? Do some of the examples show other ways to use the extension, besides games? http://xia.dane.ac-versailles.fr/demo/m ... index.html looks like it shows the life cycle of a butterfly. It seems more informative, than a game. But maybe the language barrier keeps me from figuring out the game.


you are right. I have put the focus on games productions but you can do interactive images. You choose a picture and want to focus on details (and add comments on such details).

brynn wrote:I like this http://xia.dane.ac-versailles.fr/demo/kiki/index.html, could make a hidden objects game. Although I would make the items much harder to find, using Inkscape, and perhaps imported photos or raster images. The sliding puzzle pieces/bunny in a maze game....I can't quite understand how to use the steps in the tutorial, to make the sliding pieces, but after some study, maybe I'll learn.

Well, the first game "kiki" is built using a xia template called "game1clic". Clicking on details update a score and when this score reaches a max-score you defined, a popup appears to congratz. The second game "bunny" is built using another xia template called "gameDragAndDrop". this time, moving a detail on a "drop area" increases the score. Creating games is more difficult than creating interactive images. To summarize a gamedraganddrop creation :
1. Open a background image in inkscape (the maze, a lanscape...)
2. Import images which will be the draggable details
3. Draw shapes to define "drop areas" (circles, squares ...)
4. In draggable details description field, specify their "drop area" like this :

Code: Select all

<target>ID_SHAPE</target>

5. The max-score is defined in the background description field :

Code: Select all

 <score>3</score>
(meaning you have to drag and drop 3 details in the right places)
6. Export your work choosing "gamedraganddrop" theme in xia extension.

brynn wrote:Oh, very nice! I've seen 5 or 6 now! Can you make levels? For example, I finish putting the dinosaur bones in the right place and "Excellent travail!". Would it be possible to take the player to the next level?

yes. XIA will transform links in clickable links (with a small wiki syntax). For instance, if you want to link with a new resource located here : http://xia.dane.ac-versailles.fr/demi/lapin, in the background description, just add this :

Code: Select all

<message>
Great job ! Level 1 completed
[[http://xia.dane.ac-versailles.fr/demi/lapin Access Level 2]]
</message>


brynn wrote:Big Ben doesn't seem to open, or Arduino Uno Rev3 either. Most of the others have opened.

ok, I just check why.

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Sun Feb 15, 2015 9:51 pm

here is the dino svg file to show you how is working the gamedraganddrop. (game logic is located in objects descriptions) :

http://xia.dane.ac-versailles.fr/demo/d ... al.svg.zip

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Sun Feb 15, 2015 9:59 pm

brynn wrote:Does it need to be installed like other Inkscape extensions (AppData/Roaming/Inkscape/extensions)? (I'm on Windows 7.) Or does it need its own directory outside of Inkscape?


Well., XIA is an inkscape extension with a graphical interface based on tkinter. So, for windows and os x, the installer we made available will override the python version of inkscape to add this graphical lib. The installer will install xia in C:/Program Files/Inkscape/extensions/

I know it has already been discussed here to embed graphical lib in the inkscape python version and, if I remember, the core team refused to do such a thing. XIA is an inkscape extension able to access directories and files on the system.

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Mon Feb 16, 2015 2:08 am

Well I don't understand

I know it has already been discussed here to embed graphical lib in the inkscape python version and, if I remember, the core team refused to do such a thing. XIA is an inkscape extension able to access directories and files on the system.


And I probably don't need to. But

The installer will install xia in C:/Program Files/Inkscape/extensions/


is fabulous! :D

I can't wait to start a simple project, but have a couple other priorities to handle, before I can.

Anyway, thanks again for this, and I will definitely have some feedback, once I get into it 8-)

PS - You may want to consider uploading to Inkscape website? https://inkscape.org/en/download/addons/

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Mon Feb 16, 2015 2:37 am

Hhmm....I'm not sure the significance of this. Of course I routinely scan all files that I download from the internet, as everyone should, for security issues. I'm not sure if this is exactly a security issue, but maybe something you want to know about. I have not tried to install it yet.

Spybot S&D (dinosaur, I know) and (more currrent) Malwarebytes Anti-Malware report no issues.

xia-sec.png
xia-sec.png (66.23 KiB) Viewed 5530 times

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Mon Feb 16, 2015 2:45 am

ok. Thanks for this report. I will have a look at innosetup issues. If you want to have a look at source code, everything is under GPLv3.

hulf2012
Posts: 715
Joined: Sat Nov 24, 2012 12:37 pm

Re: [Extension] XIA 1.0

Postby hulf2012 » Mon Feb 16, 2015 5:42 am

Hello,
Seems very promising. At some moment I have to try it.

pfautrero wrote:ok. Thanks for this report. I will have a look at innosetup issues. If you want to have a look at source code, everything is under GPLv3.


Related with that I have a question.

Hypotetical case:
If I want to use the code ( I guess is CSS3, html5, svg, javascript?) generated with this extension, say for a page designed by me, for the website of a client of mine... can I do it?... is there a limitation?.

About compatiblity... In which devices or web browsers can be viewd those pages?

I'm probably explaining me bad, but It was an issue with, for example flash created websites, in the sense they couldn't be found for web searchers (google for example). How about pages created with your technology?.


Greetings
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Mon Feb 16, 2015 6:21 am

pfautrero wrote:ok. Thanks for this report. I will have a look at innosetup issues. If you want to have a look at source code, everything is under GPLv3.


I don't have the kind of knowledge or skill to look at the code, or be able to edit, or even understand it. Would this "damaged archive" issue prevent me from installing XIA? Or using it?

In case you need to know, I'm on Win7, 64-bit.

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Mon Feb 16, 2015 8:11 am

@hulf2012:

hulf2012 wrote:Hypotetical case:
If I want to use the code ( I guess is CSS3, html5, svg, javascript?) generated with this extension, say for a page designed by me, for the website of a client of mine... can I do it?... is there a limitation?.

yes, it is css3+html+svg+js application.
And yes, you can do your own page. No limitation but respect of the GPL license. This means your page is under GPL too. Maybe there is one technical limit : index.html generated is a standalone page. Not so easy to include it in an html webpage unless you use iframes. (xia html5 app are responsive)

hulf2012 wrote:About compatiblity... In which devices or web browsers can be viewd those pages?

I have tested on a lot of devices and browsers. (Browsers too old won't support canvas technology.)

For win7 and win8 : Firefox, opera, safari, IE10/IE11, Chrome, Chromium
For MAC OS X : Safari
For Linux (debian wheezy and Jessie and ubuntu) : iceweasel, chromium, firefox

For Samsung galaxy Tab 2, 3 and S : Android Browser, Firefox, Chrome
For iPad 1, 2, air 2 : Safari, Chrome

For Firefox OS : Firefox

hulf2012 wrote:I'm probably explaining me bad, but It was an issue with, for example flash created websites, in the sense they couldn't be found for web searchers (google for example). How about pages created with your technology?.


Good question.
For interactive images, the index.html file contains details descriptions and titles and the background image. File meta datas embed resource description, author, keywords (defined in the inkscape metadatas). Even if you point at such a resource on facebook or twitter, description and title are extracted to be displayed in the post.
For html5 games, not so easy to make game logic available. But resource description and title are also available.(even in social app)

@brynn

brynn wrote:I don't have the kind of knowledge or skill to look at the code, or be able to edit, or even understand it. Would this "damaged archive" issue prevent me from installing XIA? Or using it?
In case you need to know, I'm on Win7, 64-bit.


ESET seems to show some false positives sometimes. But, we have already heavily tested windows installation and it works like a charm. (win7, win8 32 and 64 bits). And, if you are a bit worried, let me explain what is doing this installer :
1. Replace inkscape python version by a python version with tkinter and PIL libraries
2. Copy/paste xia extension in the right folder
nothing more ! your system is really safe. We have provided this tool for a lot of schools in France and everything is ok.

~suv
Posts: 2272
Joined: Sun May 10, 2009 2:07 am

Re: [Extension] XIA 1.0

Postby ~suv » Mon Feb 16, 2015 8:29 am

pfautrero wrote:If you want to have a look at source code, everything is under GPLv3.
Is there a puplic repository of the extension available, and of the scripts used to create the binary installers?

pfautrero wrote:Well., XIA is an inkscape extension with a graphical interface based on tkinter. So, for windows and os x, the installer we made available will override the python version of inkscape to add this graphical lib.
Ah, so that's what the download page and the available packages are trying to hide from the visitor … ;-)

I would recommend to update the information on the download page, and to also provide links to the source code (tarball, or repository).

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Mon Feb 16, 2015 9:18 am

~suv wrote:I would recommend to update the information on the download page, and to also provide links to the source code (tarball, or repository).

You are right, it's done.

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Thu Feb 19, 2015 3:37 pm

Ok, I installed it XIA, but I haven't found any extension called XIA. Does it go by another name, in the Extensions menu?

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Thu Feb 19, 2015 3:48 pm

Ok, I found it. It created, and was installed into Program Files (x86)/Inkscape, which is not where I have Inkscape installed. How can I fix this?

Should I install again, and change the directory during the install wizard? Or is there some way to "move it over" to where I have Inkscape installed?

User avatar
ragstian
Posts: 1154
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: [Extension] XIA 1.0

Postby ragstian » Thu Feb 19, 2015 4:21 pm

Hi

brynn, the installer is not very "smart" - on my system it managed to "install" to incorrect directory as well!

To fix I first renamed the installdir/Inkscape/python directory to installdir/Inkscape/old_python.
Next step is to find the XIA installdiretory and mark the python and share directory, copy these (ctrl-c),

enter your installdir/inkscape directory - make sure you are at the right place, you should see the old_python and share directories.
paste (ctl-v) the two copied directories.

restart Inkscape, you will now find the XIA extension under Extension - Misc.
Last edited by ragstian on Sat Feb 28, 2015 2:39 am, edited 1 time in total.
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Thu Feb 19, 2015 7:50 pm

Hi,

Thanks for the report. The windows installer has been updated to fix that issue. Now, installation default directory is C:/Program Files.

Regards,

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Thu Feb 19, 2015 10:46 pm

pfautrero , you may need a more complicated setup. Since Inkscape now comes with both 32-bit and 64-bit versions, sometimes the user will have Inskcape installed in Program Files and sometimes in Program Files (x86). But that's not the end of the story. Since I have a few other versions of Inskcape installed, my 0.91 version (32-bit) is in Program Files (x86)/Inkscape0.91. And I also have a 64-bit version of Inkscape, which is in Program Files/Inkscape. But because there are some performance issues for me with the 64-bit version, I use the 32-bit most of the time.

If I change the directory to the version of Inkscape where I want to install XIA, will that work?

Ragnar, thanks for the info, but it may be a bit over my head.

When you say installdir/Inkscape/python" do you mean Program Files (X86)/Inkscape0.91/python?
When you say "...mark the python and share directory..." do you mean highlight?
When you say "enter your installdir/inkscape directory - make sure you are at the right place, you should see the old_python and share directories." you mean the same one where I changed Program Files (X86)/Inkscape0.91/python to Program Files (X86)/Inkscape0.91/oldpython/.

I guess Inkscape will recreate the Program Files (X86)/Inkscape0.91/python dir, when I open it again? (And same for share?)

pfautrero
Posts: 26
Joined: Thu Dec 18, 2014 5:37 am
Location: France

Re: [Extension] XIA 1.0

Postby pfautrero » Thu Feb 19, 2015 10:57 pm

windows installer starts by showing the target directory. In my case, I can see "C:/Program Files/Inkscape". You can change it on the fly just before starting installation. So, you can install XIA anywhere. If you specify "C:/Program Files(x86)/Inkscape, it will be available for your inkscape 32 bits version (and it will work). XIA works on both inkscape versions.
How do you imagine a more suitable installer ? If you have only one inkscape version, I could imagine to look for this version but if you have two versions of inkscape installed (this is your case), what is the right choice ? And worse, if you install your inkscape in a custom directory ?

User avatar
ragstian
Posts: 1154
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: [Extension] XIA 1.0

Postby ragstian » Thu Feb 19, 2015 11:09 pm

Hi.

OK, let us start over. I presume you are using windows file explorer (Windows _key + E).
(Operations like this is so much easier using the command line!)

Navigate to your inkscape install directory - in your case C:\Program Files (x86)\/Inkscape0.91\
Highlight the python directory by clicking it once,
press F2
rename to OldPython or something similar (This will enable you to go back to the old version later if you wish)

Navigate to where XIA copied the directories share and python

Highligt both share and python (CTRL A)
Copy by Ctrl C.

Navigate back to your C:\Program Files (x86)\/Inkscape0.91\
Press Paste (Ctrl V)

I like the way they made the XIA extension like a "Standalone Program" - worth the "hassle" of getting it to the right directory!
With this setup the possibilities for "Special Programs" are endless.
Last edited by ragstian on Sat Feb 28, 2015 2:39 am, edited 1 time in total.
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

User avatar
brynn
Posts: 9534
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: [Extension] XIA 1.0

Postby brynn » Fri Feb 20, 2015 11:34 am

Ok, well I got the files renamed and copied and pasted, but now Inkscape won't open. Or rather, it opens and crashes immediately, with "application has requested Runtime to terminate in an unusual way" error message.

So I guess I'll have to undo everything I did, and hope for the best.

User avatar
ragstian
Posts: 1154
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: [Extension] XIA 1.0

Postby ragstian » Fri Feb 20, 2015 12:08 pm

Hi.

Check the content of extension-errors.log file in your user/inkscape directory for any clues relating to the XIA extension.

My logfile on win8.1 is in C:\Users\ragnar\AppData\Roaming\inkscape.
Last edited by ragstian on Sat Feb 28, 2015 2:39 am, edited 1 time in total.
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar


Return to “Inkscape Resources”

Who is online

Users browsing this forum: Bing [Bot] and 1 guest