Difference between revisions of "Template:Jscad"

From BITPlan Wiki
Jump to navigation Jump to search
 
Line 38: Line 38:
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 
= {{{title|}}} =
 
= {{{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|}}}}}
 
{{#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]]
 
[[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>