2021,02,04</br>
<h2>【icrus.orgトップページの動画風canvasについて】（覚え書きメモ）</h2>
</br>
先生からWebトップページのAdobe Flashが動かなくなったので，対処してほしい旨，依頼がったので調べてみたところ，Adobe Flashシステムサポート自体が終息しているようなので何か代替案を考えることにした．</br>
</br>
これまでのトップページのデモンストレーションは，Adobe Flashを使った，「卵が割れて，ひなが生まれて・・・オペアンプ回路PWMディジタルアンプが出現して・・・」のような簡単なアニメーションだった．ずっと以前,卒業生川岸君と作ったような薄っすらとした記憶がある．</br>
</br>
何か，動くようなデモンストレーションを作ることにして調べたところ，Adobe Flashに代わるものとしてHTML5というキーワードができたが，それにJavascriptも含まれるようなので，これまでに，enchant.jsとかやったことがあったのでそれにしようと思い，簡単に決まった．</br>
</br>
google先生に「javascript グラフィクス pset」できいたところ，3番目に</br>
【2.1. 点を描く】</br>
https://qiita.com/nakaken0629/items/fdb3738968c236714b66　「2.1. 点を描く」</br>
が出てきた．</br>
</br>
【フレームバッファをHTML5のCanvasで実現】</br>
https://www.google.com/search?q=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%90%E3%83%83%E3%83%95%E3%82%A1%E3%82%92HTML5%E3%81%AECanvas%E3%81%A7%E5%AE%9F%E7%8F%BE&oq=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%90%E3%83%83%E3%83%95%E3%82%A1%E3%82%92HTML5%E3%81%AECanvas%E3%81%A7%E5%AE%9F%E7%8F%BE&aqs=chrome..69i57.1886j0j7&sourceid=chrome&ie=UTF-8</br>
とも思ったが，それをやらなくても，psetでできそうだ．</br>
</br>
何をやろうかと考えたが，前々から興味があった，「星表（恒星DB）から何か表示する」ことに決定した．</br>
</br>
星表はこちら</br>
ヒッパルコス星表というのがあるらしい．</br>
【ヒッパルコス星表のデータを取得する】</br>
http://coelostat.hatenablog.com/entry/2016/02/16/223337</br>
のページを参考にして辿っていくと</br>
</br>
</br>
（１）【天文データアーカイブセンター】</br>
http://dbc.nao.ac.jp/index.html.ja.euc</br>
（２）【天文カタログ，学会誌論文中の表データ，関連情報】 </br>
http://dbc.nao.ac.jp/cjads_J.html</br>
（３）【カタログ一覧】</br>
http://dbc.nao.ac.jp/c_index.html</br>
（４）【Astrometric Catalogues】</br>
http://dbc.nao.ac.jp/prt1.html</br>
</br>
</br>
</br>
【/DBC/NASAADC/catalogs/1/1239/ のインデックス】</br>
ftp://dbc.nao.ac.jp/DBC/NASAADC/catalogs/1/1239/</br>
生データにたどり着いた</br>
hip_main.dat.gz	14.1 MB</br>
がメインのデータらしい．</br>
これをダウンロードすると星表データが得られた．解凍後の</br>
【hip_main.dat】</br>
は，行ごとに1恒星，項目は"｜"(ワキボウセン？)で区切られているて56MBのデータとなる．</br>
</br>
↓【1番データと2番データ】</br>
H|           1| |00 00 00.22|+01 05 20.4| 9.10| |H|000.00091185|+01.08901332| |   3.54|   -5.20|   -1.88|  1.32|  0.74|  1.39|  1.36|  0.81| 0.32|-0.07|-0.11|-0.24| 0.09|-0.01| 0.10|-0.01| 0.01| 0.34|  0| 0.74|     1| 9.643|0.020| 9.130|0.019| | 0.482|0.025|T|0.55|0.03|L| | 9.2043|0.0020|0.017| 87| | 9.17| 9.24|       | | | |          | |  | 1| | | |  |   |       |     |     |    |S| | |224700|B+00 5077 |          |          |0.66|F5          |S </br>
H|           2| |00 00 00.91|-19 29 55.8| 9.27| |G|000.00379737|-19.49883745|+|  21.90|  181.21|   -0.93|  1.28|  0.70|  3.10|  1.74|  0.92| 0.12|-0.14|-0.24|-0.29| 0.01| 0.21|-0.02|-0.19|-0.28| 0.14|  2| 1.45|     2|10.519|0.033| 9.378|0.021| | 0.999|0.002|G|1.04|0.00|I| | 9.4017|0.0017|0.015|120| | 9.37| 9.44|       |C| | |          | |  | 1|O| | |  |   |       |     |     |    | | | |224690|B-20 6688 |          |          |1.04|K3V         |4 </br>
</br>
【HEASARC Browse: Search of STAR CATALOG Catalog(s)】</br>
https://heasarc.gsfc.nasa.gov/cgi-bin/W3Browse/w3query.pl?&tablehead=name%3Dheasarc_hipparcos%26description%3DHipparcos+Main+Catalog%26url%3Dhttp%3A%2F%2Fheasarc.gsfc.nasa.gov%2FW3Browse%2Fstar-catalog%2Fhipparcos.html%26archive%3D%26radius%3D1%26mission%3DSTAR%2BCATALOG%26priority%3D3&mission=STAR+CATALOG&Action=More+Options&Action=Parameter+Search&ConeAdd=1</br>
↑ここで，必要なデータのみを抽出できるらしいが私は使っていない．</br>
</br>
【HIPPARCOS - Hipparcos Main Catalog】</br>
https://heasarc.gsfc.nasa.gov/W3Browse/all/hipparcos.html#name</br>
データ項目説明</br>
H0〜H77 まで78項目ある．</br>
とりあえず必要なのは</br>
【明るさ】</br>
H5　　Vmag　　Vmag      /Magnitude in Johnson V</br>
【赤経】</br>
H8　　RAdeg　　RA_Deg    /RA in degrees (ICRS, Epoch-J1991.25)</br>
【赤緯】</br>
H9　　DEdeg　　Dec_Deg   /Dec in degrees (ICRS, Epoch-J1991.25)</br>
【色】</br>
H37　　B-V　　BV_Color  /Johnson BV colour</br>
H40　　V-I　　VI_Color  /Colour index in Cousins' system</br>
まだ色については理解していないので使えてない．</br>
でも明るさ，位置x，位置yがあれば，何とかなりそう．</br>
</br>
【hip_main.js】</br>
pythonプログラムを作ってデータを理解しながら抽出したものを</br>
json的に並べて*.jsファイルを作った．すべて数値データ．約1MB，恒星数 25,688個．</br>
これを取り込むと星表データを自由に使える．</br>
</br>
【mysky.js】</br>
北極の星空を表示する．javascriptプログラム．</br>
</br>
【*.html】</br>
（１）*.htmlでhip_main.js，mysky.jsを組込み，</br>
<pre>
&lt;script type="text/javascript" src="hip_main.js" >&lt;/script>
&lt;script type="text/javascript" src="mysky.js" >&lt;/script>
</pre> 
</br>
</br>
（２）bodyタグ内に次の2行を記入すると活動を開始する．</br>
<pre>
&lt;canvas id=c"mySky" width="500" height="500" style="background-color:black;"/>
&lt;script language="javascript" type="text/javascript">clock0()&lt;/script>
</pre>
ポイントは id="mySky"と幅，高さを500にすること．body内からscriptのclock0()を起動すること．</br>
</br>
以上，http://icrus.orgトップページの動画風canvasの説明でした．（sさとう）</br>
</br>
</br>
【予備・ヒント】</br>
【JVO Portal の使い方 国立天文台　天文データセンター 白崎裕治. - ppt download.html】</br>
https://slidesplayer.net/slide/11180239/</br>
【ヒッパルコス星表.html】</br>
http://astronomy.webcrow.jp/hip/</br>
【ヒッパルコス星表 - Wikipedia.html】</br>
https://ja.wikipedia.org/wiki/%E3%83%92%E3%83%83%E3%83%91%E3%83%AB%E3%82%B3%E3%82%B9%E6%98%9F%E8%A1%A8</br>
【ヒッパルコス星表で太陽近傍恒星のHR図を描こう.html】</br>
http://uenosato.net/hr_diagram/hrdiagram1.html</br>
【色指数 _ 天文学辞典.html】</br>
https://astro-dic.jp/color-index/</br>
【B-V色指数 - Google 検索.html　画像】</br>
https://www.google.com/search?q=B-V%E8%89%B2%E6%8C%87%E6%95%B0&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjCpfzMkdLuAhVYxIsBHTW0DcoQ_AUoAXoECAoQAw&biw=1244&bih=726#imgrc=9gGoWJ0ArFRuDM</br>
【B-V色指数 - Google 検索.html】</br>
https://www.google.com/search?q=B-V%E8%89%B2%E6%8C%87%E6%95%B0&oq=B-V%E8%89%B2%E6%8C%87%E6%95%B0&aqs=chrome..69i57.1547j0j7&sourceid=chrome&ie=UTF-8</br>
【】</br>
</br>
【】</br>
</br>
【】</br>
</br>
【】</br>
</br>