# A web tool to create interactive content: TilBuci

**URL:** <https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012>\
**Category:** Design Lounge\
**Created:** [October 24, 2024, 11:50am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012 "2024-10-24T11:50:44Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [October 24, 2024, 11:50am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/1 "2024-10-24T11:50:44Z")

</div>

Hi, everyone. I want to share with you an open source web tool that I’ve been working on. The focus is on creating interactive content from audiovisual material, such as small websites, narrative games, interactive videos, and the like. The name is TilBuci, and its construction is inspired by editors like Flash, with a similar functionality to CMSs, such as WordPress.

The TilBuci website is [https://tilbuci.com.br/](https://tilbuci.com.br/)

I also created a short “welcome” video: [https://www.youtube.com/watch?v=kkGz4JhQGYk](https://www.youtube.com/watch?v=kkGz4JhQGYk)  
I hope you like it 😉

(oh, I’m new to this forum… I posted in this category because I saw some similar posts here, but please correct me if I’m in the wrong place)

---

<div class="post-metadata">

**Author:** ![rafidui](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/rafidui/32/3339_2.png) [@rafidui](https://discourse.opensourcedesign.net/u/rafidui)\
**Post date:** [October 29, 2024, 5:16am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/2 "2024-10-29T05:16:36Z")

</div>

It looks good, but the UI designs seem a bit outdated. I can assist you with updating the UI designs. Let me know if you’re interested.

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [October 29, 2024, 12:10pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/3 "2024-10-29T12:10:57Z")

</div>

Oh, I’m glad you liked 😉  
This is an “after hours” project, so I must rely on a ready-to-use interface library to get the job done ([https://feathersui.com/](https://feathersui.com/)), but I’m currently using it without any modifications, just bare bones, but it does have many customization options.

---

<div class="post-metadata">

**Author:** ![rafidui](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/rafidui/32/3339_2.png) [@rafidui](https://discourse.opensourcedesign.net/u/rafidui)\
**Post date:** [October 29, 2024, 1:04pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/4 "2024-10-29T13:04:18Z")

</div>

Got it man, Good Luck

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [November 8, 2024, 10:13am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/5 "2024-11-08T10:13:45Z")

</div>

Hi, a new version of TilBuci is available with updated usability, better support for collaborative work and new options on website and PWA exporters 😉

> **[Release Version 6 · lucasjunqueira-var/tilbuci](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v6)**
>
> TilBuci version 6 is out with some exciting new features!
> 
> UPDATED USABILITY
> First, we've tweaked the overall font size of the editor to make the interface easier to see. Additionally, numeric inpu...

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [November 25, 2024, 11:57am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/6 "2024-11-25T11:57:25Z")

</div>

Hello everyone. There is a new version of TilBuci available with updates to the desktop applications exporter (Windows, macOS and Linux), but the big news is that you can now try the software before even downloading and installing it! For a 7-day trial period, visit:

> **[Try TilBuci now!](https://try.tilbuci.com.br/)**
>
> Interested in finding out how TilBuci works? try our 7-day free online trial!

You will be able to try all the features of the software and export your creations to continue your work on your own TilBuci installation.

---

<div class="post-metadata">

**Author:** ![Erioldoesdesign](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/erioldoesdesign/32/2895_2.png) [@Erioldoesdesign](https://discourse.opensourcedesign.net/u/Erioldoesdesign)\
**Post date:** [December 8, 2024, 1:53am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/7 "2024-12-08T01:53:02Z")

</div>

awesome tool! if i get some free time I’ll have a play because I love making interactive stuff with twine 😃

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [December 8, 2024, 1:22pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/8 "2024-12-08T13:22:43Z")

</div>

Oh, Twine was definitely one of the sources of inspiration. I’m still working on the basics of the software, but I do have some ideas on how to simplify its use for creating visual novel-type narratives. I believe that in the next version I’ll be able to bring a simplified way of creating menus among other more common widgets.

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [January 17, 2025, 6:17pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/9 "2025-01-17T18:17:32Z")

</div>

Hi, everyone. A new TilBuci version is available with several new features!

**NEW BORDER EFFECT**  
Images now have a new effect: borders. You can set the color, strength and blur of the borders.

**COLOR OVERLAY**  
The instance color menu now has an adjustment of overlay shapes, such as the traditional add, difference or multiply.

**STATIC SCENES**  
You can now set scenes as “static”. When these scenes are open, TilBuci pauses at the end of each keyframe, not automatically following the animation. This allows greater control of the display when necessary.

**CONTRAPTIONS**  
Version 8 brings a new feature, the “contraptions”, which are tools for simplifying the creation process. Initially, the creation of menus is available, which can be configured from the contraptios right menu and activated through the new contraption.menu command.

**NEW COMMANDS**  
New actions are available for your interactions. For scene display control, scene.nextkeyframe, scene.previouskeyframe, scene.loadfirstkeyframe, scene.loadlastkeyframe and scene.loadkeyframe. For access control, system.visitoringroup. For menu display, contraption.menu and contraption.menuhide. Check out the latest version of the TilBuci Scripting Actions document to see what’s new.

**BUG FIXES**  
The new version fixes all bugs found so far, including color adjustments for visitor input interfaces.

* * *

The new version is available from the software repository:

> **[Release Version 8 · lucasjunqueira-var/tilbuci](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v8)**
>
> TilBuci version 8 comes with several new features!
> 
> NEW BORDER EFFECT
> Images now have a new effect: borders. You can set the color, strength and blur of the borders.
> 
> 
> COLOR OVERLAY
> The instance co...

---

<div class="post-metadata">

**Author:** ![Erioldoesdesign](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/erioldoesdesign/32/2895_2.png) [@Erioldoesdesign](https://discourse.opensourcedesign.net/u/Erioldoesdesign)\
**Post date:** [January 31, 2025, 12:20pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/10 "2025-01-31T12:20:43Z")

</div>

ooooo i might play with it on a twitch stream next week - i’ll ping you if i do

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [January 31, 2025, 12:42pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/11 "2025-01-31T12:42:04Z")

</div>

Oh, nice! 😉  
I’d love to check it out.

If you need any help for the first steps in the tool, feel free to ask me. I can also create an account for you at our working installation.

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [February 9, 2025, 8:00pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/12 "2025-02-09T20:00:54Z")

</div>

Hi, everyone! TilBuci version 9 is out with some new features:

**MOVIE PROPERTIES**  
There is a new transition method between scenes, “none” (hard cut). In addition, it is now possible to set an animated icon (spritemap) to be displayed while a new scene is downloaded (loading icon).

**NEW GENERAL GLOBAL**  
A new value is available in the general globals: “has the visitor ever clicked?”. With it, it is possible to know if there has been any type of interaction to allow automatic playback of media in browsers.

**INSTANCE ZOOM**  
A new action is available: instance.zoom. When executed, the content of an instance (picture or video) takes up the entire screen while the movie content is paused. Clicking again causes the image to return to its normal size, resuming playback of the scene.

**MOUSE OVER ACTIONS**  
For content aimed at devices with mouse interaction, it is now possible to set actions not only for clicks but also for the mouse over event.

The link to the release on Github:

> **[Release Version 9 · lucasjunqueira-var/tilbuci](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v9)**
>
> TilBuci version 9 is available! In addition to bug fixes for reported issues, the new features in this version are:
> 
> MOVIE PROPERTIES
> There is a new transition method between scenes, "none" (hard c...

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [March 4, 2025, 5:34pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/13 "2025-03-04T17:34:37Z")

</div>

Hi, everyone! I’m happy to say that the TilBuci version 10 is out with many usability improvements!

> **[Release Version 10 · lucasjunqueira-var/tilbuci](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v10)**
>
> TilBuci version 10 is now available! In this version, several usability issues identified by users have been addressed.
> Simplified editing of media collections and assets
> Media collection managemen...

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [April 1, 2025, 2:56pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/14 "2025-04-01T14:56:45Z")

</div>

Hello everyone, some news about TilBuci: we have prepared a step-by-step guide for creating a quiz game that explores the entire process in the software. In this series of videos, we will address everything from conception to publishing and monitoring access, covering all stages of creation in the software, including adding media, layout, setting interactions and much more.

To check out this tutorial, access:  
https://www.youtube.com/embed/videoseries?list=PLjJLo5ynGY5xPt4n7fKzIS_iTrnMxxtLE&wmode=transparent&rel=0&autohide=1&showinfo=1&enablejsapi=1

The quiz created can be accessed here:

> **[MegaDrive Quiz](https://mdquiz.tilbuci.com.br/)**
>
> A quiz game about the 16-bit beast!

To learn more about TilBuci, please access  
[https://tilbuci.com.br/](https://tilbuci.com.br/)

I hope you enjoy it 😉

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [April 28, 2025, 12:36pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/15 "2025-04-28T12:36:52Z")

</div>

Hello everyone! A new version of TilBuci, the free software I have been developing for creating interactive content, is now available. Version 12 includes several new features to simplify content creation, including contraptions for cover and background images and music tracks. In addition, two new tools expand the software’s usability: form and global interface creators. Another new feature is the improvement of the PWA app exporter. Check out the new features in the repository:

> **[Release Version 12 · lucasjunqueira-var/tilbuci](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v12)**
>
> TilBuci version 12 is now available! In this version, several new contraptions have been added, making content creation even easier.
> Cover
> Cover contraption allows you to define images that will be...

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [May 26, 2025, 11:40am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/16 "2025-05-26T11:40:02Z")

</div>

Hello everyone! I want to share with you a new playlist of videos about creating content using TilBuci. In this playlist, I explore the creation of content for a kiosk, like the ones we see in museums, exhibitions and events, from the design to the export of Windows and Linux executables, as well as an Android app.

https://www.youtube.com/embed/videoseries?list=PLjJLo5ynGY5ywWhdHMDbcuMqBCwKDP8AO&wmode=transparent&rel=0&autohide=1&showinfo=1&enablejsapi=1

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [August 19, 2025, 9:08pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/17 "2025-08-19T21:08:06Z")

</div>

Hello everyone, a new version of TilBuci is available with many new features. One of the biggest is that, in addition to being installed on a web server for a collaborative creation environment, the software can now also be downloaded as a portable desktop application that runs on Windows, macOS, and Linux. The new version can be found here:

> **[Release Version 14 · lucasjunqueira-var/tilbuci](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v14)**
>
> TilBuci reaches version 14 with exciting new features!
> String media files
> A new media file type has been added: string files. These text files are JSON-formatted ones that can be loaded and unloade...

Another news is the tutorial on creating a survey kiosk for an exhibition, which covers producing content simultaneously for horizontal and vertical screens, using variables, text input, and storing events in the cloud.

https://www.youtube.com/embed/videoseries?list=PLjJLo5ynGY5xQ0XD5hCs7Fds85M3bmDxF&wmode=transparent&rel=0&autohide=1&showinfo=1&enablejsapi=1

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [September 30, 2025, 1:08am UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/18 "2025-09-30T01:08:05Z")

</div>

Hi, everyone, the TilBuci version15 is ready with an exciting new feature! The new version brings a set of new tools to simplify the creation of narratives. It is now possible to register characters and use the dialogue manager to create and display conversations among them in a style similar to that found in role-playing games and visual novels.

A tutorial on using the new feature can be found at

[![](https://img.youtube.com/vi/4BJe3NEp4s8/maxresdefault.jpg "Discovering the dialogue creation tool") ](https://www.youtube.com/watch?v=4BJe3NEp4s8)

Also, the desktop version for the macOS system on ARM platform (Apple Silicon) is available along with the existing one for the x64 platform (Intel) - the Linux and Windows versions were updated as well.

To check out the new version, please access the software repository at

> **[Release Version 15 · lucasjunqueira-var/tilbuci](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v15)**
>
> TilBuci reaches version 15 with exciting new features!
> Narrative
> The new version brings a set of new tools to simplify the creation of narratives. It is now possible to register characters and use ...

---

<div class="post-metadata">

**Author:** ![lucasjunqueira-var](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/lucasjunqueira-var/32/3352_2.png) [@lucasjunqueira-var](https://discourse.opensourcedesign.net/u/lucasjunqueira-var)\
**Post date:** [October 20, 2025, 12:28pm UTC](https://discourse.opensourcedesign.net/t/a-web-tool-to-create-interactive-content-tilbuci/4012/19 "2025-10-20T12:28:41Z")

</div>

Hi, everyone, TilBuci, a free software I develop for interactive digital content creation for the web, apps and the like, reaches version 16. To check it out, access the software repository.

[Release Version 16 · lucasjunqueira-var/tilbuci · GitHub](https://github.com/lucasjunqueira-var/tilbuci/releases/tag/v16)

**New feratures**

**Keyboard and joystick navigation (target)**  
A new form of navigation has been added, called “target”. You can now use both the arrow keys or a game controller connected to your device to access the content you create. To see an example of this new functionality, visit [https://www.youtube.com/watch?v=EbQNu6NJG\_c](https://www.youtube.com/watch?v=EbQNu6NJG_c)

 ![target](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/2X/4/48035a34f67ea677323762442ab380ffc087be97.jpeg)

**Redesign of the desktop applications exporter**  
The software generator for Windows, Linux and macOS from the created content has been redesigned, simplifying the entire process. In addition, apps are now generated with support for both x64 and ARM architectures on all three systems. To check the operation of the new exporter, go to [https://www.youtube.com/watch?v=NFs9FwbQTac](https://www.youtube.com/watch?v=NFs9FwbQTac)

**Redesign of the mobile apps exporter**  
The exporter for mobile apps for Android and iOS/iPadOS systems has been completely redesigned and now uses the Capacitor ([capacitorjs.com](http://capacitorjs.com)) project as a base. To check the operation of the new exporter, access [https://www.youtube.com/watch?v=Hsz4B4uhMvo](https://www.youtube.com/watch?v=Hsz4B4uhMvo)