Everything you need to know about CodeFlux & DesignFlux ... guides, references, policies, and more. Built by FunLogic Studios.
Jump to any section quickly.
Flux Studio is a game development toolkit by FunLogic Studios. It brings together a precision coding environment and a creative visual design tool under one roof.
A precision-crafted browser-based code editor tailored for game developers working with GDScript and C#. Designed to streamline scripting for Godot and Unity workflows.
A creative visual design canvas for game designers ... create UI mockups, game asset layouts, sprites, and more with a rich layer-based editor right in your browser.
A complete reference for every feature in CodeFlux v2.0.
| Feature | Description | Details |
|---|---|---|
| Language Switch | Toggle between GDScript and C# | Top-right dropdown; resets syntax highlighting |
| Code Editor | Main editing area | Supports multi-line editing, syntax highlight, bracket matching |
| Line/Column Indicator | Real-time cursor position | Displayed in the status bar at bottom |
| Save | Save current script | Saves to browser session; use Export to download |
| Clear | Wipe editor content | One-click clear with confirmation |
| Export | Download script file | Downloads as .gd (GDScript) or .cs (C#) |
| FluxAI Panel | Built-in AI assistant | Ask anything about GDScript, C#, Godot, Unity, or game dev |
| File Explorer | Browse files | Side panel for navigation (···) |
| Font Size | Editor text size | Adjustable in Settings panel (default 13px) |
| Tab Size | Indentation width | Options: 2, 4, or 8 spaces |
| Word Wrap | Toggle line wrapping | On/Off toggle in Settings |
| Line Numbers | Show/hide gutter numbers | Toggle in Settings |
A complete reference for every feature in DesignFlux v1.0.
| Control | Function | Notes |
|---|---|---|
| Elements Panel | Add shapes, text, images to canvas | Left sidebar; choose element type to insert |
| Layers Panel | View & manage all canvas layers | Reorder, rename, lock/unlock layers |
| Move Tool (M) | Drag elements on canvas | Keyboard shortcut: M |
| Multi-Select | Select multiple elements | Drag selection box or Shift+Click |
| Undo / Redo | Step backward or forward in history | ↩ Undo / ↪ Redo buttons in toolbar |
| Z-Order Back (↓) | Send element one step back | Toolbar button |
| Z-Order Forward (↑) | Bring element one step forward | Toolbar button |
| Bottom (⬇) | Send to bottom of stack | Instantly behind all elements |
| Top (⬆) | Bring to top of stack | Instantly above all elements |
| Group | Group selected elements together | Select multiple first, then Group |
| Delete (🗑) | Remove selected element(s) | Also: Delete/Backspace key |
| Duplicate (⧉) | Copy selected element | Creates duplicate slightly offset |
| Lock (🔒) | Lock element in place | Locked elements cannot be moved or edited |
| Zoom Controls | − / % / + | Fit button resets to canvas-fit zoom |
| Export PNG (⬇) | Download canvas as image | Exports full canvas at current size |
| Canvas Color | Change background fill | Environment panel (right sidebar) |
| Grid | Toggle grid overlay | Environment panel |
| Properties Panel | Edit element properties | Appears when an element is selected |
| AI Panel | Design assistant | Right sidebar; AI design suggestions |
Step-by-step walkthroughs to get you up and running with both tools quickly.
From the Flux Studio homepage, click the CodeFlux card. The editor loads with a default GDScript environment. Wait for the initialization loader to complete.
In the top-right of the editor, click the language selector dropdown and choose GDScript (for Godot) or C# (for Unity or Godot with Mono). Syntax highlighting updates automatically.
Click inside the editor area and begin typing your code. The editor supports indentation, bracket matching, and real-time line/column tracking in the status bar.
Click the FluxAI panel on the right side. Type any question — e.g., "How do I make a player jump in Godot?" — and get instant guidance tailored to game development.
Open the Settings panel. Adjust font size (default 13px), tab size (2/4/8), toggle line numbers, and enable/disable word wrap. Click Save to apply changes.
When done, click the Export button in Settings. Your script downloads as a .gd or .cs file, ready to drop into your Godot or Unity project folder.
From the Flux Studio homepage, click the DesignFlux card. The canvas loads with a blank untitled.flux project. The loader completes and the design environment is ready.
Open the Elements panel on the left. Select a shape, text, or image element type to add it to the canvas. Each new element appears in the Layers panel.
Press M or click the Move tool. Click and drag any element to reposition it. Use the Layers panel to rename or reorder elements. Use Z-order buttons (↓ Back, ↑ Fwd, ⬇ Bottom, ⬆ Top) to control stacking.
Click any element on the canvas to select it. The Properties panel on the right will populate with its settings — size, color, position, opacity, and more.
Multi-select elements by holding Shift or drag-selecting, then click Group to combine them. Use ⧉ Dup to duplicate, 🔒 Lock to freeze position, and 🗑 Del to remove.
In the right Environment section, set your Canvas Color (background fill) and toggle the Grid overlay for precise alignment. Use zoom controls (−/+) or click Fit to reset the view.
When your design is complete, click the ⬇ Export PNG button in the toolbar. The canvas is captured and downloaded as a high-quality PNG image — ready for use in your game engine.
Both tools feature an integrated AI assistant .. FluxAI .. designed specifically for game developers.
Ask FluxAI anything related to game scripting inside CodeFlux. It understands GDScript, C#, Godot, and Unity contexts deeply.
Get AI-powered design suggestions, layout advice, and game UI feedback directly on the DesignFlux canvas panel.
Customize your workspace to match your development style.
| Setting | Tool | Options | Default |
|---|---|---|---|
| Font Size | CodeFlux | 8px – 24px | 13px |
| Tab Size | CodeFlux | 2 / 4 / 8 | 2 |
| Line Numbers | CodeFlux | On / Off | On |
| Word Wrap | CodeFlux | On / Off | Off |
| Language | CodeFlux | GDScript / C# | GDScript |
| Canvas Color | DesignFlux | Any hex/picker value | Dark |
| Grid Overlay | DesignFlux | On / Off | Off |
| Zoom Level | DesignFlux | 25% – 400% + Fit | 100% |
Last updated: May 9, 2025 · Effective immediately upon use.
By accessing or using Flux Studio, CodeFlux, DesignFlux, or any associated tools hosted at studio-flux.netlify.app ("the Platform"), you ("User") agree to be bound by these Terms and Conditions. If you do not agree to these terms, please discontinue use of the Platform immediately.
These terms apply to all visitors, users, and others who access or use the Platform. FunLogic Studios reserves the right to update these terms at any time. Continued use after changes constitutes acceptance of the revised terms.
The Flux Studio platform, its design, branding, code, and all associated assets are the intellectual property of FunLogic Studios. All rights reserved.
Any content you create using the Platform (scripts, designs, exports) remains your own intellectual property. FunLogic Studios claims no ownership over user-generated content.
"CodeFlux", "DesignFlux", "FluxAI", "Flux Studio", and "FunLogic Studios" are trademarks of FunLogic Studios and may not be used without express written permission.
The built-in FluxAI assistant is provided as a productivity aid. FunLogic Studios does not guarantee the accuracy, completeness, or fitness of AI-generated responses for any specific purpose.
The Platform is provided "as is" and "as available", without warranty of any kind, express or implied. FunLogic Studios does not warrant that the Platform will be uninterrupted, error-free, or secure.
To the fullest extent permitted by law, FunLogic Studios shall not be liable for any indirect, incidental, special, consequential, or punitive damages arising from your use or inability to use the Platform — including loss of data, scripts, or design files.
We strongly recommend saving and backing up your work locally using the Export features provided.
Flux Studio is hosted on Netlify. The Platform may interact with third-party AI APIs to power FluxAI features. Use of these services is subject to their respective terms of service. FunLogic Studios is not responsible for third-party service interruptions.
FunLogic Studios reserves the right to restrict, suspend, or discontinue access to the Platform at any time, for any reason, without prior notice. These terms remain in effect after any such termination.
These Terms shall be governed by and construed in accordance with applicable laws. Any disputes arising under these terms shall be resolved through good-faith negotiation between the User and FunLogic Studios.
Last updated: May 9, 2025 · We are committed to protecting your privacy.
This Privacy Policy explains how FunLogic Studios ("we", "us", "our") handles information when you use Flux Studio, CodeFlux, and DesignFlux at studio-flux.netlify.app. We are committed to transparency and privacy-by-design principles.
Flux Studio is designed as a privacy-first tool. We do not require account creation, and we do not intentionally collect personally identifiable information (PII) from users.
When you access the Platform, standard web server logs may be collected automatically by our hosting provider (Netlify). This may include:
This data is used solely for operational purposes (debugging, uptime monitoring) and is governed by Netlify's Privacy Policy.
When you use the FluxAI assistant, your prompts and questions may be processed by third-party AI services. Please be aware:
Flux Studio may use your browser's local storage to persist editor settings (font size, tab size, language preference, zoom level) between sessions. This data:
Flux Studio is not directed at children under the age of 13. We do not knowingly collect any information from children under 13. If you believe a child under 13 has provided personal information through the Platform, please contact us immediately.
FunLogic Studios may update this Privacy Policy from time to time. We will indicate the revision date at the top of this page. Continued use of the Platform after updates constitutes acceptance of the revised policy.
If you have questions, concerns, or requests regarding this Privacy Policy, please reach out to FunLogic Studios via the contact information below.
Yes. Flux Studio — including both CodeFlux and DesignFlux — is completely free to use in your browser. No account or payment required.
No installation needed. Flux Studio runs entirely in your browser. Just visit studio-flux.netlify.app and start creating.
Currently, Flux Studio saves to your browser session. We strongly recommend exporting your work regularly using the Export (.gd/.cs) and Export PNG features.
Yes. Export your script as a .gd or .cs file and place it in your Godot project's script folder (or Unity's Assets folder). The code is standard and compatible.
FluxAI can assist with GDScript and C# coding questions, Godot and Unity engine guidance, game design patterns, debugging, and general game development advice.
FluxAI strives to provide helpful and accurate game dev guidance but may occasionally produce errors. Always review AI-generated code before using it in your project.
Yes. PNG exports from DesignFlux can be imported as sprites, UI textures, or background assets in Godot, Unity, or any other game engine.
Have a question, bug report, or feedback? We'd love to hear from you.