大学入試問題座標変換01 📖

座標変換をイメージする。（マウス操作が必要です）

プログラム: (→大)
フラグはオフ ペンサイズ＝1 ペン色＝1 円サイズ＝ペンサイズ ペンサイズに線太さ設定 メガネ＝1 画面作成 # ラベル作成 消すボタンは「画面消去」のボタン作成 消すボタンをクリックした時には 　画面作成 ここまで # マウスイベントの設定 描画中キャンバスをマウス押した時には 　　フラグはオン ここまで 描画中キャンバスをマウス離した時には 　　フラグはオフ ここまで 描画中キャンバスをマウス移動した時には 　　もし、フラグがオフならば、戻る。 　　座標Ｘ＝（マウスX-100）÷50 　　座標Ｙ＝（300-マウスY）÷50 　　もし、（座標Ｘ＜0）または（座標Ｘ＞4）または（座標Ｙ＜0）または（座標Ｙ＞4）ならば 　　　　 緑色に塗色設定 　　　　　　緑色に線色設定 　　違えば 　　　　 赤色に塗色設定 　　　　　　赤色に線色設定 　　ここまで 　　マウスP＝（座標Ｘ＋座標Ｙ）×30＋500 　　マウスQ＝300-（座標Ｘ×座標Ｙ）×15 　　[マウスX,マウスY]に円サイズの円描画 　　[マウスP,マウスQ]に円サイズの円描画 ここまで # タッチイベントの設定 描画中キャンバスをタッチした時には 　　座標Ｘ＝（タッチX-100）÷50 　　座標Ｙ＝（300-タッチY）÷50 　　もし、（座標Ｘ＜0）または（座標Ｘ＞4）または（座標Ｙ＜0）または（座標Ｙ＞4）ならば 　　　　 緑色に塗色設定 　　　　　　緑色に線色設定 　　違えば 　　　　 赤色に塗色設定 　　　　　　赤色に線色設定 　　ここまで 　　マウスP＝（座標Ｘ＋座標Ｙ）×30＋500 　　マウスQ＝300-（座標Ｘ×座標Ｙ）×15 　　[タッチX,タッチY]に円サイズの円描画 　　[マウスP,マウスQ]に円サイズの円描画 ここまで ●画面作成 　　「rgba(255,255,255,1.00)」に塗り色設定 　　黒色に線色設定 　　[0,0,800,400]に四角描画 　　「rgba(50,200,200,.30)」に塗り色設定 　　[0,0,800,400]に四角描画 　　黒色に塗り色設定 　　黒色に線色設定 　　[400,0]から[400,400]まで線描画 　　「rgba(80,80,160,.70)」に線色設定 　　[0,300]から[400,300]まで線描画 　　[100,0]から[100,400]まで線描画 　　[400,300]から[800,300]まで線描画 　　[500,0]から[500,400]まで線描画 　　「rgba(200,100,200,.70)」に線色設定 　　[300,0]から[300,400]まで線描画 　　[0,100]から[400,100]まで線描画 　　「rgba(80,160,80,.70)」に線色設定 　　[740,0]から[740,400]まで線描画 　　[400,60]から[800,60]まで線描画 　　「rgba(150,0,200,.80)」に塗り色設定 　　24に描画フォント設定 　　[150,350]へ「2023年名古屋大学入試問題」を文字描画 　　[150,380]へ「理系１番を理解するためのアプリ」を文字描画 　　黒色に線色設定 　　黒色に塗色設定 　　「italic bold 30pt serif」に描画フォント設定 　　[70,340]へ「0」を文字描画 　　[270,340]へ「4」を文字描画 　　[70,140]へ「4」を文字描画 　　[470,340]へ「0」を文字描画 　　[710,340]へ「8」を文字描画 　　[450,100]へ「16」を文字描画 　　「40px serif」に描画フォント設定 　　[260,50]へ「(x,y) → (x+y,xy)」を文字描画 　　ペン色＝1 ここまで