# Brick 1100 Builders
Builders is a short name for an advanced program available in Brick 1100. It offers a set of tools and features that allow you to create your own apps and games, and seamlessly integrate them with Brick 1100. You can publish your creations and share with other Brick 1100 users, and even earn rewards for your work. The owners of these creations are referred to as builders.
This page will guide you through the process of building and publishing your apps and games on Brick 1100.
# Understanding how it works
# The nature of Brick 1100
Recommended read: Turning my CodePen into an actual app.
Despite being a mobile app, Brick 1100 at its core is developed using web techs (HTML, CSS, and JavaScript). Ignoring the technical details, this means you can create your own apps and games using the same techs, which subjectively have a lower entry barrier if you are new to programming, or easier and faster to work with if you are already familiar with them.
Web techs offer a powerful iframe (opens new window) feature that allows embedding web content within web content. This is the key for how Brick 1100 works: it embeds your apps and games within its own interface, providing a seamless experience for the user.
The diagram above illustrates how your apps and games are integrated with Brick 1100 using iframe.
# Bridge 1100
Bridge 1100 is a small JavaScript utility that acts as a bridge between your apps/games and Brick 1100. It provides an API that allows your creation to exchange events and data from and to Brick 1100 such as start
, stop
, keypress
, numpress
etc. In addition, it comes with a set of predefined styles to make your creation fit seamlessly with Brick 1100's interface effortlessly.
Head over to the Bridge 1100 GitHub repository (opens new window) to learn more about it.
# Step-by-step guide
As these apps/games are developed using web techs, you can use any code editor of your choice (even a Notepad will do the job just fine). However, Visual Studio Code (opens new window) is recommended as it offers a wide range of features and extensions, including this Live Server (opens new window) extension that enhances your development experience.
Follow the steps below to get your first creation up and running on Brick 1100. Feel free to leave a comment or reach out on Discord (opens new window) if you need help or have any questions.