brsFiddle.net - BrightScript Code Playground

Simple Code Editor for playing with BrightScript language.

Project Information

This application was created to give the Roku Development Community a useful tool to learn, practice and share BrightScript code. It also serves to demonstrate the power of the BrightScript Simulation Engine library, as a web framework to run BrightScript code in platforms other than the Roku. You can also check the BrightScript TV to see it in action running full Roku apps and games, or install the BrightScript Simulator to run it on your Windows/MacOS/Linux desktop.

Shared Code Samples

Click on the links below to launch brsFiddle.net website and start playing with BrightScript!

• Hello World - Shared Link
• Bouncing Square - Shared Link
• Calculate Easter Day - Shared Link
• Download Image and Music - Shared Link
• Video Playback - Shared Link
• API Call Example - Shared Link
• Snake Game - Shared Link

Available Templates

The application includes built-in code templates to help you get started:

Draw2D Templates

• Hello World (Draw2D) - Classic "Hello World" example using Draw2D graphics
• Snake Game (Draw2D) - A playable snake game demonstrating game loops and graphics
• Ball Boing (Draw2D) - Animation example with bouncing ball physics
• Collisions (Draw2D) - A simple animation demonstrating collision detection

SceneGraph Templates

• Hello World (SceneGraph) - Basic SceneGraph application structure
• Simple Task (SceneGraph) - Template showing task implementation in SceneGraph
• Bounding Rect (SceneGraph) - Example demonstrating SG bounding rectangles
• Label List (SceneGraph) - Example of a LabelList component
• Markup Grid (SceneGraph) - Example of a MarkupGrid component
• Keyboard Dlg (SceneGraph) - Dialog with keyboard input handling
• Animated Image (SceneGraph) - Example of new AnimatedImage component
• Video List (SceneGraph) - Example of an application with a list of videos and playback

You can load any template directly from the templates menu when you open the application to explore working examples.

Build from Source

As it builds in node, so you'll need to install that first.

Setup

1. Clone this repo:

   $ git clone https://github.com/lvcabral/brs-fiddle.git

2. Install dependencies:

   $ npm install     # or just `npm i`

Build

This project is written in TypeScript, so it needs to be compiled before it can be executed. yarn build compiles files in src/ into JavaScript and TypeScript declarations, and puts them in app/.

$ npm run build

$ ls app/
assets
css
fonts
images
lib
CNAME
coi-serviceworker.min.js
index.html
web.config

Release

To release a smaller version of the app Webpack can create a minified version by running npm run release.

Running the Web Application

To build and start the web application on your default browser just execute npm run start.

Developer Links

• My website: https://lvcabral.com
• My threads: @lvcabral
• My Bluesky: @lvcabral.com
• My twitter: @lvcabral
• My podcast: PODebug Podcast
• Check my other GitHub repositories

License

Copyright © 2023-2026 by Marcelo Lv Cabral. All rights reserved.

Licensed under the MIT license.