Description
I am struggling to integrate a fairly complex model generator into react using react three renderer. While I am well versed in Three, I am slightly daunted by the myriad of configuration issues having to do with es5 v es 6, babel, webpack shims react itself and many other configuration "opportunities".
The example you have is an integrated multi page system that is not easily decomposable and uses fairly complex babel/webpack integration.
A single or set of individual examples that do not link together that show how to do the following would be helpful.
1 - How to create a three.js mesh that is composed of many vertices and therefore does not fit into any of the prefabricated geometries and render that mesh into a scene. In other words a single class that either reads in a mesh from disk or creates one on the fly that is then put into a render function with the geometry and passed to the parent to be rendered into a canvas.
2 - A starter template that one can copy to modify and test new ideas that is not so bound up in other examples that it breaks the entire system when copied. (try copying the simple example and renaming it. In nearly every other package such a process would give me a new version that I could play with. In the R3 examples this gives me a big debugging challenge.)
3 - A single example that has one object that is lit properly that can be moved around in 3space using orbit controls or some other trackball type controls.
4 - An example of loading a simple JSON object from disk and rendering it into a scene.
5 - An example for accessing the scene object to add to without using JSX (which has to be the least inspiring language since xml).
I would gladly help to provide them if i can just get option 1 above up and running. So far no luck.