shimotsu tech

Webフロントエンドエンジニア @ to-R inc.

Nuxt.js

【Nuxt】new PIXI.Container()で生成した要素の位置を動的に変える

PIXI.Container()で生成した要素の位置を動的に変えるときの方法です。API自体はこちらに用意されていて、基本はそこにアクセスして値を書き換えれば大丈夫かと思います。 位置を制御するため、x,yの値にアクセスすることができます。PixiJS API Documentati…

【Nuxt】Pixi.jsで画像を読み込む際の注意点

NuxtでPixi.jsを使った2Dアニメーションの描画をする際に、アセットの読み込みで詰まったのでメモ。PixiのPIXI.mesh.Ropeというメソッドで複数のポイントを持つテクスチャを描画したい場面があり、components内で以下のように変数stripeを定義していました。…

microCMSで取得したデータを参照して表示すると"undefined"になる

国産のヘッドレスCMS「microCMS」を使うときに、APIを叩いて取得したデータ(今回の場合個別の記事)を表示しようとすると"undefined"と怒られてしまうことがありました。そのときのコードがこちら。テンプレートで、取得した記事のタイトルを表示させようと…