2015年9月29日に自社サイトのリニューアルしました。 株式会社アクアリング リニューアルにあたって、アクアリングの「アクア(水)」を表現できるような、 波のような動きをつけようということで、 PIXI.jsのロープ(rope)を使って実装してみました。 (rope使わなくても全然いけるのですが・・・) 基本的には「pixi.jsを勉強する[3] -Textured Mesh-」と同じ作りなので、 rope.pointの使い方は上の記事を見てもらえればと思います。 早速全文です。 var pixi = { 'stage' : '', 'renderer' : '', 'width' : document.documentElement.clientWidth, 'height' : document.documentElement.clientHeight }; var wave = {
![サイトリニューアルで作った波っぽい動き -PIXI.js- - [ALL]| アクアリングBLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc402617cc4e3010c697f6bd4a7a74fb22f58e2b/height=288;version=1;width=512/http%3A%2F%2Fwww.aquaring.co.jp%2Fcommon%2Fimages%2Fogp.jpg)