Low quality on ar.js with portrait aspect ratios

Questions
1

Hi!
So I’m having some strange issue. I’m using ar.js with Three.js, and it seems like when I use different aspect ratios the quality drops significantly (like on a phone’s protrait mode). I added two pics for comparison.
If using just plain Three.js (without ar) then the model looks sharp in all aspect ratios. Any idea why ar.js could cause this, and how can I fix it?

arjsgoodquality
arjsgoodquality713×550 288 KB
arjsloqaulity
arjsloqaulity390×518 126 KB

2

Some hint that I found:
If I remove the line
arToolkitSource.copySizeTo(renderer.domElement)
Then the model just appears squished (on the x axis) and sharp.
I think it renders it thin and then stretches it to the original width, which makes the quality drop.

3

Let’s see your code! What code is being executed when the viewport size changes?

4

I pretty much use the same code from the samples:

    function onResize()
    {
        arToolkitSource.onResize()
        arToolkitSource.copySizeTo(renderer.domElement)

        if ( arToolkitContext.arController !== null )
        {
            arToolkitSource.copySizeTo(arToolkitContext.arController.canvas)    
        }   
    }
5

hi, did you solve the problem?. I am having the same issue.