Fork
2
Fav
5
View
4518
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 319 lines
  • HTML 21 lines
  • CSS 22 lines
プログラマブルシェーダー練習の3つ目。

各 Cube に color 変数を設定し、その値を一定間隔ごとに変更しています。


HTML の
 ・Vertex Shader は、入ってきた座標値をそのまま出力しているだけ。
  ( ワールド座標系から表示座標系への変換は行う必要あり。)
 ・Fragment Shader は、Javascript 側から入ってきた color と alpha を設定しているだけ。

色の変更は Javascript 側の Plotter の updateMaterial で行っています。


※ 各 Cube の alpha 値は、updateMaterial の更新部をコメントアウトしているので、
  デフォルト値のまま。

  • Three.js 練習 ~ プログラマブルシェーダーで色変更 ~
  • Three.js r56
  • jQuery v1.9.1
  • Three.js 練習 ~ プログラマブルシェーダーで色変更 ~

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

kazuki_nagasawa

Author

Three.js や Processing.js など、描画系のライブラリで遊んでます。 色々描けるようになりたいにゃ~。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by