Template:Jscad

Usage

{{jscad|title=OpenJSCAD example|code=function main() {
    return CSG.cube();
}
}}

Example

{{#tag:html|

 <script src="/extensions/OpenJsCad/lightgl.js"></script>
 <script src="/extensions/OpenJsCad/csg.js"></script>
 <script src="/extensions/OpenJsCad/openjscad.js"></script>
 <style>

pre, code, textarea {

 font: 12px/20px Monaco, monospace;
 border: 1px solid #CCC;
 border-radius: 3px;
 background: #F9F9F9;
 padding: 0 3px;
 color: #555;

} pre, textarea {

 padding: 10px;
 width: 100%;

} textarea {

 height: 200px;

} textarea:focus {

 outline: none;

} canvas { cursor: move; } </style> <link rel="stylesheet" href="/extensions/OpenJsCad/openjscad.css" type="text/css"> <script>

 var gProcessor=null;
 // Show all exceptions to the user:
 OpenJsCad.AlertUserOfUncaughtExceptions();

 function renderJscad()
 {
   let viewer = document.getElementById("jscadviewer");
   gProcessor = new OpenJsCad.Processor(viewer);
   updateSolid();
 }

 function updateSolid()
 {
   gProcessor.setJsCad(document.getElementById('jscadcode').value);
 }

</script>

Source code

function main() {
    return CSG.cube();
}