Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Realtime Three.js Coding

mrdoob.com

Post reply on HN
Print view View original

11–20 of 40 posts

Re: Realtime Three.js Coding

#11

Post by phn »

terhechte wrote: post #3

I love it. Reminds me of the Hotswap feature in Eclipse which Notch seems to use a lot for building his games. I wish there was something like that for UILayer, UIView and OpenGL in Objective-C. I know about the REPL in RubyMotion, but it's Ruby and a REPL is still not the same as having a live preview of editor changes. I really hate the fix-compile-test workflow, and especially for layers and layer animations and s…

What notch used is a step further. From what I get this page simply "refreshes" the code and starts the execution anew. Notch is actually hot-swapping code, for example the code in the update function of the game, leaving the game state intact. If he wants to test a change in the init code for example, he would need to restart the program.

Either way, very cool way to play around with three.js without having to switch back and forth to the editor.

Re: Realtime Three.js Coding

#12

Post by RKearney »

There's almost zero contrast when selecting text. This makes it nearly impossible to see what text is selected on the screen.

The text also seems to randomly become bold and/or disappear and flash on the screen when trying to select text.

Re: Realtime Three.js Coding

#13

Post by jonnycowboy »

phn wrote: post #11
terhechte wrote: post #3

I love it. Reminds me of the Hotswap feature in Eclipse which Notch seems to use a lot for building his games. I wish there was something like that for UILayer, UIView and OpenGL in Objective-C. I know about the REPL in RubyMotion, but it's Ruby and a REPL is still not the same as having a live preview of editor changes. I really hate the fix-compile-test workflow, and especially for layers and layer animations and s…

What notch used is a step further. From what I get this page simply "refreshes" the code and starts the execution anew. Notch is actually hot-swapping code, for example the code in the update function of the game, leaving the game state intact. If he wants to test a change in the init code for example, he would need to restart the program. Either way, very cool way to play around with three.js without having to switc…

It might be possible to save the variable and ID states in the code before updating, then "pasting" them back in once reloaded.

Re: Realtime Three.js Coding

#14

Post by mrdoob2 »

larister wrote: post #8

Brilliant. I wonder if it was inspired by Brett Victor's fantastic talk 'Inventing on Principle' ( http://vimeo.com/36579366 ) - it seems there have been many such efforts to break the barrier between writing code and seeing the effects since that talk appeared. Maybe it's just that the talk made an impression on me and hence I've been noticing this sort of thing more. Either way, bravo Mr Doob.

I feel that talk made an impression on many people. I think that talk made live editing "mainstream" and Bret "stole" the concept by doing a good show just like Apple does. It's been done for years but no one "bothered" making a good show/product that wowed people.

From the top of my head (fluxus) [1] and impromptu [2]. And I bet every game company have their own live editing tools.

Anyway, .

What inspired me was this video of Iq's live coding setup [3] from last year. Months later I made a webgl version [4] to help spread glsl know-how. Then doing the HTML/CSS/JavaScript one was just natural de-evolution :)

[1] http://www.pawfal.org/fluxus/

[2] http://en.wikipedia.org/wiki/Impromptu_(programming_environm...

[3] http://www.youtube.com/watch?v=9g8CdctxmeU

[4] http://glsl.heroku.com/e

Re: Realtime Three.js Coding

#16

Post by phoboslab »

phn wrote: post #11
terhechte wrote: post #3

I love it. Reminds me of the Hotswap feature in Eclipse which Notch seems to use a lot for building his games. I wish there was something like that for UILayer, UIView and OpenGL in Objective-C. I know about the REPL in RubyMotion, but it's Ruby and a REPL is still not the same as having a live preview of editor changes. I really hate the fix-compile-test workflow, and especially for layers and layer animations and s…

What notch used is a step further. From what I get this page simply "refreshes" the code and starts the execution anew. Notch is actually hot-swapping code, for example the code in the update function of the game, leaving the game state intact. If he wants to test a change in the init code for example, he would need to restart the program. Either way, very cool way to play around with three.js without having to switc…

John Resig did the JavaScript hot-swapping approach for Khan Academy. Watch the screencast here: http://ejohn.org/blog/introducing-khan-cs/

Re: Realtime Three.js Coding

#17

Post by 89a »

RKearney wrote: post #12

There's almost zero contrast when selecting text. This makes it nearly impossible to see what text is selected on the screen. The text also seems to randomly become bold and/or disappear and flash on the screen when trying to select text.

Your browser or personal settings must be clashing with it.

Works fine for me

Re: Realtime Three.js Coding

#18

Post by p01 »

mrdoob2 wrote: post #14
larister wrote: post #8

Brilliant. I wonder if it was inspired by Brett Victor's fantastic talk 'Inventing on Principle' ( http://vimeo.com/36579366 ) - it seems there have been many such efforts to break the barrier between writing code and seeing the effects since that talk appeared. Maybe it's just that the talk made an impression on me and hence I've been noticing this sort of thing more. Either way, bravo Mr Doob.

I feel that talk made an impression on many people. I think that talk made live editing "mainstream" and Bret "stole" the concept by doing a good show just like Apple does. It's been done for years but no one "bothered" making a good show/product that wowed people. From the top of my head (fluxus) [1] and impromptu [2]. And I bet every game company have their own live editing tools. Anyway, . What inspired me was thi…

Not to forget JSbin that has been here for a good 4 years now and many other live editors like it.

Re: Realtime Three.js Coding

#19

Post by [deleted] »

terhechte wrote: post #3

I love it. Reminds me of the Hotswap feature in Eclipse which Notch seems to use a lot for building his games. I wish there was something like that for UILayer, UIView and OpenGL in Objective-C. I know about the REPL in RubyMotion, but it's Ruby and a REPL is still not the same as having a live preview of editor changes. I really hate the fix-compile-test workflow, and especially for layers and layer animations and s…

[deleted]

Re: Realtime Three.js Coding

#20

Post by erichocean »

terhechte wrote: post #3

I love it. Reminds me of the Hotswap feature in Eclipse which Notch seems to use a lot for building his games. I wish there was something like that for UILayer, UIView and OpenGL in Objective-C. I know about the REPL in RubyMotion, but it's Ruby and a REPL is still not the same as having a live preview of editor changes. I really hate the fix-compile-test workflow, and especially for layers and layer animations and s…

It's not iOS, UILayer, and UIView, but Blossom[1] supports an equivalent, canvas-based development model and hardware-accelerated layers and transitions in the browser, based on Apple's SproutCore MVC framework.

It would work well with mrdoob's editor, and it's all JavaScript (no HTML or CSS to deal with).

[1] https://github.com/fohr/blossom

Post reply on HN