layout
default

<script type="module" src="js/processing-p5-convert-bundle.js"></script> <script src="codemirror/lib/codemirror.js"></script> <script src="codemirror/mode/javascript/javascript.js"></script> <script src="codemirror/mode/clike/clike.js"></script> <script src="p5/p5.min.js"></script> <script src="p5/p5.sound.min.js"></script>

Processing input

<textarea id="processing-p5-convert-input"></textarea>

Convert and run!

p5.js output

<textarea id="processing-p5-convert-output"></textarea>

Please report any issues that you find!

<script src="js/index.js"></script> <script> let input = document.getElementById("processing-p5-convert-input"); inputCodeMirrorEditor = CodeMirror.fromTextArea(input, { lineNumbers: true, theme: "cobalt", mode: "clike" }); inputCodeMirrorEditor.setSize("100%", 600); let output = document.getElementById("processing-p5-convert-output"); output.value = ""; outputCodeMirrorEditor = CodeMirror.fromTextArea(output, { lineNumbers: true, theme: "cobalt", mode: "javascript", readOnly: true }); outputCodeMirrorEditor.setSize("100%", 600); </script>