Hacker News Reader

HNHacker News

Top New Best Ask Show Jobs

Comment by moron4hire | Hacker News Reader

Parent Full thread

moron4hire·

In support of Brian Peiris' RiftSketch, as well as other, similar projects: https://github.com/brianpeiris/RiftSketch/

It was something he and I discussed a few months ago and this was the first chance I had to work on it.

View on HN

My project CodeChisel3D has a similar goal: http://robert.kra.hn/projects/live-programming-with-three-an...

moron4hire, robertkrahn01 funny for you two to meet here. I have been working on a solution for RiftSketch that is more like Robert's approach, where I use a canvas backed by an actual textarea (Robert's canvas is cleverly backed by an Ace Editor instance). Instead of re-implementing an editor from scratch, the user keyboard inputs are received by the textarea while the canvas and corresponding 3D texture are simply a re-rendered mirror of the textarea's contents and cursor/selection state. That way you can still rely on the usual editor mechanics (cursors, text selection, keyboard shortcuts, etc.).

How do you get the textarea, or any other element, into a canvas?

I don't. The textarea remains hidden (off screen) in the background. It has the user's focus, so when the user types, it's receiving keystrokes as usual. Simultaneously, the render loop simply reads the text and selection state (selectionStart, selectionEnd) from the text area and renders the textarea's text and selection cursor/selection-highlight onto a canvas.

Same approach here. Except that I use the ace editor (http://ace.c9.io/) as the backend. This has the nice advantage that you get full code editing capabilities in 3D.

Reply on news.ycombinator.com