A comprehensive drag-and-drop visual programming interface for creating WorkAdventure map scripts without coding. This tool transforms complex TypeScript scripting into an intuitive block-based system similar to Scratch.
Try it here: https://wa-script-builder.vercel.app/
- Visual Canvas: Drag and drop blocks onto a canvas and connect them with visual lines
- Complete API Coverage: 60+ blocks covering all WorkAdventure APIs (chat, camera, player controls, UI, navigation, rooms, spaces, events, variables, and more)
- Control Flow: If/then logic, loops, and conditional statements with visual connections
- Real-time Code Generation: Automatically generates clean TypeScript code as you build
- Interactive Properties: Edit block parameters directly in the visual interface
- Professional Output: Generates production-ready WorkAdventure scripts
Perfect for map creators who want to add interactive features like custom chat commands, camera controls, player interactions, UI elements, and complex game mechanics without writing code. Makes WorkAdventure scripting accessible to designers and non-programmers while still generating professional-quality TypeScript output.
- Next.js 15 - React framework with App Router
- TypeScript - Type-safe development
- Tailwind CSS v4 - Utility-first styling
- shadcn/ui - Component library
- Drag & Drop System - Custom implementation for block manipulation
- Visual Connections - SVG-based connection lines between blocks
- Real-time Code Generation - TypeScript AST generation from visual blocks
- Block Categories - Organized by WorkAdventure API domains
- Complete API Coverage - All 15 WorkAdventure API modules
- Type-safe Blocks - Each block generates proper TypeScript
- Parameter Validation - Input validation for all block parameters
- Code Templates - Pre-built patterns for common use cases
- UI (modals, banners, action messages)
- State (variables, storage)
- Chat (messages, commands)
- Camera (movement, focus, zoom)
- Player (movement, properties, wearables)
- Players (multiplayer interactions)
- Room (navigation, properties)
- Controls (disable/enable movement)
- Events (custom events, listeners)
- Navigation (goto room, open tabs)
- Sound (play, stop, volume control)
- Spaces (filter, proximity chat)
- Map Editor (dynamic map changes)
- Metadata (room information)
```bash npm install npm run dev ```
Open http://localhost:3000 to see the visual script builder.
This is an experimental project. Feel free to fork, experiment, and submit improvements!
MIT License - see the LICENSE file for details.
This project is open source and available under the MIT License, allowing free use, modification, and distribution.