自作ツール

公開アプリ

ツール

  1. アメリカ株の財務諸表
    • (作成中)


  2. 世界の主要取引所の株価表示
    • 世界の主要取引所の株価を表示します。
    • 日本株はAPIが銘柄一覧取得に対応していないため、表示処理を見送りました。日本株版を別途作るかもしれません。
    • しばらく使わないとアプリのインスタンスがスリープするため、一回目はしばらく待たされるかもしれません。
  3. stockprice

  4. オンライン地図
    • 様々なオンラインの地図を切り替えて表示します。
    • 随時更新予定。
  5. webmap001
    webmap002

  6. 年別の人口グラフ
    • 選択された国と年の予想人口をグラフに表示します
    • 予想人口のデータは国連のものを使用しています
  7. population-by-year

  8. 年齢別の人口グラフ
    • 選択された国と年齢の予想人口をグラフに表示します
    • 予想人口のデータは国連のものを使用しています
  9. population-by-age

  10. ロスコジェネレータ
    • マーク・ロスコ風の絵を描画します
    • クリックすると絵が変わります
    • 今は色がべた塗りですが、将来は色々なテクスチャを表現したいです
  11. Rothko-generator

  12. HSB色見本
    • HSBカラーモデルが分かりにくかったため、直感的に理解できるものを作りました
  13. hsb-color-palette


p5.js でお絵描き

  1. マトリックスレイン
    【リンクが機能しない場合】

    https://www.fukakuutsukushikiasia.com/dannoura/ap01/p5js/020/main.html


    • クリックすると再描画します
  2. 020

  3. フラクタル:コッホ曲線
  4. 022

  5. 標準偏差シミュレーション
    • クリックするとグラフの描画が一時停止します
  6. 019

  7. サトクリフN角形(回転)
  8. 018

  9. サトクリフ五角形(回転無し)
  10. 025

  11. サトクリフ五角形(静止)
  12. 024

  13. 回転するフラクタルな枝
  14. 017

  15. セルの平均化
    • [普及版]ジェネラティブ・アート―Processingによる実践ガイド を参考に作成しました。
      本書はJavaで書かれていますが、JavaScriptに書き直しています。
    • マウスの軌跡に沿ってセルの色を白にします。
    • 各セルは以下のルールに従っています
    • 1.もし隣接するセルの状態の平均が0(黒)であるなら状態は255(白)に
      2.そうでなければ、新しい状態=現在の状態+隣接セルの状態の平均-前の状態の値
      3.もし新しい状態が255を超えたら255にし、もし新しい状態が0以下ならそれを0にする
      ※セルの状態は周りのセルの平均値となるため、すぐに均一の状態になってしまいます。そのため、ルール1でそうならないようにしています。
       自セルを周りのセルの平均とするだけで、水の波紋のような動きを作る出せるのが面白いと思いました。
  16. 016

  17. ヴィシュニアク・ヴォート
    • [普及版]ジェネラティブ・アート―Processingによる実践ガイド を参考に作成しました。
      本書はJavaで書かれていますが、JavaScriptに書き直しています。
    • クリックすると再描画します。
    • ルールは以下の通りです。
    • ・自セルの色が周りのセルに対し多数派であればそれは変化しない。
      ・少数派なら変化する。
    • 特徴
    • ・簡単に言えば、同調圧力のシミュレーションです。
      ・始めはバラバラだった点が徐々に周りのセルに影響され、セクターを作る姿が観察できます。
      ・個性的な資質が周りに影響されそれを失い、村社会が形成される様を見ているようでちょっと怖いです。
  18. 026

  19. ブライアンの脳
    • [普及版]ジェネラティブ・アート―Processingによる実践ガイド を参考に作成しました。
      本書はJavaで書かれていますが、JavaScriptに書き直しています。
    • クリックするとリセットされます
    • ルールは以下の通りです。
    • ・もし状態が発火なら、次の状態は休息。
      ・もし状態が休息なら、次の状態はオフ。
      ・もし状態がオフで、2個の隣接セルが今まさに発火していれば、そのセルは発火する。
    • 特徴
    • ・脳のニューロンのように、セルが「発火」→「休息」→「オフ」を繰り返します。
      ・セルの発火が交じり合い新しい発火を発生させる動きをみると、一見関係のないアイデアが新たなアイデアを生み出す様を見るようで面白いです。
  20. 027

  21. ゲーム・オブ・ライフ
  22. 015

  23. 重なる円
    • クリックすると円が増えます
  24. 014

  25. 回転するワイヤーのボール
  26. 013


  27. 012

  28. 回転するゆがんだ円
  29. 011

  30. Wave Line
    • クリックすると線の色が変ります
  31. 009

  32. 飛び回るネオンの輪
  33. 008

  34. 回転する2つの四角
  35. 007

  36. 回る円
  37. 006

  38. 丸を敷き詰める
    • クリックすると敷き詰められた丸の色が変ります
  39. 005

  40. HSBカラーの四角
    • 中央の四角と背景が、HSBの色相(Hue)で180度対角線上の色になっています
  41. 004

  42. 線で描く円
  43. 003

  44. カラーパレット
    002


  45. マウスの軌跡に沿って丸を描く
    • マウスの移動スピードで丸の大きさが変化します
    • クリックすると背景色が変ります
  46. 001