JavaScriptアニメーションを反応的にするにはどうすればいいですか？

Question

私はこのJavaスクリプトのアニメーションを応答するようにしています：https://codepen.io/lateek35/pen/QbZdEB。これは私のウェブサイトhttp://gerydi.com/sincera/です。

これを使用しましたが、テキスト全体ではなく、ボックスのサイズにしか適合しません。どのように私はそれを修正することができます任意のアイデアをお持ちですか？フォントサイズはテキストには影響しません。あなたが提供codepen例で

@media only screen and (max-width: 480px) { 
    #canvas{ 
     width: 360px!important; 
     font-size: 7px!important; 
     margin-top:50px; 
    } 
} 

Answer 1

、あなたはwriteText機能でテキストサイズを変更することができます。

var textSample = new PIXI.Text(text, { font: '50px Calibri, sans-serif', fill: 'black', align: 'left' }); 

CodePen Example。あなたはその機能にアクセスできますか？そうでない場合は、フォント設定を渡す方法を見つけなければなりません。