Forked from: cx20's [WebGL] d3.js を使って作品を並べてみるテスト View Diff (415)

Fork
2
Fav
0
View
2269
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 104 lines
  • HTML 375 lines
  • CSS 51 lines
[GLSL] d3.js を使ってサンプルを並べてみるテスト

GLSL 関連のサンプル(約60個)を並べてみました。
一部、重いシェーダが含まれているのでご注意ください。

<使い方>
・サムネイルをクリックするとサンプルが背景に表示されます。

<対応した点>
・Force Layout(力学モデルでグラフ描画するレイアウト)にて描画するよう対応
・サンプルを iframe を使って背景に表示するよう対応

<表示対象の作品一覧>
■ GLSL で画像にフィルタをかけてみるテスト - Fork tree
http://jsdo.it/cx20/3yw3/tree

<参考>
■ Shadertoy BETA
https://www.shadertoy.com/
■ GLSL Sandbox Gallery
http://glslsandbox.com/
■ Filters〜世界一面白いカメラフィルターが、ここから生まれる。〜
http://filters.kayac.com

<関連>
■ d3.js ネットワーク(Force Layout)
http://jsdo.it/_shimizu/9nUr
■ [WebGL] d3.js を使って作品を並べてみるテスト
http://jsdo.it/cx20/1000
  • [GLSL] d3.js を使ってサンプルを並べてみるテスト
  • [GLSL] d3.js を使ってサンプルを並べてみるテスト

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

Forked

sort by