使用技術

JavaScript

使用技術「JavaScript」に関連する掲載(4件)。

教育リソース

earth(地球の風・気象・海況マップ)

世界の風、気温、海流、波などの気象データを、ブラウザ上の地球儀に流れる線として表示する可視化サイト。投影法や表示する層を切り替えられる。ベクトル場を無数の粒子の流れで描く手法は、数学のベクトル場の表現にもそのまま応用できる。

  • データビジュアライゼーション

チャンネル・アカウント

The Coding Train

p5.js などを使ったクリエイティブコーディングのチャンネル。「コーディングチャレンジ」では、フラクタルや素数の螺旋、物理シミュレーションなど、数学や自然現象を題材にした小さな作品をゼロから組み立てる様子を見られる。The Nature of Code と同じ作者による。

  • ジェネラティブアート
  • アルゴリズム
  • シミュレーション

制作ツール

p5.js

Processingの考え方をWebブラウザに持ち込んだJavaScriptライブラリ。アーティストやデザイナー、教育者、初学者が使いやすいことを重視しており、リファレンスと作例が充実している。

  • ジェネラティブアート
  • インタラクティブ技術
  • データビジュアライゼーション

教育リソース

The Nature of Code

Daniel Shiffmanによる、プログラミングで自然界のシステムをシミュレーションする方法を解説した書籍。物理、粒子、自律エージェント、セル・オートマトン、フラクタル、遺伝的アルゴリズムなどをp5.jsで学べ、Webで無料公開されている。

  • シミュレーション
  • 成長と模様の形成
  • フラクタル