Models from Fundamenta Operationum by Reggiomontannes

A 3D digital, rotatable model has been created for each of Reggiomontannes' propositions. The full list of models can be viewed here.

Models can also be individually embedded into pages. To embed a model in a webpage, add the model files to the website files. The model files will eventually be available from the releases on the project Github Repository.

Then include the stylesheet with:

        
          <link rel="stylesheet" href="src/style.css" type="text/css" media="all">
        
      
Add a model to the page with:
        
          <div class="model" model="Proposition 2" style="width: 500px; height: 500px;"></div>
        
      
This div can be styled and positioned, however you like, but it must have a defined width and height in order for the model to render properly.
Finally include the model loader at the end of the body:
        
          <script type="module" src="/src/modelLoader.js"></script>
        
      

The model colours can be controlled through CSS --theme variables. Default light and dark theme
are provided, controlled by the data-theme of the document (either 'light' or 'dark'). If data theme is not provided the default theme is dark. Individual model colours can be changed by overriding the defaults. For example, by changing the --theme-background, the background colour of the model can be changed to match the page. Note that if the CSS theme is changed after the model has loaded, the model needs to be told to update the theme. This can be done by calling `element.renderer.updateTheme()` where element is the model's HTML element.