各プログラムにおいて、特に指定が無い限りは入力値が指定された形式であるかどうかをチェックする必要はない（例えば整数型の値を入力させるところでアルファベットを入力された場合など）。 No. 20 割って掛ける 整数値を2つ...

Hello World! と表示するプログラムを作成せよ。 実行例 Hello World! 初めて作るプログラムでは Hello World と表示してみる、というのがプログラミング界でのお約束。最後の改行を忘れずに。...

プログラムは何らかの処理を行い、結果を出力します。 Scratchの場合 Scratchではスクリプトエリアに作成したプログラムが動作すると、ステージエリアに結果が表示されました。 p5.jsの場合 一方、p5.jsでは...

スライダーは最小値と最大値の間の値をスライドバーにより変化させることができる。 スライダーはは以下のように作成する。スライドバーの値はslider.value()で取得できる。 縦のスライダーは以下のように回転して作るこ...

インデントはコードの構造をわかりやすくし、読みやすさや修正のしやすさを向上させます。一連の構造は字下げを行うことで、ブロックとして認識しやすくなり、特にネストが深い場合に処理の流れを視覚的に明確にする役割を果たします。 ...

チェックボックスは複数の項目にチェックを入れるものである。   チェックボックスはは以下のように作成する。trueを指定した項目はチェックが入る。項目がチェックされているかはcheckbox1.checked(...

ラジオボタンは項目の中から１つを選択するものである。 ラジオボタンは以下のように作成する。ラジオボタンのチェックが変化したときの処理を行う関数はchangedメソッドにその関数名を指定する。選択されている項目の内容はra...

GUI（Graphical User Interface）要素は、ユーザーがコンピューターやデバイスと対話するために使用される視覚的なコントロールである。 p5.jsで標準で使えるGUI要素として以下がある。 GUI要素...

マウスがクリックされたとかドラッグされたときのイベント処理を記述できる。 マウスイベントを処理する関数として以下がある。これらの関数内でグローバル変数のmouseXとmouseYを使ってマウス位置を取得することができる。...

忍者のコスチュームを変えながら表示する。 例題 4-8-1 忍者を横に移動する。attack00.png～attack06.pngまでの７つのロボットのコスチュームを0.1秒置きに切り替えて表示する。frameRate(...