JavaScriptで簡易的な月齢の計算及び月の満ち欠け表示を作成してみました。 動作デモ 日時及び平均朔望月からおおよその月齢を出し、月齢に応じた満ち欠けをcanvasを使用して描画しています。 満ち欠けの状態に応じた形をその都度描いているわけではなく、新月(暗 真円)、上弦及び下弦(明 半円)、リサイズ用真円(明暗切替)の3枚を重ね合わせて、CSSで反転や変形させることで表現しています。 言葉では伝わりにくいかと思いますが、こちらの満ち欠けテストページで適当に操作していただければ分かりやすいかもしれません。 <!DOCTYPE html> <html lang='ja'> <head> <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1"> <meta charset='u