I want this on the Playground :D

Off topic
1

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

12 Likes
2

Palpatine Unlimited Power GIFs | Tenor

1 Like
3

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

8 Likes
4

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
5

POC is DONE! Ready for April 1st…

:man_facepalming:

2 Likes
6

This is so sick! :rofl:

7

I support that idea!

8

additional the correct keyboard …

1 Like
9

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

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

1 Like
11

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
12

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

13

sign me in :smiley:

1 Like
14

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?

15

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

This one won’t stop.

1 Like
16

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
17

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

3 Likes
18

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
19

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
20

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
21

Here is another overlay, follows the text cursor!

3 Likes