I though about posting this in Feature requests but maybe it would be a bit too much of a spam
Hmmm. I am going to put that on top of my priority list
All I can say is that MY CODE doesn’t need any fancy deconstruction FX… It already autodestructs just from its content
POC is DONE! Ready for April 1st…
This is so sick!
I support that idea!
additional the correct keyboard …
Aww, it doesn’t make quack sounds
lol, could you imagine: quack, quack, quack, quack, quack… The entire office. 25 people.
I have another idea for a special effect: with every keystroke @Deltakosh says ‘JO MAN’ and somewhere a photo of him pops up briefly!
Or more fittingly: “Y’ homme”
sign me in
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:
- Keypress Controller: Manages registered controllers and notifies on keypress and keyrelease events.
- Text Storage Controller: Stores pressed keys line by line, handling new lines with
Return
and deletions withDel
. - Cursor Controller: Tracks the cursor position and displays it.
- 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!
Here is the result after some ping pong with the chat bot.
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.
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?
What about neovim, we could attach a linux virtual machine to the editor instead x)
What about neovim, we could attach a linux virtual machine to the editor instead x)
yesssss would love that or vim keybinds lol :3
- 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.
Argh, this is so cool. I want this in my editor
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).
Here is another overlay, follows the text cursor!