Skip to content

A website for interacting with three.js examples live. Built with React.

License

Notifications You must be signed in to change notification settings

ekatzenstein/three.js-live

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started

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.



About

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:


Motivation

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.

About

A website for interacting with three.js examples live. Built with React.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published