タグ

ブックマーク / qiita.com/tadfmac (2)

  • 簡単アニメーション!Pixi.jsを触ってみる!(2)画像を動かしてみる - Qiita

    簡単アニメーション!Pixi.jsを触ってみる! 〜(2)画像を動かしてみる〜 昨日の大雪は凄かった。。。そして今日は都知事選挙。 と書き出したまではいいが、当に今日のうちにUpできるか謎ですw 前回は、Pixi.jsのインストールとHello Worldを書いてみました。 今回は、いよいよ画像を動かしてみたいと思います。 まず画像を1つだけ動かしてみる それでは早速Pixi.jsを使って画像を1つだけ動かしてみます。 前回同様、簡単なコードを書いてみようと思ったのですが、ネットで見つかりましたので先に紹介します。 葉っぱ画像が回る! PeepsQuest.comのPixi.js Basicsのページ こちらもキャラ画像が回る! gitHubのREADME.mdの'Usage' はい。どちらもグルグル回ってますねー。 それでは、上記サイトをまねして(ほぼ丸パクリでw)コードを書いてみます

    簡単アニメーション!Pixi.jsを触ってみる!(2)画像を動かしてみる - Qiita
  • 簡単アニメーション!Pixi.jsを触ってみる!(1)テキストを動かしてみる - Qiita

    簡単アニメーション!Pixi.jsを触ってみる! 〜(1)テキストを動かしてみる〜 突然ですが、 Pixi.js を触ってみることにしました。 (前フリ無しw) Pixi.jsとは? Pixi.jsは、Goodboy Digital社が配布している2D描画用のjavascriptライブラリです。 下記サイトで配布されています。 MITライセンスに基づくオープンソースソフトウエアとして開発が進められています。 このライブラリを使って作ったアニメーションは、WebGLを自動的に使ってくれるようです。 (非対応のデバイスではCanvasを使う)。 難しそうなWebGLを覚えなくて使えるのはうれしいです。 pixi.jsのexampleページでデモが紹介されていますので、いくつか見てみましょう。(スクリーンショット画像クリックで家pixijs.comサイトのexampleページに飛びます) Ex

    簡単アニメーション!Pixi.jsを触ってみる!(1)テキストを動かしてみる - Qiita
  • 1