【重要】サービス終了のお知らせ

Forked from: cx20's GLSL ray marching を試してみるテスト(その4) View Diff (7)

Fork
1
Fav
0
View
1258
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 219 lines
  • HTML 77 lines
  • CSS 16 lines
GLSL ray marching の球体をモノトーンにしてみるテスト

<変更前>
gl_FragColor = vec4(normal, 1.0); // 衝突なら法線ベクトルを色として出力

<変更後>
float diff = clamp(dot(lightDir, normal), 0.1, 1.0);
vec3 color = vec3(1.0, 1.0, 1.0) * diff; // 衝突なら平行光源でライティング
gl_FragColor = vec4(color, 1.0);


<参考>
■ simple ray marching
http://jsdo.it/h_doxas/8z5W

■ WebGL: 平行光源によるライティング - wgld.org
http://wgld.org/d/webgl/w021.html
  • GLSL ray marching の球体をモノトーンにしてみるテスト
  • GLSL ray marching の球体をモノトーンにしてみるテスト

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

Forked

sort by