Difference between revisions of "Template:Jscad"
Jump to navigation
Jump to search
(8 intermediate revisions by the same user not shown) | |||
Line 8: | Line 8: | ||
</pre> | </pre> | ||
= Example = | = Example = | ||
− | {{jscad|title=OpenJSCAD example|code= | + | {{jscad|title=OpenJSCAD example|code=function main() { |
− | |||
− | |||
return CSG.cube(); | return CSG.cube(); | ||
} | } | ||
}} | }} | ||
− | + | <pre> | |
− | < | ||
− | |||
− | |||
− | |||
− | |||
<style> | <style> | ||
pre, code, textarea { | pre, code, textarea { | ||
Line 41: | Line 34: | ||
canvas { cursor: move; } | canvas { cursor: move; } | ||
</style> | </style> | ||
− | < | + | </pre> |
− | + | [[Category:Template]] | |
− | + | </noinclude><includeonly> | |
− | + | = {{{title|}}} = | |
− | + | The preview below currently only works for older JSCad code using the CSG syntax. See [https://github.com/jscad/OpenJSCAD.org/issues/448 OpenJsCad Issue 448] | |
− | + | {{#tag:jscad|{{{code|}}}}} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | ||
− | < | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | }} | ||
= Source code = | = Source code = | ||
+ | Just cut&paste the source code below to https://www.openjscad.org/ | ||
{{#tag:source|{{{code|}}}|lang=javascript}} | {{#tag:source|{{{code|}}}|lang=javascript}} | ||
+ | [[Category:OpenJSCAD]] | ||
</includeonly> | </includeonly> |
Latest revision as of 09:37, 18 June 2019
Usage
{{jscad|title=OpenJSCAD example|code=function main() { return CSG.cube(); } }}
Example
OpenJSCAD example
The preview below currently only works for older JSCad code using the CSG syntax. See OpenJsCad Issue 448 <jscad>function main() {
return CSG.cube();
}</jscad>
Source code
Just cut&paste the source code below to https://www.openjscad.org/
function main() {
return CSG.cube();
}
<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>