Visions is an innovative platform that enables users to create generative art sketches using P5JS and artificial intelligence. Designed with accessibility in mind, it caters to both novices and experienced creators, offering an intuitive interface for crafting, editing, and customizing sketches through AI-powered suggestions.
- Text-based Modifications: Transform your sketch with simple text descriptions
- AI Integration: Harness the power of AI to generate and modify sketch code
- Real-time Adjustments: Dynamically generated sliders for instant parameter tweaking
- Customizable Parameters: Fine-tune colors, sizes, speeds, and more for unique outputs
- Interactive Code Editor: Dive into the code with our user-friendly editor modal
- Live Code Experimentation: See your changes come to life in real-time
- AI APIs: Leverage cutting-edge AI models like GPT-4o and Google Gemini
- Provider Selection: Choose your preferred AI service provider
- API Key Management: Securely manage your API keys for seamless integration
| Component | Description |
|---|---|
| Canvas | Central sketch display area with fullscreen and dimension controls |
| Sketch Controls | Toolkit for sketch creation, editing, resetting, and capturing |
| Sliders | Real-time parameter adjustment tools |
| Code Modal | In-depth code viewing and editing interface |
| Help Modal | Quick access to guidance and documentation |
| API Modal | Streamlined API key and provider management |
- Create: Click the "New" button to spawn a random sketch
- Modify: Enter a text description and hit "Generate" to apply AI-powered changes
- Expand: Click "Add Slider" to introduce new parameter controls
- Refine: Drag sliders to fine-tune sketch attributes in real-time
- Access: Open the code editor via the "Code" button
- Modify: Make direct changes to the P5JS code
- Apply: Click "Save" to see your modifications in action
- Configure: Launch the API modal using the "API" button
- Integrate: Input your API credentials
- Select: Choose your desired AI provider from the dropdown
We welcome contributions to Visions! Whether it's bug reports, feature requests, or code contributions, please feel free to make a difference. See our Contribution Guidelines for more information.
This project is open-source and available under the MIT License.
Empowering creativity through AI and code