main.js

Images

Audio

Video Recording Settings

HTML5 Export & Embedding

Export your KaleidoScript animation as a self-contained HTML5 package:

  1. Create your visualization and add audio/images (if needed)
  2. Click Export → HTML5 Player in the toolbar
  3. Save the generated ZIP file to your computer

To use the exported package:

  1. Extract all files from the ZIP archive
  2. Upload the extracted files to your web server
  3. Open index.html in a web browser or embed using the code below

Embedding code: Copy this code and add to your website HTML:

<iframe 
                        src="path/to/extracted/files/index.html" 
                        width="800" 
                        height="650" 
                        frameborder="0" 
                        allowfullscreen
                        ></iframe>

Notes:

  • The HTML5 package contains all necessary files (HTML, audio, images)
  • All assets are properly linked for local playback
  • The player is fully interactive with play/pause controls
  • Set width and height to match your canvas dimensions + 50px for controls
main.ks
Hint
Welcome to KaleidoScript!
Start typing to see hints for available functions and keywords.
Example: circle(400, 300, 50);

Animation Settings

Console
-∞ dB