FontLoader | Easily apply typefaces | User Interface library

You have to use an import map with latest three.js releases. Besides, never import modules directly from https://threejs.org. Always use a CDN like below:

String fontFilePath = Paths.get(System.getProperty("user.dir"), "prova.jar", "Retro Gaming.ttf").toString();

That.. rather obviously won't work.

You need to use the gRAS (getResourceAsStream) system. File in java (as in, what new FileInputStream needs, the java.io.File object) are actual files. entries inside jar files don't count. It is not possible to refer to that ttf file with a File object, nor to open it with FileInputStream.

Fortunately, the createFont method doesn't demand that you pass a FileInputStream; any old InputStream will do.

The ttf file needs to be in the same classpath root as the this very class you are writing (for example, the same jar). Once you've ensured that is the case, you can use gRAS:

The error means that FontLoader is not part of the core library anymore since r133. You need an additional import to use this loader in your application. Try it with:

So I'll preface this by saying that I'm still a student so I can't explain exactly why all these steps need to be done but here's what worked for me. It seems that your issue is with the path that you are using to parse. The file name itself seems inaccurate but even if the file path is valid, it still will not work, it must be imported. Make sure that your json file is inside of your src folder and import the json file using the relative path.

It looks like your Text geometry's rotation origin is in the left side. You could change this origin as a one-time operation with geometry.translate(x, y, z).

I don't know how wide your text is, but you'll probably want to translate it half of its width in the x-axis so the origin lands in the middle:

Your problem is right in your error.

http://192.168.8.104:8080/[object%20Object]

This means you're passing an object as a URL. That can be seen with the lines...

TextGeometry and FontLoader were moved to the examples with r133. Meaning trois.js expects that you work with a more recent three.js version and not with r127.

Welcome to stackoverflow MReza!

There are several problems with your code.

1. The naming convention looks odd to me. You don't really need dial_ prefix when you are defining properties inside the Dial.
2. It's a good idea to use alias properties. They exist to solve a problem. So I recommend you to read more about it from the Qt documentation.
3. You don't really need the a root item of Item type for adding the shadow effect. As you are already defining a custom background for the Dial, you can put that RectangularGlow effect inside the background item. Now, the resulting component, will be more like the original Dial component and the user will have direct access to properties, signals and methods of the original Dial component.
4. The Dial component has an angle property. It means that you won't need any calculations for the endAngle. Anyway, the 0 degree definition is different is the Dial and the Canvas. They have a 90 degrees difference that should be deducted in our calculations.
5. The FontLoader is not intended to be in a component design.

The result could be like below. I did not take too much time to optimize it further. I'm pretty sure that it will take some time from you to analyze all changes. But it worth it.

I just wanna move it down a couple of units.

In this case use mesh.position.y = - 5;. Changing the x coordinate will move the mesh to the left or right. Here is a complete live example based on your code: