Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #28284 > unrolled thread

Best JavaScript graphics library

Back to article view | Back to comp.lang.javascript

Contents

  Best JavaScript graphics library JiiPee <no@notvalid.com> - 2015-07-05 14:00 +0100
    Re: Best JavaScript graphics library "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2015-07-05 11:29 -0700
      Re: Best JavaScript graphics library "Christoph M. Becker" <cmbecker69@arcor.de> - 2015-07-05 23:47 +0200
        Re: Best JavaScript graphics library Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2015-07-06 01:11 +0200
      Re: Best JavaScript graphics library JiiPee <no@notvalid.com> - 2015-07-05 23:01 +0100
        Re: Best JavaScript graphics library Erwin Moller <erwinmollerusenet@xs4all.nl> - 2015-07-06 14:52 +0200
          Re: Best JavaScript graphics library JiiPee <no@notvalid.com> - 2015-07-06 21:03 +0100
    Re: Best JavaScript graphics library "danca (Daniele Campagna)" <cyberdanny@tiscalinet.it> - 2015-07-06 15:02 +0200
    Re: Best JavaScript graphics library Erwin Moller <erwinmollerusenet@xs4all.nl> - 2015-07-06 16:33 +0200

#28284 — Best JavaScript graphics library

Thanks for the first advices. Good to have this kind of forum to get 
directions.

I have a C++ background and know about graphics programming. Now want to 
learn to do graphics with js. What are your opinions about the best 
graphics library for general drawing? Like moving sprites, drawing 
lines, curves, bitmaps and other basics. Am not really into special 
effects so much or 3D ... more like 2D and all the basics there.

I found this JSGL http://jsgl.org. Is that a good one? I like it, but is 
what js programmers normally use? Looks simple for me, but do you people 
recommend it? I would like to have a simple to use library as well. This 
one seems like that, but is its quality good enough? thanks

I did a small js graphics test (a card folllowing mouse), and seems to 
me that the graphics is quite fast and good enough.

[toc] | [next] | [standalone]

#28294

On Sunday, July 5, 2015 at 8:00:45 AM UTC-5, JiiPee wrote:
> Thanks for the first advices. Good to have this kind of forum to get 
> directions.
> 
> I have a C++ background and know about graphics programming. Now want to 
> learn to do graphics with js. What are your opinions about the best 
> graphics library for general drawing? Like moving sprites, drawing 
> lines, curves, bitmaps and other basics. Am not really into special 
> effects so much or 3D ... more like 2D and all the basics there.
> 
> I found this JSGL http://jsgl.org. Is that a good one? I like it, but is 
> what js programmers normally use? Looks simple for me, but do you people 
> recommend it? I would like to have a simple to use library as well. This 
> one seems like that, but is its quality good enough? thanks
> 
> I did a small js graphics test (a card folllowing mouse), and seems to 
> me that the graphics is quite fast and good enough.

My first suggestion is to learn the standard CANVAS API before looking at a library:

<https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API>

After that, if you are unwilling and/or unable to build a library for your specific needs, let's go from there.

[toc] | [prev] | [next] | [standalone]

#28297

Michael Haufe (TNO) wrote:

> On Sunday, July 5, 2015 at 8:00:45 AM UTC-5, JiiPee wrote:
>> Thanks for the first advices. Good to have this kind of forum to get 
>> directions.
>>
>> I have a C++ background and know about graphics programming. Now want to 
>> learn to do graphics with js. What are your opinions about the best 
>> graphics library for general drawing? Like moving sprites, drawing 
>> lines, curves, bitmaps and other basics. Am not really into special 
>> effects so much or 3D ... more like 2D and all the basics there.
>>
>> I found this JSGL http://jsgl.org. Is that a good one? I like it, but is 
>> what js programmers normally use? Looks simple for me, but do you people 
>> recommend it? I would like to have a simple to use library as well. This 
>> one seems like that, but is its quality good enough? thanks
>>
>> I did a small js graphics test (a card folllowing mouse), and seems to 
>> me that the graphics is quite fast and good enough.
> 
> My first suggestion is to learn the standard CANVAS API before looking at a library:
> 
> <https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API>
> 
> After that, if you are unwilling and/or unable to build a library for your specific needs, let's go from there.

