Studio Overview¶
Studio is where you make things for your Cyber Fidget -- apps, artwork, and 3D models. It opens at cyberfidget.com/create/.
This page is a map of the surface. Each tool has its own page, linked at the bottom.
Starting something¶
Studio opens on a landing page with one starting point: Create an app. Describe what you want, and the code generator builds a working first version you can run and edit straight away.
Below it, Draw a screensaver opens Quick Draw if you would rather just doodle than write an app, and Open a project file loads a project you previously saved to your computer.
Further down, My Stuff lists the projects you already have. Choosing one opens it. The landing page is replaced by the workspace -- you see one or the other, never both.
The workspace tabs¶
Once a project is open, a strip of tabs switches between the tools. On a desktop they run down the left edge; on a phone they sit along the bottom.
| Tab | What it is for |
|---|---|
| Generate | Describe a change in plain language and have it written for you. |
| Code | The full editor, with the screen, buttons, lights, and sound available. |
| 2D | Draw and animate sprites. |
| 3D | Build wireframe models. Appears only if it is enabled for your account. |
| Test | Run the app in the emulator. |
< Studio at the top left closes the project and returns you to the landing page. Your work is saved as you go.
Quick Draw¶
Quick Draw is a stripped-back drawing surface for making a screensaver without touching code. It gives you a brush, an eraser, and undo -- and deliberately nothing else.
You can reach it two ways:
- From the Studio landing page: Draw a screensaver, just below the Create an app card.
- Directly, at cyberfidget.com/create/quick-draw/.
When you want more than three tools, more tools > carries the same drawing into the full 2D editor, where the rest of this section applies.
Quick Draw and the 2D panel are not the same thing
Quick Draw is intentionally tiny, so there is nothing to learn before you start drawing. The 2D tab is the full editor -- layers, frames, animation states, and version history. Starting in one and moving to the other is the expected path, not a detour.
Where your work is kept¶
Projects are saved in the browser you are using. Signing in adds My Assets, an account-level library of sprites and models you can reuse across projects -- see Your Sprite Library.
Taking something out of a library copies it into your project. Editing that copy never changes the original.
Where to go next¶
- Drawing and Version History -- saving checkpoints and restoring earlier work
- Your Sprite Library -- Project Files, My Assets, and Starter Sprites
- Animation States -- giving a sprite more than one action
- 3D Models -- building and using wireframe models