大学入試問題座標変換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
ここまで

実行結果

保存

プログラムを保存

表示ページ

直前に実行または一時保存した内容を復元

実行環境

なでしこバージョン

素材

画像・音声・データ

ログインすると素材をアップロードできます。

🍯 プログラム貯蔵庫

プログラム

プログラムを保存

なでしこバージョン

画像・音声・データ