サムネイル表示した３枚の写真をクリックすると、その写真が大きく表示される。 ■マウスイベント処理 マウスがクリックされるとmousePressed関数が呼び出される。マウスクリックした位置は予約変数のmouseX,mou...

16×16のドットイメージで漢字のフォントを作る。 例題2-11-1 16×16のドットイメージで「漢」のフォントを作る。 コード 結果 練習問題2-11-1 位置と文字サイズを指定出来るように変更しなさい。なお、位置は...

コンピュータゲームの草分けである「スペースインベーダー」は、タイトーが1978年に発表した。それから約半世紀が経過した現在、コンピュータゲームは多岐にわたるジャンルが存在している。ニンテンドーやソニーのゲーム機が普及し、...

人間が考える通常の論理的思考とプログラミング的思考が異なる場合がある。その典型例が再帰 である。 再帰的(recursive:リカーシブ)な構造とは、自分自身(n 次)を定義するのに、自分自身より 1 次低い部分集合(n...

パスカルの著書「パンセ」の中にある有名な一節に「人間は自然のうちで最も弱い一本の葦にすぎない、しかしそれは考える葦である」というのがある。 コンピュータは同じ仕事を正確にしかも高速に繰り返すことは得意であるが、今のところ...

データサイエンスとはインターネットに蓄積されるビックデータをAIを使って分析し活用する学問分野である。新しい学習指導要領では、小学校、中学校、高校を通して「データの分析」や「データの活用」を行うデータサイエンス教育の必要...

GUI（Graphical User Interface）要素は、ユーザーがコンピューターやデバイスと対話するために使用される視覚的なコントロールである。JavaScriptでは一般にDOM(Document Objec...

p5.jsではイメージの処理を簡単に行うことができる。 ■イメージのアップロードimgフォルダ（名前は任意）を作成し、イメージファイルをアップロードしておく。 ■イメージのロードと表示次の手順でイメージのロードと表示を行...

アニメーションはp5.jsの最も得意な分野の一つである。この章で取り上げる内容は大きく分けると以下の３種類である。 イメージ処理 以下の３段階でイメージ処理を行う。 アニメーション アニメーションを行うための基本的な機能...

sin関数を使ってリサジュー曲線を描く。 例題 3-6-1 リサジュー曲線は、波ＡをオシロスコープのＸ軸に、波ＢをＹ軸に入れたときに出来る図形でもある。オシロスコープは電気信号（電圧変動）の時間的変化を観測するための装置...