aframe-textwrap-component icon indicating copy to clipboard operation
aframe-textwrap-component copied to clipboard

Distortion of Texture when using scale / geometry width height

Open breytex opened this issue 6 years ago • 3 comments

Hi there :) Thanks for the great work on this component. I just have one issue with it.

I want to build UI elements like buttons and textareas. When I use the component on an object, the texture (including the text) gets distorted.

<a-box scale="0.5 0.25 0.5">

Any idea how I could use your component on not-default-scaled objects?

Thanks :)

breytex avatar Jul 26 '17 11:07 breytex

Hi, could you format:

...on an , the...

with the code formatting?

maxkrieger avatar Jul 26 '17 14:07 maxkrieger

Also,

I want to build UI elements like buttons and textareas.

You may be interested in https://github.com/mayognaise/aframe-html-shader

maxkrieger avatar Jul 26 '17 14:07 maxkrieger

Sorry for the format issue, just fixed it.

I also managed to change the scale of the text with changing parameters in the draw-component: scale="1 0.15 0.02" draw="width:1500"

So with setting a "width" on the draw component, the text looks good on any scaled object.

Only problem: The object-scale is based on a user interaction, so it would be nice, to have the draw or wraptext component to adjust automatically. Any hints in this direction are appreciated.

Gonna look into the html-shader as well, thanks :)

breytex avatar Jul 26 '17 16:07 breytex