Source: Love Mac | Software download link: Wonderbox for Mac

Wonderbox is a creative tool designed specifically for macOS. It integrates intuitive visual editing with powerful interactive logic-building capabilities, allowing users to create rich interactive experiences, prototypes, animations, and mini-games without writing any code. Its core design philosophy is to make the creative process as simple and fun as “building with blocks.”

I. Detailed Overview of the Core Interface and Workspace

After launching Wonderbox, you will see a clean, modular interface, mainly divided into the following areas:

Top Menu Bar and Toolbar: Includes standard file operations (File, Edit), view controls, run tests, and publish options. The toolbar provides shortcut icons for commonly used tools, such as select, move, rotate, scale, and play.
Left Resource Panel: Usually presented in the form of tabs.
- “Scene” Panel: Displays all objects in the current project (such as characters, props, and environmental elements) in a tree structure, and is the main location for managing the project’s hierarchical structure.
- “Asset Library” Panel: A repository of built-in resources such as 3D models, materials, sounds, and particle effects, which can be dragged directly into the scene for use.
Central View Area: This is the core workspace, displayed by default as a 3D scene view. You can navigate freely using the mouse (right-drag to rotate the view, middle-drag to pan, scroll wheel to zoom) and trackpad gestures. Above the view, there are toggle buttons that let you quickly switch between “Scene View,” “Game View” (preview), and “Animation Timeline.”
Right-Side Properties/Logic Panel:
- “Properties” Inspector: When you select any object in the scene, this area displays all adjustable parameters for that object, such as position, rotation, scale, material color, physical properties, and more.
- “Logic Editor”: The core functional area of Wonderbox. It is presented as a node graph, where you connect different “behavior” nodes (such as “On Click,” “Move To,” “Play Sound”) to define an object’s interaction logic and game rules.
Bottom Status Bar and Info Panel: Displays operation hints and error messages, and may also include an animation keyframe editor or a log output area.

II. Complete Workflow: From Creation to Export

Step 1: Create or Open a Project

After launching the software, click “New Project” on the welcome screen, or go to the menu bar and select File > New (shortcut Cmd + N). You will need to name your project and choose a save location. To open an existing project, use File > Open (Cmd + O).

Step 2: Build the Scene and Environment

In the central viewport, you can drag your preferred terrain, buildings, decorations, and other models directly from the “Asset Library” panel on the left into the scene. Use the Move (V), Rotate (R), and Scale (T) tools in the toolbar (or press the corresponding shortcut keys) to adjust their position, orientation, and size. All objects will be listed in the “Scene” panel, where you can rename them, create folders to organize them into groups, or adjust parent-child hierarchy relationships.

Step 3: Add and Edit Object Logic

This is the key to giving your scene interactivity. Select an object in the scene (such as a treasure chest), then click the “Logic Editor” tab on the right panel. The editor starts out empty.

Add behavior nodes: Right-click on an empty area in the editor, and select the desired behavior from the pop-up menu, for example, “When Object Is Clicked” under the “Input” category.
Connect the logic flow: Drag a line from the output port on the right side of the “When Object Is Clicked” node and connect it to the input port of another behavior node (such as “Play Animation” under the “Animation” category).
Configure Node Parameters: Click on the “Play Animation” node, and in the node’s properties below or in the Attribute Inspector, specify a particular animation clip for it (e.g., “Open”).

In this way, you can build complex logic chains, for example: when the character approaches (trigger) -> play sound effect (action) -> show dialogue box (action).

Step 4: Set Up the Character and Controls

Add a character model from the asset library to the scene. Typically, you need to attach “controller” logic to it. In the logic editor, add an “Input” node to the character object (e.g., “When Key Is Pressed”, set to W/A/S/D or the arrow keys), and connect it to behavior nodes such as “Move Character” or “Apply Force” to enable keyboard-controlled movement.

Step 5: Real-Time Testing and Debugging

During editing, you can click the “Play” button in the toolbar (or press Cmd + P) at any time to enter the game view for testing. Press Cmd + P again to stop. While testing, you can open the “Logic Editor” and observe the signal flow on the nodes (usually with a highlight effect), which helps debug logic errors.