ACK.

However, SVG may be an interesting alternative:
<https://developer.mozilla.org/en/docs/Web/SVG>.

-- 
Christoph M. Becker

[toc] | [prev] | [next] | [standalone]

#28299

Christoph M. Becker wrote:

> Michael Haufe (TNO) wrote:
>> On Sunday, July 5, 2015 at 8:00:45 AM UTC-5, JiiPee wrote:
>>> […]
>>> I found this JSGL http://jsgl.org. Is that a good one? I like it, but is
>>> what js programmers normally use? Looks simple for me, but do you people
>>> recommend it? I would like to have a simple to use library as well. This
>>> one seems like that, but is its quality good enough? thanks
>>>
>>> I did a small js graphics test (a card folllowing mouse), and seems to
>>> me that the graphics is quite fast and good enough.
>> 
>> My first suggestion is to learn the standard CANVAS API before looking at
>> a library:
>> 
>> <https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API>

Different to the SVG DOM, the Canvas *API* (everything that builds on the 
return value of the getContext() method) is _not_ (yet) part of a Web 
standard.  Only the “canvas” element and corresponding interface is, in W3C 
HTML5 (and not the referred pseudo-standard of WHATWG HTML).

<http://www.w3.org/TR/2011/REC-SVG11-20110816/svgdom.html>
<http://www.w3.org/TR/2014/REC-html5-20141028/scripting-1.html#the-canvas-element>
 
>> After that, if you are unwilling and/or unable to build a library for
>> your specific needs, let's go from there.
> 
> ACK.
> 
> However, SVG may be an interesting alternative:
> <https://developer.mozilla.org/en/docs/Web/SVG>.

AIUI, JSGL uses either SVG or VML, whichever is supported first (VML would 
be used for IE/MSHTML < 9 only, which do not support SVG).  Therefore, the 
observed graphics speed and quality must be attributed to the layout engines 
of the used Web browser, not the script library.  You can have the same 
result without the library.

Obviously, the OP has not read the FAQ and has not understood the difference 
between a programming language like C++, and its libraries, and a scripting 
language like JavaScript: “A scripting language is a programming language 
that is used to manipulate, customise, and automate the facilities *of an 
existing system*.” (from the ECMAScript Language Specification; emphasis by 
me)

However, without having a look at the underlying code, I already see two 
problems with it: the code has been last updated three years ago, which may 
indicate that it is no longer maintained, and certainly it cannot consider 
the recent browser developments; and then, as you indicated, if you are 
using SVG, what do you need a client-side script library for?  Just use SVG 
as it is, generate it server-side, and manipulate it with plain 
ECMAScript+SVG DOM, if necessary.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not cc me. / Bitte keine Kopien per E-Mail.

[toc] | [prev] | [next] | [standalone]

#28298

On 05/07/2015 19:29, Michael Haufe (TNO) wrote:
> On Sunday, July 5, 2015 at 8:00:45 AM UTC-5, JiiPee wrote:
>> the graphics is quite fast and good enough.
> My first suggestion is to learn the standard CANVAS API before looking at a library:
>
> <https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API>

thanks, looks like a serious option. looks like pretty simple

>
> After that, if you are unwilling and/or unable to build a library for your specific needs, let's go from there.

[toc] | [prev] | [next] | [standalone]

#28302

On 7/6/2015 12:01 AM, JiiPee wrote:
> On 05/07/2015 19:29, Michael Haufe (TNO) wrote:
>> On Sunday, July 5, 2015 at 8:00:45 AM UTC-5, JiiPee wrote:
>>> the graphics is quite fast and good enough.
>> My first suggestion is to learn the standard CANVAS API before looking
>> at a library:
>>
>> <https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API>
>
> thanks, looks like a serious option. looks like pretty simple

