p5.jsは、画像を表示することができます。画像などのデータは、予めpreload()内で読み込みます。その後、setup()やdraw()内で処理します。preload()内では、画像の他に音楽や動画、モデリングデータ、JSONデータなどが読み込めます。 画像の読み込みと表示:p…

数多くあるAdobe製品の中から主要なものについて、簡単にご紹介します。中には似たものもあるので、その違いについても書きます。私自身は、PhotoshopとIllustrator、Dreamweaverの3つしか使ったことがありません。他のアプリケーションにも興味があるので、…

「カメラの軌道制御」と「デバッグモード」の方法について書きます。カメラを操作できるようになると様々な方向から3D空間を見ることができます。モデルを配置して、様々な方向から見てみると面白いです。デバッグモードは、開発中に表示位置や方向を確認す…

円を追いかける円のアニメーションについて書きます。まずは、小さなプログラムから作っていきます。次に円の数を増やして、配列の扱い方を見ていきます。おまけとして、プログラムをオブジェクト指向的な書き方に書き換えてみます。 作成手順 マウスを追い…

GUIで操作した値を書き出す方法をご紹介します。値を書き出しておくと、後で必要になったときに便利です。また、書き出した値を扱いやすいように、JSON形式に変換しておきます。なお、この記事はドットインストールというプログラミング学習サービスの内容を…

ボタンを追加し、クリックで値を変更できるようにしていきます。ボタンの追加とボタンがクリックされたときの処理を書きます。なお、この記事はドットインストールというプログラミング学習サービスの内容を参考にしています。 ボタンの追加:addButton() ま…

入力項目がたくさん増えると分かりにくくなります。そのため、入力項目をフォルダ毎に分けて、グループ分けします。視覚的に分かりやすくなるように、区切り線も使います。なお、この記事はドットインストールというプログラミング学習サービスの内容を参考…

チェックボックスを追加して、立体の回転を操作していきます。チェックボックスの「オン」と「オフ」で、回転するしないを操作します。なお、この記事はドットインストールというプログラミング学習サービスの内容を参考にしています。 真偽値(true or false…

色の値を「数値」と「カラーピッカー」で入力できるようにします。今回は、背景色を変更することで、色の調整方法を見ていきます。なお、この記事はドットインストールというプログラミング学習サービスの内容を参考にしています。 色の調整 まとめ 参考サイ…