Works

コスモス畑

・マウスで視点を移動できます。 ・行列計算に minMatrixb.js を使用しています。   https://wgld.org/d/library/l002.html   http://jsdo.it/h_doxas/minMatrixb002 (2016/11/12) WebGLの初期化処理を外部化。

  • 515
  • 9

ゆらめき2

・マウスで視点を移動できます。 ・行列計算に minMatrixb.js を使用しています。   https://wgld.org/d/library/l002.html   http://jsdo.it/h_doxas/minMatrixb002 【前回からの主な変更点】 ・被写界深度っぽい効果を追加   ピクセルごとの深度をアルファチャンネルに書き出して、その値からぼかし具合を決める ・パーティクルの形状をランダムに変更

  • 742
  • 7

金魚

それとなく群れる動きを作っていたら面白い動きになった。 Chrome 53.0, Firefox 47.0で確認。 ES6を選択してありますが、最新版のChrome, FirefoxならES6コンパイルしなくても動きます。

  • 526
  • 4

かざぐるま

動作確認: Chrome 51.0, Firefox 47.0, IE 11.494

  • 721
  • 7

木漏れ日

重いです。Chrome推奨

  • 2120
  • 17

星空の世界

  • 4894
  • 34

にょんっ

  • 1771
  • 7

光の粒

Chrome推奨

  • 8746
  • 78

にじみ模様2

フラクタルノイズで生成した巨大な一枚絵。 座標が合えばリロードしても常に同じ模様になります。 ドラッグで移動できます。また、左上の座標に直接入力できます。 Firefox推奨。 --- 【前回からの主な変更点】 ・Web Workerを使って高速化 ・慣性スクロール実装 ・スクロール時と静止時でキャンバスサイズを動的変更 ・ディティールを調整 ぬるっとスクロールできるようになった。

  • 1421
  • 10

クリックでCanvasのサイズを変更できます。(等倍/画面サイズに合わせる)

  • 1338
  • 1

サイバーっぽいの

画面クリックで模様が変わります。 現在の模様の番号がコンソールに出力されます。

  • 3720
  • 17

  • 1688
  • 2

クルクルパネル

画面をクリックするとファイル選択できます。 画像ファイルを選択すると、パネルが置き換わります。 最大12枚まで選択できます。

  • 2261
  • 6

竜巻

マウスで視点を移動できます。 画面をクリックするとファイル選択できます。画像ファイルを開くとそれを元にして生成します。 参考: 頂点テクスチャフェッチ(VTF) https://wgld.org/d/webgl/w071.html --- ・minMatrixb.js を使用しています。 https://wgld.org/d/library/l002.html http://jsdo.it/h_doxas/minMatrixb002

  • 1164
  • 8

浮遊

  • 1820
  • 6

  • 853
  • 1

Skills

Hot tags

Categories

HTML / CSS / JavaScript