The turtleSpaces IDE runs in any modern browser, including on phones and tablets. It rearranges itself to fit the screen, so you can code on the sofa or show off a project on the bus.
When the window is narrower than about 900 pixels, or taller than it is wide, the 3D view moves above the editor instead of squeezing in beside it. This is what you’ll see on a tablet held upright, or a desktop browser window you’ve made narrow.
On a phone, or any window under about 600 pixels wide (or under about 500 pixels tall when sideways), you see one view at a time. A row of tabs at the top switches between them:
| Tab | What it shows |
|---|---|
| Canvas | The 3D view, with the description and the console |
| Code | The Text editor |
| Blocks | The Blocks editor |
The Execute, Stop and Reset buttons stay pinned along the bottom on every tab. While a program runs, Execute becomes Pause, and then Continue once paused. When you run your program from Code or Blocks, the IDE switches to Canvas so you can watch it.
The menu bar folds into a ☰ menu. Sign In stays visible in the bar, and teachers will find Classroom in the ☰ menu.
Turn a phone sideways and the 3D view sits beside the description and the console.
Sometimes you want the full desktop IDE, even on a small screen. On a phone, open the ☰ menu and choose Desktop view. The IDE lays itself out as it would on a laptop screen, and you can pinch to zoom and drag with two fingers to move around it. One-finger drags on the 3D view still move the camera.
To go back, tap the Phone layout button, or choose View › Phone layout. The IDE remembers whether you were in Desktop view.