Text tool

[OverloadedOrama]

Feature/enhancement description:
A text tool that lets the user type text into the canvas, and make it part of the image. You can track the progress in the text-tool branch. Keep in mind that it's still a WIP and will not work properly yet. Planned features:

• Turn font data into pixels in the current cel image itself.
• Change font. Pick from Roboto and DroidSansFallback, which already exist in Pixelorama, and also allow the user to load .ttf and .otf files from their device as well.
• Change text size.
• Save tool options, and check if the loaded fonts still exist. If they don't, remove them from being options.
• Undo/redo
• Ability to load fonts from the Web version.
• Create a layer every time the tool is used. Having a layer for each text will help us makes changes easily, like moving the text, deleting it and editing the string itself. This is similar to how GIMP's text tool works.
• Check if changes has been made to that layer (by some other tool, like pencil). If there have been changes and the user is trying to edit the text, warn the user that the layer will be overwritten. This is similar to how GIMP's text tool works.

Some nice extra options to have are:

• Change text color.
• Change text size.
• Change text outline.
• Change spacings.

Known issues:

• Not very comfortable to use right now. It uses a TextEdit which looks huge in the canvas and it cannot be moved. Maybe make the TextEdit's borders invisible and combine it with a selection?
• The colors of the cel change if they are transparent.

[Variable-ind]

About the Ability to load fonts from the Web version., maybe it could be set to open a simple dialogue saying ready to pick dropped fonts (with some funny picture perhaps) instead of file dialog for web version

[Variable-ind]

Also i made a variation of the text tool <Here>. What do you think about it?

text.tool-2021-11-17_17.06.09.mp4

[ManicMarrc]

Is there any news on this or is it already been implemented but I don't know it or is it discontinued?

[Variable-ind]

Hy at the moment it is available in 3d layers, but another implementation is also being worked on

[piotrtrkostrzewski94]

Hello,
Is it likely that the text tool will be available for 2D in the near future?
I don't know if it's helpful, but since Godot has the option to add text in the Inspector for the Button node, maybe the code for this Godot function (after any changes) will work for Pixelorama.

[OverloadedOrama]

The current plan for the text tool is to include it with vector layers. Vector layers will contain data for shapes and text instead of pixels, which will allow them to be non-destructive, meaning users will be able to change them whenever they wish, and do stuff like resizing a shape, changing the text whenever they want, etc. My idea for this is to store the vector data in SVG form, and convert it to image using Godot's Image.load_svg_from_string() method. Godot is using ThorVG to handle SVG rendering. However, there are some limitations, such as lack of aliased shape rendering, and no SVG text support. Once these are implemented, we could create vector layers and finally implement the text tool (although we also need to create UI and gizmos for all of that, like I did for 3D layers).

If ThorVG does not implement these features, or their implementation is not good enough for our needs, we'd have to resort on creating our own way to rasterize vector shapes and text, which can probably be done with Viewports, but I feel like letting Godot/ThorVG handle rasterization is the better solution.

[piotrtrkostrzewski94]

I expressed myself wrong. I meant that in Godot there is a Button, we can add text in the Inspector, but the button doesn't look very nice. It's better to use TextureButton but it doesn't have the ability to add text without a Label. I thought it would be possible to create a text functionality for Pixelorama in the style of Godot in the Inspector. For Godot, PNG is enough but SVG can also be useful.

[Variable-ind]

Hy, do you mean something that is specific to the button?(I mean Godot also has better ways to add text, like Label2d).
by adding text in inspector, do you mean something like what I showed in a video (few comments up) where i typed the text in properties panel.?

142255796-b8b975c5-2b1a-4f51-9713-f01ca53f6cab.mp4

[piotrtrkostrzewski94]

Thank you very much for suggestion.
I think this solution will suit me.
I will check it in combination with the use of a pencil.
Has it made it to the stable version?

[Variable-ind]

not yet, but if that's all you want (a way to write text in pixelorama and export as PNG) then it should also be possible in 3d layer, which is available in stable version (it can be switched to perspective mode)
For example see the video below 😁

text-.4.mp4

[piotrtrkostrzewski94]

Thank you very much 🥇
Text with "visual layer" :)