7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

三角関数を使ってクリスマスツリー風のエフェクトをつくる

Last updated at Posted at 2017-06-14

 
三角関数を習ったとき、こんなの人生のどこで使うんだよ!!!って思った方多いと思います。
なので今日は三角関数を使ってクリスマスツリー風のエフェクトを作ってみましょう。

#まずはこんな感じの円運動を作ります

01.gif

Y軸は半径を半分にすれば楕円になります。

// 毎フレーム行われる処理
this.x = Math.cos(_angle) * _radius;
this.y = Math.sin(_angle) * (_radius / 2);
_angle += _speed;

#半径を段々小さくしながら、Y座標は段々上に行くようにする

02.gif

#開始の角度をずらして4つ用意する
03.gif

これをパーティクルのemitter(発生装置)として使うとXmasツリーみたいなエフェクトが作れます!

#完成例
04_1.gif

さらに色をXmasカラーにする

05_1.gif

7
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?