LoginSignup
2
0

More than 3 years have passed since last update.

Three.jsで作る星のカービィ

Last updated at Posted at 2020-03-03

こんにちは.おいしい数学 という高校数学のサイトをやっている平岡です.下の名前が晃なので,ネットだとAKRという略称でやってます.

さて,高校数学の教材を作る上で,立体などの3Dコンテンツに使えるなと思い,Three.jsに少し前から着目しました.Three.jsはJavascriptが使えれば,ics.medeaさんを見れば少し勉強すれば使えるようになると思います.かなり助かってます

すっかり魅了され,Three.jsで何でも表現できるのでは??と思い,急に,例えば星のカービィとか簡単に表現できるのでは??と思い,挑戦することにしました.

本体は球なので,デフォルトで用意されているジオメトリを使えば問題ないのですが,楕円体がどうやって表現するかわからない..

ネット上を探しに探して,情報を組み合わせてやっと表現できたので,以下に挑戦した結果載せます笑

See the Pen zYGdNyP by AKR / 平岡晃 (@akr_trader) on CodePen.

楕円体はParametricGeometryで作ります.楕円体を媒介変数表示するので,高校数学もわからないとですね.

せっかく作ったので,弊サイトには星のカービィに載せました

こちらの本業は予備校講師なので,是非本業の方のすごいカービィが見てみたいです〜

2
0
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
2
0