@@ -16,22 +16,11 @@ This project is a web-based visual scripting environment that allows users to cr
1616 - HTTP Requests
1717 - JSON handling (Parse, Stringify)
1818 - Base64 encoding/decoding
19- - Real-time code generation with customizable settings:
20- - Strict mode toggle
21- - Semicolon usage toggle
22- - Const/Let declaration choice
23- - Comment generation toggle
2419- Canvas controls:
2520 - Zoom and pan functionality
2621 - Grid toggle
2722 - Minimap visualization
2823 - Node rounding options
29- - Theme customization (dark/light)
30- - Project management:
31- - Save/Load functionality
32- - Export options (JSON, JavaScript, Image)
33- - Graph inspector panel with real-time node configuration
34- - Predefined example projects
3524
3625## Installation
3726
@@ -57,38 +46,6 @@ This project is a web-based visual scripting environment that allows users to cr
5746
58475 . Open your browser and visit ` http://localhost:3000 `
5948
60- ## Usage
61-
62- 1 . Use the menu bar to create a new project or load an example
63- 2 . Add nodes by right-clicking on the canvas
64- 3 . Connect nodes by dragging from one port to another
65- 4 . Configure node properties using the Graph Inspector panel
66- 5 . Use the Settings tab to customize:
67- - Theme preferences
68- - Canvas display options
69- - Code generation settings
70- 6 . Generate and run your script using the Run menu
71- 7 . Export your project in various formats
72-
73- ## Project Structure
74-
75- - ` src/App.js ` : Main application component
76- - ` src/VisualScripting.js ` : Core visual scripting component
77- - ` src/CodeGenerator.js ` : Handles code generation from nodes
78- - ` src/nodeDefinitions.js ` : Defines available node types
79- - ` src/engine/ ` : Core engine components
80- - ` Camera.js ` : Manages canvas zoom and pan
81- - ` Renderer.js ` : Handles rendering of nodes and connections
82- - ` Node.js ` : Node class implementation
83- - ` src/components/ ` : React components for UI elements
84- - ` GraphInspector.js ` : Node properties panel
85- - ` MenuBar.js ` : Application menu
86- - ` SettingsTab.js ` : Configuration interface
87- - ` ContextMenu.js ` : Right-click menu
88- - ` NodeContextMenu.js ` : Node-specific context menu
89- - ` Minimap.js ` : Canvas overview
90- - ` src/examples.js ` : Predefined example projects
91-
9249## Contributing
9350
9451Contributions are welcome! Please feel free to submit a Pull Request.
0 commit comments