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 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 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 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 wrote: >>> >> > Using inkscape to convert the png file to SVG, it generates an SVG >>> >> > file which includes the png 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 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 >>> >> >> 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 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 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 wrote: >> >> > Using inkscape to convert the png file to SVG, it generates an SVG >> >> > file which includes the png 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 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 >> >> >> 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
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 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 wrote: >> > Using inkscape to convert the png file to SVG, it generates an SVG >> > file which includes the png 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 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 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
Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria 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 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
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 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] Karma-starter package was Re: [Karma] Re: Conozco Uruguay in karma
Great!I've added the missing JS to the github project (as you did), so checking out that project should be enough for it to run. I'll make the jquery changes as soon as possible Take care, Ze Maria On Fri, Oct 9, 2009 at 7:51 AM, Bryan Berry wrote: > Hey Ze, I have realized that cloning the whole Karma repo is quite > confusing to new people. > > I have created the karma-starter package that should make it easier to > create a stand-alone lesson: > http://git.sugarlabs.org/projects/karma-starter/repos/mainline > > On Fri, 2009-10-09 at 10:35 +0545, Bryan Berry wrote: > > 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 and > >xmlns="http://www.w3.org/1999/xhtml"; are no longer needed > > > > all u need is > > > > 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
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 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 : > > 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 and > > xmlns="http://www.w3.org/1999/xhtml"; are no longer needed > > > > all u need is > > > > 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
[Sugar-devel] Conozco Uruguay in karma
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-UruguayComments, 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