Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
On Mon, 2009-10-12 at 19:17 +0100, Ze maria wrote: Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? yes, and to create nodes at particular coordinates that label the city, mountain, point of interest On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Looks ok to me but I am no expert. Did u use edge detection in inkscape? On Mon, 2009-10-12 at 19:33 +0100, Ze maria wrote: Hello again guys, I tried several times converting the png to svg (without embedding the png file) and results were awful... I just tried vectormagic.com (Stanford univ) and the results were way better, what do you think ? On Mon, Oct 12, 2009 at 7:17 PM, Ze maria zemari...@gmail.com wrote: Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Ze, the svg attached to this email appears to be blank On Mon, 2009-10-12 at 19:54 +0100, Ze maria wrote: Guys, I opted to use Multiples scans (creates a group of paths) instead of 'Edge detection', the result seems better, any ideas ? On Mon, Oct 12, 2009 at 7:41 PM, Bryan Berry br...@olenepal.org wrote: Looks ok to me but I am no expert. Did u use edge detection in inkscape? On Mon, 2009-10-12 at 19:33 +0100, Ze maria wrote: Hello again guys, I tried several times converting the png to svg (without embedding the png file) and results were awful... I just tried vectormagic.com (Stanford univ) and the results were way better, what do you think ? On Mon, Oct 12, 2009 at 7:17 PM, Ze maria zemari...@gmail.com wrote: Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
You re right, actually it has a hard link to the png: sodipodi:absref=/Users/zemariamm/Desktop/olenepal/work/ConozcoUruguay.activity/imagenes/fondo.png It's not converting the still image to svg statements On Mon, Oct 12, 2009 at 11:46 PM, Bryan Berry br...@olenepal.org wrote: Ze, the svg attached to this email appears to be blank On Mon, 2009-10-12 at 19:54 +0100, Ze maria wrote: Guys, I opted to use Multiples scans (creates a group of paths) instead of 'Edge detection', the result seems better, any ideas ? On Mon, Oct 12, 2009 at 7:41 PM, Bryan Berry br...@olenepal.org wrote: Looks ok to me but I am no expert. Did u use edge detection in inkscape? On Mon, 2009-10-12 at 19:33 +0100, Ze maria wrote: Hello again guys, I tried several times converting the png to svg (without embedding the png file) and results were awful... I just tried vectormagic.com (Stanford univ) and the results were way better, what do you think ? On Mon, Oct 12, 2009 at 7:17 PM, Ze maria zemari...@gmail.com wrote: Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hello again guys, I've been playing with inkscape fow a while, after importing the png using any of the options (located under Path - Trace Bitmap) in Single Scan: creates a path the software really converts the image file to a SVG (using path to draw it), if I use Multiple scans: creates a group of path it does not convert the image in to a group of path objects, but embeds the link to the image in the generated SVG file... On the other side, the stanford application mentioned in some emails earlier does convert the image into a group of path, although the software is not open source and requires a license. Ze Maria On Tue, Oct 13, 2009 at 12:34 AM, Ze maria zemari...@gmail.com wrote: You re right, actually it has a hard link to the png: sodipodi:absref=/Users/zemariamm/Desktop/olenepal/work/ConozcoUruguay.activity/imagenes/fondo.png It's not converting the still image to svg statements On Mon, Oct 12, 2009 at 11:46 PM, Bryan Berry br...@olenepal.org wrote: Ze, the svg attached to this email appears to be blank On Mon, 2009-10-12 at 19:54 +0100, Ze maria wrote: Guys, I opted to use Multiples scans (creates a group of paths) instead of 'Edge detection', the result seems better, any ideas ? On Mon, Oct 12, 2009 at 7:41 PM, Bryan Berry br...@olenepal.org wrote: Looks ok to me but I am no expert. Did u use edge detection in inkscape? On Mon, 2009-10-12 at 19:33 +0100, Ze maria wrote: Hello again guys, I tried several times converting the png to svg (without embedding the png file) and results were awful... I just tried vectormagic.com (Stanford univ) and the results were way better, what do you think ? On Mon, Oct 12, 2009 at 7:17 PM, Ze maria zemari...@gmail.com wrote: Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
2009/10/10 Bryan Berry br...@olenepal.org: On Fri, 2009-10-09 at 10:11 -0200, Gabriel Eirea wrote: I agree with Bryan that it would be great to have svg from the start. I am not so familiar with creating svg's. I have only used inkscape for very basic drawings. Gabriel, do you think we could use Inkscape to accomplish this? Yes, I think Inkscape is the right tool. I believe you can also take the bitmap and ask it to extract a vectorized version of the image. The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. Regards, Gabriel ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hi Folks, On 11 Oct 2009, at 14:26, Gabriel Eirea wrote: 2009/10/10 Bryan Berry br...@olenepal.org: On Fri, 2009-10-09 at 10:11 -0200, Gabriel Eirea wrote: I agree with Bryan that it would be great to have svg from the start. I am not so familiar with creating svg's. I have only used inkscape for very basic drawings. Gabriel, do you think we could use Inkscape to accomplish this? Yes, I think Inkscape is the right tool. I believe you can also take the bitmap and ask it to extract a vectorized version of the image. The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. If you're making the move to svg, here's some map games made a few years back. They use events driven from the svg shapes themselves: http://blog.codedread.com/archives/2007/01/19/svg-map-games/ Regards, --Gary ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
2009/10/12 Gabriel Eirea gei...@gmail.com 2009/10/10 Bryan Berry br...@olenepal.org: On Fri, 2009-10-09 at 10:11 -0200, Gabriel Eirea wrote: Gabriel, do you think we could use Inkscape to accomplish this? Yes, I think Inkscape is the right tool. I believe you can also take the bitmap and ask it to extract a vectorized version of the image. This command is available in the menu: Path Trace Bitmap... or a keyboard shortcut Shift + Alt + B ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hi,
This is extremely cool.
I agree with Bryan that it would be great to have svg from the start.
I used a fixed bitmap image and then it became very difficult for
scaling. Now I'm working in zoomed-in versions for very local
information, and I need to draw a new map for each one of the zones.
The holy grail would be to have true cartographic information with
different projections, then you could use GPS data and all kind of
interesting options would open for us. Of course, this was not
necessary for Uruguay because it is such a small country, but it may
be necessary for larger countries or continents if you want to be able
to zoom in and out.
For those asking for translations, I apologize for not being very
international. Almost all the strings are located in the file
datos/niveles.txt. You can read about it here (in Spanish and
unfinished yet, sorry):
http://drupal.ceibaljam.org/?q=node/46
I'm trying to improve internationalization for the next version.
There's even a Conozco Perú brewing somewhere in the Andes.
Regards,
Gabriel
2009/10/9 Bryan Berry br...@olenepal.org:
Hey Ze,
Great start!
I cloned your git repo and made a few changes
http://github.com/bryanwb/Conozco-Uruguay
Just a few notes:
U don't need the xml declaration anymore w/ html5
so ?xml version=1.0 encoding=iso-8859-1? and
xmlns=http://www.w3.org/1999/xhtml; are no longer needed
all u need is !DOCTYPE html
I have copied the needed js files into js/ so u can run it as a
standalone. Perhaps I should create a karma-base package that just has
all requirements for creating a standalone lesson and nothing more.
You can use jquery methods to make your code more succinct
for instance:
document.getElementById('mycanvas').addEventListener( . . .
can become
$('#mycanvas').bind('click', clicked, false);
and
document.getElementById('question').innerHTML = q.getPhrase;
can become
$('#question').html(q.getPhrase);
I also see that you used static coordinates to represent the cities.
This means the image can't be resized for different screen resolutions.
It would be neat if we could do the same image as an SVG w/ the names of
the capitals embedded as nodes. Then you could attach an event listener
to each node.
Each node would have an ID matching the City name and class=cities.
You could then match the ID of the element clicked on against the city
named in the question.
Unfortunately, I have no idea how to do this ;)
On Thu, 2009-10-08 at 18:04 +0100, Ze maria wrote:
Hello guys,
I started a port of the activity Conozco Uruguay (available at
http://activities.sugarlabs.org/en-US/sugar/addon/4199) from Python to
the new Karma framework (downloaded from:
http://git.sugarlabs.org/projects/karma).
I'm new to html5 and to the canvas element so don't be scared by the
lookn'feel :)
Currently to only thing implemented is the capital game, where a
person guesses where which capital of the state is located.
By the way, I coulnd't get to work the Raphael function 'print', every
time I try to use I get a :
Error: f.fonts is undefined
Source File:
file:///Users/zemariamm/workspace/olenepal/mainline/js/raphael-min.js
Line: 7
The code is available at http://github.com/zemariamm/Conozco-Uruguay
Comments, critics and sugestions are all welcome :)
(To run the code just download the new karma framework and drop the
urugay activity code in the lessons directory)
Take care,
Jose
___
Sugar-devel mailing list
Sugar-devel@lists.sugarlabs.org
http://lists.sugarlabs.org/listinfo/sugar-devel
--
Bryan W. Berry
Senior Engineer
OLE Nepal, http://www.olenepal.org
___
Sugar-devel mailing list
Sugar-devel@lists.sugarlabs.org
http://lists.sugarlabs.org/listinfo/sugar-devel
___
Sugar-devel mailing list
Sugar-devel@lists.sugarlabs.org
http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hello guys,
Well I used fixed coordinates because that's the way it was done in the
original Conozco Urugay (see datos/ciudades.txt)
Gabriel, if you need help I translating think I can give you hand, I don't
no much about spanish but portuguese is my mother language and they are not
that different :)
Take care,
Jose
On Fri, Oct 9, 2009 at 1:11 PM, Gabriel Eirea gei...@gmail.com wrote:
Hi,
This is extremely cool.
I agree with Bryan that it would be great to have svg from the start.
I used a fixed bitmap image and then it became very difficult for
scaling. Now I'm working in zoomed-in versions for very local
information, and I need to draw a new map for each one of the zones.
The holy grail would be to have true cartographic information with
different projections, then you could use GPS data and all kind of
interesting options would open for us. Of course, this was not
necessary for Uruguay because it is such a small country, but it may
be necessary for larger countries or continents if you want to be able
to zoom in and out.
For those asking for translations, I apologize for not being very
international. Almost all the strings are located in the file
datos/niveles.txt. You can read about it here (in Spanish and
unfinished yet, sorry):
http://drupal.ceibaljam.org/?q=node/46
I'm trying to improve internationalization for the next version.
There's even a Conozco Perú brewing somewhere in the Andes.
Regards,
Gabriel
2009/10/9 Bryan Berry br...@olenepal.org:
Hey Ze,
Great start!
I cloned your git repo and made a few changes
http://github.com/bryanwb/Conozco-Uruguay
Just a few notes:
U don't need the xml declaration anymore w/ html5
so ?xml version=1.0 encoding=iso-8859-1? and
xmlns=http://www.w3.org/1999/xhtml; are no longer needed
all u need is !DOCTYPE html
I have copied the needed js files into js/ so u can run it as a
standalone. Perhaps I should create a karma-base package that just has
all requirements for creating a standalone lesson and nothing more.
You can use jquery methods to make your code more succinct
for instance:
document.getElementById('mycanvas').addEventListener( . . .
can become
$('#mycanvas').bind('click', clicked, false);
and
document.getElementById('question').innerHTML = q.getPhrase;
can become
$('#question').html(q.getPhrase);
I also see that you used static coordinates to represent the cities.
This means the image can't be resized for different screen resolutions.
It would be neat if we could do the same image as an SVG w/ the names of
the capitals embedded as nodes. Then you could attach an event listener
to each node.
Each node would have an ID matching the City name and class=cities.
You could then match the ID of the element clicked on against the city
named in the question.
Unfortunately, I have no idea how to do this ;)
On Thu, 2009-10-08 at 18:04 +0100, Ze maria wrote:
Hello guys,
I started a port of the activity Conozco Uruguay (available at
http://activities.sugarlabs.org/en-US/sugar/addon/4199) from Python to
the new Karma framework (downloaded from:
http://git.sugarlabs.org/projects/karma).
I'm new to html5 and to the canvas element so don't be scared by the
lookn'feel :)
Currently to only thing implemented is the capital game, where a
person guesses where which capital of the state is located.
By the way, I coulnd't get to work the Raphael function 'print', every
time I try to use I get a :
Error: f.fonts is undefined
Source File:
file:///Users/zemariamm/workspace/olenepal/mainline/js/raphael-min.js
Line: 7
The code is available at http://github.com/zemariamm/Conozco-Uruguay
Comments, critics and sugestions are all welcome :)
(To run the code just download the new karma framework and drop the
urugay activity code in the lessons directory)
Take care,
Jose
___
Sugar-devel mailing list
Sugar-devel@lists.sugarlabs.org
http://lists.sugarlabs.org/listinfo/sugar-devel
--
Bryan W. Berry
Senior Engineer
OLE Nepal, http://www.olenepal.org
___
Sugar-devel mailing list
Sugar-devel@lists.sugarlabs.org
http://lists.sugarlabs.org/listinfo/sugar-devel
___
Sugar-devel mailing list
Sugar-devel@lists.sugarlabs.org
http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
On Fri, 2009-10-09 at 10:11 -0200, Gabriel Eirea wrote: Hi, This is extremely cool. tks! I agree with Bryan that it would be great to have svg from the start. I am not so familiar with creating svg's. I have only used inkscape for very basic drawings. Gabriel, do you think we could use Inkscape to accomplish this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
