Tag Archives: grelk

TraceGL: A JavaScript Codeflow Visualization and Debugging Tool using WebGL

Rik Arends has just released TraceGL, an interesting JavaScript codeflow debugging tool using WebGL for its UI rendering.  Described as “an oscilloscope, for code”, TraceGL is an improvement on the familiar step debuggers that can be found in browser dev tools like Chrome, Firebug, and now Firefox itself.

TraceGL works by instrumenting all of your code so it knows when calls took place, and all of the boolean logic that determined which code path to take.  Then it visualizes all of this, using WebGL for performance, showing you a high level overview called the “mini map” in the top left, a log of function calls in the top right, the call stack in the bottom left, and finally the code for the function in the bottom right.

As your code runs, TraceGL visualizes all of this data in real time.  The mini map is useful to see the ebbs and flows of the code, i.e. where the stack gets deeper and shallower again.  In this way, you can see where events are being processed, like mouse or keyboard events in the browser, or HTTP requests in a Node.js application, and then get to a section of the potentially very long call stack very quickly.  TraceGL even works over asynchronous events, unlike most step debuggers, which means that these operations are still shown as part of a single call stack under their originating calls, rather than as separate events.

Here is a video showing TraceGL in use:

TraceGL can instrument both browser based and Node.js applications, and integrates with various editors so that double clicking a line can open your favorite editor.  An interesting aspect of the UI is that it is written entirely using WebGL, apparently for performance reasons.  Of course, all of the text rendering (most of the UI) must have been done in a 2d canvas and then uploaded to WebGL as a texture since WebGL has no native text rendering capabilities, but clever rendering tricks like only re-rendering what has changed can make things fast.  And once the textures are on the GPU, moving them around, scaling them, etc. using shaders is very fast.

I think we’re probably going to see more and more WebGL user interfaces soon.  We’ve seen a lot of 3D stuff written on top of WebGL, and it is certainly good for that, but I’m betting that normal 2D user interfaces on the web will start being written with it too, just thanks to its great performance characteristics.  HTML and CSS is great for documents and applications, to a point, but for web apps to compete with native on performance, hardware accelerated UIs on top of WebGL will be important.

Of course, building user interfaces using WebGL means that any text rendering that is done won’t be selectable, copyable, or accessible to screen readers without lots of additional work, so I can see frameworks being developed to facilitate this.  I’ve already been working on and off on something similar to Apple’s Core Animation framework on top of WebGL (not public yet), and other interesting 2D frameworks like Pixi.js have been released recently.  Especially with WebGL’s likely support in Internet Explorer 11, I think the age of WebGL user interfaces is upon us, and it’s  exciting!

You can check out TraceGL on their website.  It costs $15 to buy, but not all good tools are free and it’s nice to support good developers, so give it a shot and let me know what you think in the comments!

via Badass JavaScript http://badassjs.com/post/48702496345/tracegl-a-javascript-codeflow-visualization-and

Research team restores monkey’s hand function with artificial neural connection

Japanese researchers restore hand function to monkey with artificial neural connection

Scientists working together from Japanese and American universities may have made a pretty large leap in restoring neural function for those with non-paralyzing spinal cord injuries. The researchers applied a “novel artificial neuron connection” over lesions in the spinal cord of a partially paralyzed monkey, partially restoring its arm / brain circuit and allowing greater hand control purely by brainpower. The team also created a reverse circuit where muscle activity from the arm stimulated the spinal cord, reinforcing the signals and “boosting ongoing activity in the muscle.” There’s no word on whether it would help those with full paralysis, though for lesser “paretic” damage, “this might even have a better chance of becoming a real prosthetic treatment rather than the sort of robotic devices that have been developed recently,” according to the team. See the source and More Coverage links for more.

Filed under:

Comments

Source: National Institute for Physiological Sciences

via Engadget RSS Feed http://www.engadget.com/2013/04/11/researchers-artificial-neuron-restore-hand-function-monkey/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+weblogsinc%2Fengadget+%28Engadget%29

Nordkorea droht mit ultimativer Drohung, falls Welt Drohungen nicht ernst nimmt

Pjöngjang (dpo) – Erneutes Säbelrasseln aus Nordkorea! Der Diktator Kim Jong-un kündigte heute im Staatsfernsehen an, notfalls zur furchtbarsten Drohung aller Zeiten zu greifen, falls die Welt nicht sofort aufhören sollte, die bisherigen Drohungen Nordkoreas zu ignorieren. Militärexperten nehmen die Drohung mit der Drohung ernst, denn niemand kennt das nordkoreanische Arsenal an Einschüchterungen genau.
Weiterlesen…

via Der Postillon http://www.der-postillon.com/2013/04/nordkorea-droht-mit-ultimativer-drohung.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+blogspot%2FrkEL+%28Der+Postillon%29

BioniCopter’s the Giant Robot Dragonfly You Will Want to Freak Out Your Friends With

Need another reason to go to the Hannover Messe tech conference next month? How about seeing the official debut of BioniCopter, a mechanical dragonfly with a wingspan measuring over two feet? If you can’t fly all the way to Germany to check it out, though, don’t fret — we’ve got you covered with footage of the coolest enormous robot bug you will ever see.

BioniCopter was built by Festo, a tech firm that has taken cues from nature to improve robotic flight before with their SmartBird. With a 63-centimeter wingspan and weighing in at just 175 grams, BioniCopter is a pretty neat addition to their lineup that offers some insight into new types of flight.

Though it’s not on display in the video, Festo brags that the BioniCopter’s dragonfly-inspired design allows it to do all sorts of neat things in the air, like glide, make hard banking turns, hover in place, and even fly backwards. We’ll look forward to seeing the proof of those claims after the robot makes it’s official launch at the trade show next month.

(via Canadian Manufacturing)

Relevant to your interests

via Geekosystem http://www.geekosystem.com/giant-robot-dragonfly/