https://goeducation.net/docs/playground/PlaygroundsHugoBlox Kit (https://hugoblox.com)en-ushttps://goeducation.net/media/logo.svghttps://goeducation.net/docs/playground/https://goeducation.net/docs/playground/tinygo/Mon, 01 Jan 0001 00:00:00 +0000https://goeducation.net/docs/playground/tinygo/<p>Write, compile, and run TinyGo code directly in your browser — no installation, no toolchain, no setup required. The is maintained by the TinyGo team and lets you experiment with real TinyGo code and see the output instantly.</p> <div class="not-prose my-6"> <a href="https://play.tinygo.org/" target="_blank" rel="noopener" class="inline-flex items-center gap-2 px-6 py-3 rounded-full bg-primary-600 text-white font-semibold hover:bg-primary-700 transition-colors shadow-md"> Open TinyGo Playground ↗ </a> </div> <h2 id="what-you-can-do">What you can do</h2> <ul> <li>Write Go code targeting real microcontroller targets (Arduino, Pico, etc.)</li> <li>See compiled output, size reports, and error messages in real time</li> <li>Share snippets via URL — great for tutorials and asking for help</li> <li>Explore the standard library functions available in TinyGo</li> </ul> <h2 id="tips">Tips</h2> <ul> <li>Use the target selector to match your hardware board</li> <li>The playground runs in a simulator, so GPIO output is shown visually rather than on real hardware</li> <li>Check the for supported packages and drivers</li> </ul>https://goeducation.net/docs/playground/blockly/Mon, 01 Jan 0001 00:00:00 +0000https://goeducation.net/docs/playground/blockly/<p>The Go Education Visual Playground lets you build programs by snapping blocks together — no syntax, no semicolons, just logic. Under the hood it generates real TinyGo code that you can copy and flash to your badge or board.</p> <p>It is designed for first-time learners and classroom settings where typing code is a barrier, and pairs naturally with the step-by-step tutorials.</p> <div class="not-prose my-8"> <a href="https://goeducation.net/blockly-playground/" target="_blank" rel="noopener" class="inline-flex items-center gap-3 px-8 py-4 rounded-full bg-primary-600 text-white font-semibold text-lg hover:bg-primary-700 transition-colors shadow-lg"> Open Visual Playground ↗ </a> </div> <h2 id="what-you-can-do">What you can do</h2> <ul> <li>Drag and drop blocks to build a program — no typing required</li> <li>See the generated TinyGo / Go code on demand with the <strong>To Go</strong> button</li> <li>Load demo programs (Hello World, FizzBuzz, Gopherino robot, DS18B20 sensor)</li> <li>Save and load your workspace as XML</li> <li>Copy generated code to clipboard and flash it to your badge or board</li> </ul> <h2 id="available-block-categories">Available block categories</h2> <table> <thead> <tr> <th>Category</th> <th>Blocks</th> </tr> </thead> <tbody> <tr> <td>Logic</td> <td>If/else, comparisons, boolean operators</td> </tr> <tr> <td>Loops</td> <td>Repeat, while, for</td> </tr> <tr> <td>Math</td> <td>Numbers, arithmetic, random</td> </tr> <tr> <td>Text</td> <td>Strings, print, I/O</td> </tr> <tr> <td>Variables</td> <td>Typed variables</td> </tr> <tr> <td>Functions</td> <td>Define and call Go functions</td> </tr> <tr> <td>TinyGo</td> <td>LED control, sleep, goroutines, string conversion</td> </tr> <tr> <td>GopherBadge</td> <td>Button input</td> </tr> <tr> <td>Gopherino</td> <td>Movement, distance sensor</td> </tr> <tr> <td>Sensors</td> <td>DS18B20 temperature sensor</td> </tr> <tr> <td>Net/HTTP</td> <td>Cloudflare Workers, Fermyon Spin</td> </tr> </tbody> </table> <h2 id="building-the-playground">Building the playground</h2> <p>The playground is compiled from the project. Run the following script from the <code>goeducation-site</code> root to build and copy all files:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">./update-blockly.sh </span></span></code></pre></div><p>This script requires Node.js. It runs <code>npm install &amp;&amp; npm run build</code> in <code>../blockly-tinygo</code>, then copies the compiled output and the full playground UI to <code>static/blockly-playground/</code>.</p>