スタートページJavascript

数式でお絵かき

~HTML5のCANPAS機能を用いた描画~

これは、「CANVAS(応用編)」に掲げているプログラムのうち、「見栄えの良い?」ものについて紹介し、技術的な記述を削除して操作性を改善(単純に絵が見える)したものです。

「数式」などが苦手な方にご覧いただき、「数式と画像」について興味を持っていただくこと、あるいは、中学・高校生を対象に、このような分野に関心を持っていただくことを目的にしています。


画像をクリックしてください。別ページに詳細が表示されます。

導入
まず簡単なグラフを描く

ちょっと複雑なグラフを

こんな絵も描けます

3次元(立体)のグラフです
本命
こうなると美術の分野?
Mandelbrot集合です

Julia集合です

3次式のJulia集合です

点を細かくするとモアレ
(縞模様)が出現します
応用
理科教育に使える?
ボールの落下

人工衛星

乱数を使うと思いがけ
ない画像が描けます

ゲームも作れます