[Extension] XIA 1.0
[Extension] XIA 1.0
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,
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.
Re: [Extension] XIA 1.0
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
brynn wrote:Since I only understand English, I'm not sure what is shown on this page (Top
Re: [Extension] XIA 1.0
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
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
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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?
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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>
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.
Re: [Extension] XIA 1.0
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
http://xia.dane.ac-versailles.fr/demo/d ... al.svg.zip
Re: [Extension] XIA 1.0
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.
Re: [Extension] XIA 1.0
Well I don't understand
And I probably don't need to. But
is fabulous!
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
PS - You may want to consider uploading to Inkscape website? https://inkscape.org/en/download/addons/
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!

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

PS - You may want to consider uploading to Inkscape website? https://inkscape.org/en/download/addons/
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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.
Spybot S&D (dinosaur, I know) and (more currrent) Malwarebytes Anti-Malware report no issues.
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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.
Re: [Extension] XIA 1.0
Hello,
Seems very promising. At some moment I have to try it.
Related with that I have a question.
Hypotetical case:
If I want to use the code ( I guess is CSS3,.html
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,.html
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.
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.
Re: [Extension] XIA 1.0
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.
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
@hulf2012:
hulf2012 wrote:Hypotetical case:
If I want to use the code ( I guess is CSS3,.html
Re: [Extension] XIA 1.0
Is there a puplic repository of the extension available, and of the scripts used to create the binary installers?pfautrero wrote:If you want to have a look at source code, everything is under GPLv3.
Ah, so that's what the download page and the available packages are trying to hide from the visitor … ;-)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.
I would recommend to update the information on the download page, and to also provide links to the source code (tarball, or repository).
Re: [Extension] XIA 1.0
~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.
Re: [Extension] XIA 1.0
Ok, I installed it XIA, but I haven't found any extension called XIA. Does it go by another name, in the Extensions menu?
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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?
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?
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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.
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
( ͡° ͜ʖ ͡°)
RGDS
Ragnar
Re: [Extension] XIA 1.0
Hi,
Thanks for the report. The windows installer has been updated to fix that issue. Now, installation default directory is C:/Program Files.
Regards,
Thanks for the report. The windows installer has been updated to fix that issue. Now, installation default directory is C:/Program Files.
Regards,
Re: [Extension] XIA 1.0
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?)
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?)
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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 ?
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 ?
Re: [Extension] XIA 1.0
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.
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
( ͡° ͜ʖ ͡°)
RGDS
Ragnar
Re: [Extension] XIA 1.0
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.
So I guess I'll have to undo everything I did, and hope for the best.
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: [Extension] XIA 1.0
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.
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
( ͡° ͜ʖ ͡°)
RGDS
Ragnar