Activate the "Code" button in the header to view the html file and edit. Select example files from the sidebar to get started with interactive demos.
three.js / live is an open-source, in progress experiment. Check out manuscript for more info. Also, check out the sibling project with D3js to up your data visualization game: d3js.live.
This tool is built using React and Redux. The code block is created with react-codemirror, built on top of the awesome
CodeMirror project. Other dependencies (and big props!) include:
Three.js is a great library for higher-level entry to WebGL. I've been working with the tool for years and have found that the best educational source is the set of example files created by mrdoob and other dedicated members of the community. This site builds off of the existing examples, and looks to extend the functionality to the web so that users can modify example files
without having to clone the repo and run them locally.
On a personal note, live user-interaction is a huge interest of mine. We do a lot of computational modeling/design with libraries like three.js and d3.js at Mode Lab. Much of the work extends to variety of designers of varying techinical abilities, so live user-interaction is a major focus of our user design and development. But alas, since we're a product design-focused consulting studio, non-disclosure
agreements are part of the nature of the beast. I'm aiming to share more work, more readily, and more accessibly in order to stay in touch with the design and programming community. This first build-out is a loose template for future work releases.