Template:Jscad: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
= Usage = | = Usage = | ||
Put your JSCAD code inside a source tag and add a call of this template | |||
<pre> | <pre> | ||
{{jscad|title=OpenJSCAD example|code=function main() | {{jscad|title=OpenJSCAD example|code=function main() | ||
{ | { | ||
| Line 38: | Line 21: | ||
[[Category:Template]] | [[Category:Template]] | ||
</noinclude><includeonly> | </noinclude><includeonly> | ||
{{#tag:html| | {{#tag:html| | ||
<script src="/extensions/OpenJsCad/lightgl.js"></script> | <script src="/extensions/OpenJsCad/lightgl.js"></script> | ||
| Line 44: | Line 26: | ||
<script src="/extensions/OpenJsCad/openjscad.js"></script> | <script src="/extensions/OpenJsCad/openjscad.js"></script> | ||
<style> | <style> | ||
pre { | pre, code, textarea { | ||
font: 12px/20px Monaco, monospace; | font: 12px/20px Monaco, monospace; | ||
border: 1px solid #CCC; | border: 1px solid #CCC; | ||
| Line 51: | Line 33: | ||
padding: 0 3px; | padding: 0 3px; | ||
color: #555; | color: #555; | ||
} | |||
pre, textarea { | |||
padding: 10px; | |||
width: 100%; | width: 100%; | ||
} | |||
textarea { | |||
height: 200px; | |||
} | |||
textarea:focus { | |||
outline: none; | |||
} | } | ||
canvas { cursor: move; } | canvas { cursor: move; } | ||
| Line 73: | Line 64: | ||
} | } | ||
</script> | </script> | ||
<h1>{{{title|}}}</h1> | |||
<div id="jscadviewer"></div> | <div id="jscadviewer"></div> | ||
<h2> | <h2>Source code</h2> | ||
< | Below is the OpenJsCad script. | ||
<textarea id='jscadcode' style="height: 500px">{{{code|}}}</textarea> | |||
<input type="submit" value="Update" onclick="updateSolid(); return false;"> | <input type="submit" value="Update" onclick="updateSolid(); return false;"> | ||
<script> | <script> | ||
| Line 83: | Line 76: | ||
</script> | </script> | ||
}} | }} | ||
= | = Syntaxh highlighted source code = | ||
{{#tag:source|{{{code|}}}|lang=javascript}} | {{#tag:source|{{{code|}}}|lang=javascript}} | ||
</includeonly> | </includeonly> | ||
Revision as of 13:41, 10 June 2019
Usage
Put your JSCAD code inside a source tag and add a call of this template
OpenJSCAD example
Source code
Below is the OpenJsCad script.Syntaxh highlighted source code
function main() { var resolution = 24; // increase to get smoother corners (will get slow!) var cube1 = CSG.roundedCube({center: [0,0,0], radius: [10,10,10], roundradius: 2, resolution: resolution}); var sphere1 = CSG.sphere({center: [5, 5, 5], radius: 10, resolution: resolution }); var sphere2 = sphere1.translate([12, 5, 0]); var sphere3 = CSG.sphere({center: [20, 0, 0], radius: 30, resolution: resolution }); var result = cube1; result = result.union(sphere1); result = result.subtract(sphere2); result = result.intersect(sphere3); return result; }