That is what I thought until I wrecked my brain over the transformation 
matrix and the things I was trying to accomplish with it.
;-)

But if you are better with (matrix) math than me, that shouldn't pose a 
big problem.

Good luck!

Regards,
Erwin Moller


-- 
"That which can be asserted without evidence, can be dismissed without 
evidence."
-- Christopher Hitchens

[toc] | [prev] | [next] | [standalone]

#28308

On 06/07/2015 13:52, Erwin Moller wrote:
> On 7/6/2015 12:01 AM, JiiPee wrote:
>> On 05/07/2015 19:29, Michael Haufe (TNO) wrote:
>>> On Sunday, July 5, 2015 at 8:00:45 AM UTC-5, JiiPee wrote:
>>>> the graphics is quite fast and good enough.
>>> My first suggestion is to learn the standard CANVAS API before looking
>>> at a library:
>>>
>>> <https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API>
>>
>> thanks, looks like a serious option. looks like pretty simple
>
> That is what I thought until I wrecked my brain over the 
> transformation matrix and the things I was trying to accomplish with it.
> ;-)
>
> But if you are better with (matrix) math than me, that shouldn't pose 
> a big problem.

I am a mathematician :) - read matrixes in an university. but would need 
to update memory by reading a math book a bit to know details. ye i know 
matrix calculations are in these libaries and that is good/ok.

>
> Good luck!
>
> Regards,
> Erwin Moller
>
>

[toc] | [prev] | [next] | [standalone]

#28303

Il 07/05/2015 03:00 PM, JiiPee ha scritto:
> Thanks for the first advices. Good to have this kind of forum to get
> directions.
>
> I have a C++ background and know about graphics programming. Now want to
> learn to do graphics with js. What are your opinions about the best
> graphics library for general drawing? Like moving sprites, drawing
> lines, curves, bitmaps and other basics. Am not really into special
> effects so much or 3D ... more like 2D and all the basics there.
>
> I found this JSGL http://jsgl.org. Is that a good one? I like it, but is
> what js programmers normally use? Looks simple for me, but do you people
> recommend it? I would like to have a simple to use library as well. This
> one seems like that, but is its quality good enough? thanks
>
> I did a small js graphics test (a card folllowing mouse), and seems to
> me that the graphics is quite fast and good enough.

Time ago I tried a library called Raphael or something similar. It was 
an impressive vector graphic library.
I think it deserves to be named.

-- 
"People should pay taxes with a smile"
I tried, but they want money.

[toc] | [prev] | [next] | [standalone]

#28305

On 7/5/2015 3:00 PM, JiiPee wrote:
> Thanks for the first advices. Good to have this kind of forum to get
> directions.
>
> I have a C++ background and know about graphics programming. Now want to
> learn to do graphics with js. What are your opinions about the best
> graphics library for general drawing? Like moving sprites, drawing
> lines, curves, bitmaps and other basics. Am not really into special
> effects so much or 3D ... more like 2D and all the basics there.
>
> I found this JSGL http://jsgl.org. Is that a good one? I like it, but is
> what js programmers normally use? Looks simple for me, but do you people
> recommend it? I would like to have a simple to use library as well. This
> one seems like that, but is its quality good enough? thanks
>
> I did a small js graphics test (a card folllowing mouse), and seems to
> me that the graphics is quite fast and good enough.


The following link might give you a few leads to different packages 
assisting in (canvas)graphics.


http://stackoverflow.com/questions/8938969/current-state-of-javascript-canvas-libraries

Be sure to read Kangax response (he is the author of Fabric.js)

Regards,
Erwin Moller

-- 
"That which can be asserted without evidence, can be dismissed without 
evidence."
-- Christopher Hitchens

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web