I want this on the Playground :D

I though about posting this in Feature requests but maybe it would be a bit too much of a spam :rofl:

12 Likes

Palpatine Unlimited Power GIFs | Tenor

1 Like

Hmmm. I am going to put that on top of my priority list :slight_smile:

8 Likes

All I can say is that MY CODE doesn’t need any fancy deconstruction FX… It already autodestructs just from its content :rofl: :face_with_hand_over_mouth:

3 Likes

POC is DONE! Ready for April 1st…

:man_facepalming:

2 Likes

This is so sick! :rofl:

I support that idea!

additional the correct keyboard …

1 Like

Aww, it doesn’t make quack sounds :frowning:

lol, could you imagine: quack, quack, quack, quack, quack… The entire office. 25 people.

1 Like

I have another idea for a special effect: with every keystroke @Deltakosh says ‘JO MAN’ and somewhere a photo of him pops up briefly! :smiley:

2 Likes

Or more fittingly: “Y’ homme” :grinning:

sign me in :smiley:

1 Like

Let’s make first the source code more sophisticated with the help of chatGPT.

Prompt: Create a text editor in JavaScript using Babylon.js with the following modules:

  1. Keypress Controller: Manages registered controllers and notifies on keypress and keyrelease events.
  2. Text Storage Controller: Stores pressed keys line by line, handling new lines with Return and deletions with Del.
  3. Cursor Controller: Tracks the cursor position and displays it.
  4. Effects Controller: Registers a callback function to the cursor controller, starting an animation from the previous cursor position to the new one whenever a key is pressed. The controller toggles between idle and running states.

ChatGPT: sure! :slight_smile:

Here is the result after some ping pong with the chat bot.

beta

This means that we can add as many effects as we like, which are attached to the cursor controller!

The effect works best if you write in 500ms continously.

Who can find the bug?

Particles stop if you stop typing or if typing too slowly.

This one won’t stop.

1 Like

I wonder though. Are you guys using VSCode for Java/TypeScript stuff? And VSCode itself is written in Javascript via Electron, right? And the text editor of VSCode is just some HTML displaying text, isn’t it?

So could we use Babylon, or rather the HTMLCanvas of Babylon, as an overlay? Then get cursor position (somehow), fire particles but let the text be handled by the editor?

2 Likes

What about neovim, we could attach a linux virtual machine to the editor instead x)

2 Likes

What about neovim, we could attach a linux virtual machine to the editor instead x)

yesssss would love that or vim keybinds lol :3

1 Like

Update

  • WordTrackerController: If you type “alpha,” an image and sound will play (image and sound still need to be implemented).
  • BracketController: If you type an open { bracket and then a close bracket, a line will be drawn between them.
  • LightningController (cursorController): When you press the return key, a larger lightning animation will play.
  • CameraShakeController: With each keystroke, the camera will shake.
3 Likes

Argh, this is so cool. I want this in my editor :drooling_face:


Here is the babylon-as-overlay part: https://www.babylonjs-playground.com/#09OWE0#8 (just a proof of concept, not pretty. N.b. It does render: turn on dark mode).

4 Likes

Here is another overlay, follows the text cursor!

3 Likes