So when is usage of
to_n warranted?
Is it used mostly when interpolating code?
@adambeynon @elia @meh when wrapping JS, why would one choose toll free bridging over include Native? In both cases you have to expose the methods via alias_native, though in toll free you have to define Klass.new and w/include Native, you can set @native in Klass#initialize
The difference seems larger on the Javascript side, where they seem equivalent on the opal side
@pencilcheck www.metaruby.com - just let me know your username when you get there :)
@jaredcwhite opalist deadline 8pm PT ish again tonight? Gonna be a tight squeeze for me
Thanks for the reminder, @fkchang almost forgot!
Hi, i'm trying to build some graphical application using html canvas.
Does anyone know of ruby wrappers for other libraries than three and phaser
Maybe Famous ? Anything not have to code on the canvas.
@dancinglightning I think there's a opal-raphael, though simply wrapping in Native works pretty well for raphael
@fkchang Thanks. I was looking for something not so tied to svg. more 2d context, possibly with 3d later. But simple is good.
Do you know the maintainer, it seems quite dead
@dancinglightning I don't know the maintainer, it hit my radar a while's back, so I remembered that it's there. Looking back at the example on his readme, doesn't seem like he put much over what just wrapping w/Native gives you
hmm, maybe I should take that repo over at some point
@fkchang it does seem very thin. 100 lines of code
Yeah, his wrapper doesn't do much in the way or Ruby-fying, so it's nearly equivalent to wrapping in Native, but w/more work involved
@fkchang sorry, newbie: what is wrapping Native? some link i can read.
Just asking because if it's easy, i might consider doing pixi.js myself. seems the better library
@dancinglightning there's an opal-pixi you're welcome to contribute to: https://github.com/orbitalimpact/opal-pixi
it's in its very early stages right now, and we've been busy with opal-phaser lately
@ylluminarious i see you're everywhere. Thanks for the offer. i may just do that
Pixi seems just what i need, small enough and big enough. And well documented
Now i just need that link to the Native wrapping
@dancinglightning lol, thanks. you know what they say about great minds ;)
@ylluminarious I hope that we're talking v3? Performance seems incredible, i had to crank it up to 40000 bunnies before it went down from 60fps. 50k was still at 40fps.
So do you have your own chat for that?
@dancinglightning sorry, i was away there for a sec. yes, we do have our own chat for it: https://gitter.im/orbitalimpact/opal-pixi
glad to hear it performs well under extreme conditions :)
yeah, should work well, it's just wrapping the library with some minimal ruby
All I had to do was wrap the initial paper in Native, and the rest was free
@all this examples uses the non publicized require_js functionality from opal-irb and pulls in raphael from cdn
I would like to be able to dynamically require in opal libs into the browser this way if there are compiled cdn versions around
@fkchang ool. But what about those dollars. are they necessary ?
c
the globals are there so I can manipulate them from opal-irb in real time w/o changing the data state
u can hit the 'show irb' window, and do something like
$fill = 'red'
reset
animateand it will happen, and your old data state will still be there, vs reloading and starting from scratch
I was going to make a screencast about playing around w/js libs in real time in opal-playground, this is me experimenting w/what I might present. I would show off the require_js, as well as how it's game changer to be able to change code, data live in the app w/o having to reload everything
@fkchang that is definitely cool. DO the screencast
targeting @jaredcwhite 's opalist newsletter, but I don't think I'll get it in time. I need to take 'speed screencasting' lessons from @RickCarlino
The global thing is a quickie trick that I do in my normal apps -- make easily accessible certain variables to opal-irb (else they are hidden via closure). You could scope them in a class, but it's less typing to selectively use globals
@fkchang I use a combo of
Kazaam + KDENlive! on linux
Record each as seperate screens and then use
shift + r to trim silence off the ends of scene transitions
@JikkuJose Haven't used Handlebars, but there's
opal-haml (https://github.com/opal/opal-haml) and opal-slim(https://github.com/jgaskins/opal-slim) for Haml and Slim.
@fkchang Yep, tonight's the night. @RickCarlino is a screencasting MACHINE!
I'm actually 14 different people.
BTW, I'm running behind too - I was planning to writing up a front end design pattern article with some code examples, but I've just been super busy opening up a new office IRL and that's taken up lots of time.
@RickCarlino All inside a single trench coat, right? :-)
(that was a joke, btw)
Ofcourse
this is @RickCarlino 's counterpart http://1.bp.blogspot.com/-o1oQ07pdFlA/VVP0SAuA36I/AAAAAAAAx7M/5uoa7l82lEo/s1600/ginger_ninjas_02.JPG
The other 9 of her are doing screencasting post production
I have no idea what that is a reference to, but will agree that it is a factual statement.
Reference: "I'm actually 14 different people."
I got that part, though I have never seen the show / film from the picture ^
its from Agents of SHIELD
Marvel's Agents of Shield. She's an inhuman who can duplicate herself
...to promote Ruby
lol
So I saw in my head, how you split like her and then crank out screencasts at breakneck speeds
Newbie question: is there a pure ruby api for the dom?
Or do i have to finally learn jquery?
@dancinglightning Yes!
Use
``Native(document`)````
Or
yeah, you can use opal-jquery
and also don't forget opal-browser
@RickCarlino yes, i just came off the html dom docs. seems hmm, how to say this
which is pure ruby and features an api similar to nokogiri
@elia thanks, opal-browser may be what i was looking for. does it have docs more than the readme?
dancinglightning, http://www.rubydoc.info/github/opal/opal-browser
dancinglightning, or ask me if you have questions, I'm the one who wrote most of it
thanks @meh , should bookmark that , that's got like everything
yeah it's kinda like MDN in ruby
but there is a question, the dollar document? any way around the dollar
dancinglightning, how do you mean?
@meh doesn't read like ruby code, is all i meant. probably works well enough. can't think of an alternative either
dancinglightning, what are you trying to do exactly?
@meh just get my pixi element into the dom at the right place.
the document should be a global, you can either use the dollar or a constant (e.g. Document)
ok, that was what i was looking for, thanks @elia , so i'm good
that is, anywhere in the defined scope of the program
@dancinglightning the dollar sign just indicates it's a global variable (accessible anywhere)
@dancinglightning also, i sometimes use
$$[:document] to access the document. $$ is the wrapped window object, so you can access properties like the document from there.
huh, weird, gitter just switched some of my messages around
re:
$$, you don't have to use opal-browser to use $$
as you can see here), i'm not using opal-browser to access the window object
but opal-browser is nice when you need more fine-grained control
shoot, i think gitter broke my link because of the markdown
fkchang, bridged classes imply having the methods directly added on the native class prototype
that may be unwanted
@meh right, but why would I chose bridging over just including Native, the implications are different on the JS side only
that's the only reason, they're implementation dependant