Forked from: cx20's Babylon.js でリサージュ図形を描いてみるテスト View Diff (19)

Fork
1
Fav
4
View
2088
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 53 lines
  • HTML 5 lines
  • CSS 12 lines
Babylon.js で3次元リサージュ図形を描いてみるテスト

<対応した点>
・パラメータを変えることで様々な図形を描くよう対応
 設定例)
 x = sin(ω1t + α)
 y = sin(ω2t + β)
 z = sin(ω3t + γ)

・リサージュ図形の回転は、BABYLON.ArcRotateCamera() でなく、オブジェクト自体を回転することで対応。
 試したところ、ArcRotateCamera で X 軸回転を 3.14 以上に設定できないことが判明(upperBetaLimit = Math.PI が設定されている)
 恐らく、カメラの可動範囲として制限が入っているのではないかと思われる。

<参考>
■ リサジュー曲線によるスクリーンセーバーの作成
http://www.math.ryukoku.ac.jp/~tsutomu/undergraduate/2005/05yuki.pdf

■ [簡易版] WebGL で3次元リサージュ図形を描いてみるテスト
http://jsdo.it/cx20/yoSK

■ 03 Position, Rotation & Scaling · BabylonJS_Babylon.js Wiki
https://github.com/BabylonJS/Babylon.js/wiki/03---Position,-Rotation-&-Scaling

■ 05 Cameras · BabylonJS_Babylon.js Wiki
https://github.com/BabylonJS/Babylon.js/wiki/05-Cameras

■ Babylon.js でドット絵を回転するテスト
http://jsdo.it/cx20/5gwF
  • Babylon.js で3次元リサージュ図形を描いてみるテスト
  • Babylon.js で3次元リサージュ図形を描いてみるテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。

■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935

■ glTF 対応ライブラリのサンプル一覧 https://github.com/cx20/gltf-test

■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js

■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by