Forked from: cx20's [簡易版] WebGL で小惑星をプロットしてみるテスト View Diff (646)

Fork
3
Fav
1
View
978
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 1032 lines
  • HTML 50 lines
  • CSS 11 lines
[簡易版] WebGL で小惑星に光を当ててみるテスト
※ 初期化処理やエラー処理を省いた簡易版のコードになります。ご注意ください。

<対応した点>
・小惑星をポリゴンで構成するよう対応(gl.POINTS→gl.TRIANGLES)
・法線を頂点座標から算出するよう対応(GLSL レイマーチングの distance 関数を参考)
・光を当てるよう対応

<対応できていない点>
・内容を理解せず適当にコードを組み合わせているので、誤っているかも知れません。

<参考>
■ WebGL 平行光源によるライティング - wgld.org
http://wgld.org/d/webgl/w021.html

■ GLSL 法線の算出と簡単なライティング - wgld.org
http://wgld.org/d/glsl/g010.html

■ mqo.three.js でメタセコイアのデータを表示してみるテスト(その2)
http://jsdo.it/cx20/q3bb

■ Hayabusa Project Science Data Archive JAXA
http://darts.isas.jaxa.jp/planet/project/hayabusa/shape_ja.pl
  • [簡易版] WebGL で小惑星に光を当ててみるテスト
  • [簡易版] WebGL で小惑星に光を当ててみるテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

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

最近は CodePen にも投稿してたりします。 http://codepen.io/cx20/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by