Step 6: Export and Share

After completing your creation, go to the menu bar and select File > Export Project…. You can choose to export as a standalone application (.app), a format suitable for web pages, or a project file for sharing with other Wonderbox users. In the export dialog, configure options such as the app icon and window size, then click Export to generate the final product.

III. Advanced Tips for Common Features

Reusing Logic Nodes: Using “Custom Behaviors”: Select a group of commonly used node chains (such as a complete door-opening logic), right-click and choose “Create Custom Behavior,” and give it a name. This logic group will then appear in the node menu and can be reused like a single node, greatly improving efficiency.
Variables and Data Storage: Use “Variable” category nodes (such as “Set Variable” and “Get Variable”) to pass information between different objects and logic. For example, use a variable to record the number of coins a player has collected and display it on the UI.
Animation State Machine: For complex character animations (idle, walk, run), do not simply use the “Play Animation” node to switch between them. Use the “Animation Controller” node to control smooth animation transitions via variables (such as “movement speed”) for a more professional result.
Camera Control Techniques: In addition to following a character, you can create independent camera objects and write logic for them. Using the “Move Slowly To” node can make camera transitions smoother, and using the “Look At” node can keep the camera always focused on the target.

IV. Common Issues and Solutions

Q1: Objects stutter or lag when moving or rotating?

Check logic loops: Make sure you haven’t connected overly complex or time-consuming operation chains in high-frequency triggers such as “Every Frame Update”.
Simplify the scene: Check for models in the scene with excessively high polygon counts, and if necessary, use optimized versions from the asset library.
Use physics engine optimization: For static environment objects, set “Physics” to “Static” in the Inspector to reduce unnecessary physics calculations.

Q2: The exported app won’t run or displays abnormally on other computers?

Check dependencies: Make sure all resources are included when exporting. Check “Embed All Resources” in the export settings.
Paths and names: Avoid naming assets and folders in your project with Chinese or special characters; using only lowercase English letters and numbers is the safest choice.
Target System Compatibility: When exporting as a Mac app, be sure to select a compatible minimum macOS version.

Q3: The logic nodes are connected correctly, but there is no response after triggering?

Enter Play Mode to Test: Some logic (especially those involving input and physics) only takes effect in Play Mode.
Check Object Activation State: In the “Scene” panel, confirm that the target object and its parent objects are not temporarily disabled (icon is grayed out).
Debug Output: Add a “Debug Log” node after the key logic node to output a piece of text, then check during playback whether the corresponding output appears in the bottom information panel, so as to locate where the logic breaks.

V. Wonderbox for Mac Keyboard Shortcuts Summary

Function Category	Operation Description	Shortcut (Mac)
File Operations	New Project	`Cmd + N`
	Open Project	`Cmd + O`
	Save Project	`Cmd + S`
	Export Project	`Cmd + E`
Editing Operations	Undo	`Cmd + Z`
	Redo	`Cmd + Shift + Z`
	Copy Selected Object	`Cmd + C`
	Paste	`Cmd + V`
	Delete Selected Object	`Delete`
View Controls	Switch to Select Tool	`Q` or `1`
	Switch to Move Tool	`W` or `2`
	Switch to Rotate Tool	`E` or `3`
	Switch to Scale Tool	`R` or `4`
	Focus on Selected Object (Frame Object)	`F`
	Switch Scene/Game View	`Tab`
Run and Test	Start/Stop Playback (Test)	`Cmd + P`
	Step Forward One Frame (for Debugging)	`Cmd + '`
Logic Editor	Create New Node	Double-click empty area or `Spacebar`
	Box-select Multiple Nodes	Drag the mouse
	Auto-arrange Selected Nodes	`Cmd + L`
	Collapse/Expand Selected Node Group	`Cmd + .`

Note: This guide is based on Wonderbox’s general workflow and interface design. Details may vary slightly between versions; it is recommended to explore using the software’s help documentation or tutorial panel during actual use.