Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
追記
  • Loading branch information
inaridarkfox4231 authored Oct 27, 2024
1 parent 04d40a3 commit 986b71b
Showing 1 changed file with 24 additions and 6 deletions.
30 changes: 24 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,28 @@ code:[https://inaridarkfox4231.github.io/p5wgex/p5wgex.js](https://inaridarkfox4
すげぇ!
何書けばいいの?
えーと、作成動機
webglの勉強用です。サンプルを作って動かそうと思ってて。でもp5のwebglはできることが少ないしthreeは敷居が高かったので自作することにしました。参考にしたのはh_doxasさんのありがたいサイトと、pavelさんの流体シミュレーションのコードや、その辺ですね。あとp5をハッキングして得た知識などです。
p5と名前がついていますがp5の関数を使っていません。なのでp5を読み込まなくても普通に動きます(threeの関数も使っていません)。せいぜいテクスチャ生成時にp5のグラフィックスオブジェクトを受け取れるくらいですね...これがすごく便利なので。しかしその判定をするのにp5の読み込みを前提としていないので、つまりそういうことです。
リンクとか貼ってる余裕がない(今仕事休憩なので)
webglの勉強用です。サンプルを作って動かそうと思ってて。でもp5のwebglはできることが少ないし、
threeは敷居が高かったので自作することにしました。
参考にしたのはh_doxasさんのありがたいサイトと、pavelさんの流体シミュレーションのコードや、その辺ですね。
あとp5をハッキングして得た知識などです(webglをどのように扱ってるのか気になったので)。
p5と名前がついていますがp5の関数を使っていません。なのでp5を読み込まなくても普通に動きます(threeの関数も使っていません)。
せいぜいテクスチャ生成時にp5のグラフィックスオブジェクトを受け取れるくらいですね...これがすごく便利なので。
しかしその判定をするのにp5の読み込みを前提としていないので、つまりそういうことです。
h_doxasさんのすごく参考になるサイト:[wgld.org](https://wgld.org/)
pavelさんの流体シミュレーション:[WebGL Fluid Simulation](https://github.com/PavelDoGreat/WebGL-Fluid-Simulation)
カメラはこれをちょっとだけ参考にしました:[EasyCam](https://github.com/freshfork/p5.EasyCam)
ほんとにちょっとだけですね...
できること???
通常のwebgl描画、インスタンシング(p5のおもちゃみたいのじゃなくてちゃんとしたもの)、トランスフォームフィードバック、射影テクスチャマッピング、フロートテクスチャ、ポイントスプライト、影などなど
すんなりできるとは言わないです。あんまりインスタントしてしまうと柔軟性がなくなるので、きちんと書かないといけないです。ただある程度楽にはなっています。あとあれですね、glslが書けない人には扱えないです(ごめんなさい)。
使い方?使用方法ね。そのうちね。
通常のwebgl描画、インスタンシング(p5のおもちゃみたいのじゃなくてちゃんとしたもの)、
トランスフォームフィードバック、射影テクスチャマッピング、フロートテクスチャ、ポイントスプライト、
[影などなど](https://openprocessing.org/sketch/2415785)、そこら辺ですね。
すんなりできるとは言わないです。あんまりインスタントしてしまうと柔軟性がなくなるので、きちんと書かないといけないです。
ただある程度楽にはなっています。あとあれですね、glslが書けない人には扱えないです(ごめんなさい)。
使い方?使用方法ね。そのうちね。
サンプルを作ることに終始している感じなので作品とか本格的に作るならThree.jsを使った方がいいです。
一番遊んでるのはcameraControllerの辺り(p5やThreeでorbitControlと呼ばれているもの)...
ここではp5の仕様変更で出来なかったことを存分にやってます(たのしい!!)
あとベクトルは3次元のVec3というのがあります。
軸周りの回転ができます。3次元なので出来て当たり前なんですがp5が導入してないので...

## 使用例

0 comments on commit 986b71b

Please sign in to comment.