Toxiclibs.js in the works

274 views
Skip to first unread message

Kyle

unread,
Jan 11, 2011, 5:40:43 PM1/11/11
to Processing.js
Hello all Processing.js users!

I just wanted to pass on the word that I am porting the amazing
http://toxiclibs.org library over to javascript. I already have
covered a good portion of the core.* library as well as the TColor
class.

you can see some examples here: http://haptic-data.com/toxiclibsjs
you can find the code at github (with examples): http://github.com/hapticdata/toxiclibsjs
I wrote a little something about it here:
http://labs.hapticdata.com/2011/01/toxiclibs-js-open-source-computational-design/

This library is huge, but I am adding to it fast. I've done all of
this in the past week. Let me know if you are interested in helping at
all, either through this forum or through that blog post above.

hope everyone likes it! Any feedback is appreciated.

-Kyle Phillips
http://haptic-data.com

Cary Hull

unread,
Jan 11, 2011, 6:01:43 PM1/11/11
to proces...@googlegroups.com

Looks nice. Kudos on making this a js lib.

>
> -Kyle Phillips
> http://haptic-data.com
>
> --
> You received this message because you are subscribed to the Google Groups "Processing.js" group.
> To post to this group, send email to proces...@googlegroups.com.
> To unsubscribe from this group, send email to processingjs...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/processingjs?hl=en.
>
>

toxi

unread,
Jan 12, 2011, 7:22:03 PM1/12/11
to Processing.js
On Jan 11, 10:40 pm, Kyle <k...@haptic-data.com> wrote:
> Hello all Processing.js users!
>
> I just wanted to pass on the word that I am porting the amazinghttp://toxiclibs.orglibrary over to javascript. I already have
> covered a good portion of the core.* library as well as the TColor
> class.

Hi Kyle et al,

this is absolutely great news and exactly something I really hoped
would happen one day (soon). From the start, the libraries have been
designed in such a way as to make porting to other languages/
environments quite easy and I too already ported some bits to JS & AS3
in the past. Incidentally, I also started preparing a community
questionnaire about these endeavors, which I'll send out very soon.

With your porting effort to JS especially, it would be great if we
could coordinate things a little bit before you get carried away too
far (if you don't mind! :) This is mainly in order to ensure the key
design philosophies are kept alive as much as possible within the
different language idioms. For example, I'd really love for this JS
library to remain independent from Processing.js, as you already have
stated yourself. There're other JS graphics engines which would be
interesting to use in conjunction with toxiclibs.js (e.g. MrDoob's
three.js). There're also key design patterns like fluid interfaces
(method chaining) & inheritance, which are heavily used throughout the
original codebase and they too should be kept on the JS side (e.g.
John's popular inheritance solution: http://ejohn.org/blog/simple-javascript-inheritance/).

Finally (for now, don't won't to hijack this forum), you/we should
sort a namespace & source file packaging system in order to keep the
concept of the original modules/packages and to allow for smaller file
sizes through pick & mix...

Kyle, this all is VERY exciting, please stay in touch!

Bestest, Karsten.
--
http://postspectacular.com | http://toxiclibs.org/

Juan Antonio Ruz

unread,
Jan 21, 2011, 9:48:36 AM1/21/11
to proces...@googlegroups.com
hello Kyle!
do you know or have a tutorial  guide for translating processing java libraries to processingjs. (or maybe can you write some lines) I'm a j2ee programmer and i'm very interested to move geomerative
thanks in advance


2011/1/11 Kyle <ky...@haptic-data.com>

Kyle

unread,
Jan 21, 2011, 5:32:42 PM1/21/11
to Processing.js
Hello Juan,

I don't have a tutorial at the moment, each library is a unique
challenge. First thing you should decide is whether it is a better
decision to port it to Processing.js or to port it to normal
JavaScript. JavaScript libraries are completely functional inside pjs,
but not vice vera. Geomerative could be a great resource for people
doing stuff outside of pjs as well, such as Three.js or raphael etc.
I'm not sure what advice I can really give other than that it just
takes knowing (or at least understanding) both languages to do the
translation. Geomerative is going to be a little tricky because it
uses TrueType fonts. So one of your obstacles will be how to handle
fonts on the web. Processing.js points you in some possible
directions: http://processingjs.org/reference/PFont

I think that is going to be a tricky part, but I'm sure there are
other people like myself that would really appreciate that library!
and would likely chip in.

If there is a specific part you are having trouble with, I may be able
to help. You can email me, through my profile. Or you can throw it up
on GitHub and I may be able to assist a little.



On Jan 21, 8:48 am, Juan Antonio Ruz <codigodelaima...@gmail.com>
wrote:
> hello Kyle!
> do you know or have a tutorial  guide for translating processing java
> libraries to processingjs. (or maybe can you write some lines) I'm a j2ee
> programmer and i'm very interested to move geomerative
> thanks in advance
>
> 2011/1/11 Kyle <k...@haptic-data.com>
>
>
>
>
>
>
>
> > Hello all Processing.js users!
>
> > I just wanted to pass on the word that I am porting the amazing
> >http://toxiclibs.orglibrary over to javascript. I already have
> > covered a good portion of the core.* library as well as the TColor
> > class.
>
> > you can see some examples here:http://haptic-data.com/toxiclibsjs
> > you can find the code at github (with examples):
> >http://github.com/hapticdata/toxiclibsjs
> > I wrote a little something about it here:
>
> >http://labs.hapticdata.com/2011/01/toxiclibs-js-open-source-computati...
>
> > This library is huge, but I am adding to it fast. I've done all of
> > this in the past week. Let me know if you are interested in helping at
> > all, either through this forum or through that blog post above.
>
> > hope everyone likes it! Any feedback is appreciated.
>
> > -Kyle Phillips
> >http://haptic-data.com
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Processing.js" group.
> > To post to this group, send email to proces...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > processingjs...@googlegroups.com<processingjs%2Bunsubscribe@google groups.com>
> > .

Juan Antonio Ruz

unread,
Jan 23, 2011, 8:55:43 PM1/23/11
to proces...@googlegroups.com
thank you very much kyle!
you are very kind
i'll try to do a little prototype of geomerative in javascript and later may be someone  join the project, i would like to do collaboratively
good bye




2011/1/21 Kyle <ky...@haptic-data.com>
To unsubscribe from this group, send email to processingjs...@googlegroups.com.

Luis Pereira

unread,
Jun 18, 2012, 11:54:03 AM6/18/12
to proces...@googlegroups.com
Hi Jaruz,

did you do any prototype of geomerative in javascript? I've been looking on the web for alternatives but i found nothing. I know that processing-1.3.6.js has some improvements to load svg fonts and plot them. With this improvements i'm already able to catch the font's geometry on the other hand i'm not familiar with the javascript standards and efficiency nor the architecture of geomerative, but I woud like to give some help porting the geomerative to js.

Best Regards,

Luís


2011/1/21 Kyle <ky...@haptic-data.com>
> > processingjs+unsubscribe@googlegroups.com<processingjs%2Bunsubscribe@google groups.com>

> > .
> > For more options, visit this group at
> >http://groups.google.com/group/processingjs?hl=en.

--
You received this message because you are subscribed to the Google Groups "Processing.js" group.
To post to this group, send email to proces...@googlegroups.com.
To unsubscribe from this group, send email to processingjs+unsubscribe@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages