Forked from: gaziya's 距離関数のスキル 06(raymarching) View Diff (49)

距離関数のスキル 07(raymarching)

gaziya

License: MIT License

Fork
1
Fav
1
View
836
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 32 lines
  • HTML 100 lines
  • CSS 6 lines
バンプのスキルを使ったモデル。
これはバンプでも、距離関数に下駄を履かせるのじゃなくて、事前に空間を歪めておくタイプ。
どちらかというと地形生成に近いかも?
smoothstep()とかガウシアンを利用してます。

ここに昔書いた奴が置いてあります。こっちの方には他のパターンもあります。
https://www.shadertoy.com/view/XtXGD7

これは当時スキルが無くても、頑張って無理やり作品ぽく仕上げた奴。
https://www.shadertoy.com/view/4lsGD7

似たところで
https://www.shadertoy.com/view/Mts3D8

余談:
以前、おっぱいの方程式が出回った。
https://twitter.com/shimomathsigma/status/133126982220263425
これを分解して、色々試していたら、ガウス関数がベースにある事に気付いた。
これは、面白いと、この理屈でメッシュを作ってた時期がある。
ふと思い、そのスキルを距離関数に持ち込んだら、上手くいった。
このスキルと似たところがあるけどvertex shaderでモデルを作っている奴。
http://jsdo.it/gaziya/p8g8
このスキルと似たところがあるので参考になるかも?
このメッシュの作り方あれこれは、このページのリンクから行けるブログに書いてあります。
  • 距離関数のスキル 07(raymarching)
  • 距離関数のスキル 07(raymarching)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Favorite by

Forked

sort by