ライセンスについて解説しているサイトをいくつか調べる。こちらの記事がわかりやすかった。ライセンスと著作権の取り扱いと心得について。クレジットはそのまま表記し、改変した場合は改変部分を書くことにしよう。*/翻訳するとこうある。s:pngを保存sキーで画像を保存もできる?押してみたところ、スクリーンショットやダウンロードフォルダには入らないみたい。strictを宣言すると、コードがstrict(厳格)モードで実行されるようになる。strictモードでは、より的確なエラーチェックが行われる。Qiitaそのあとに3つの関数が設定されている。setup()draw()keyPressed()setup()とdraw()はお馴染みでsetup()はページ読み込み時の処理。draw()は一定時間ごとに常時処理。keyPressed()は初めてみる。noStroke();}関数setup()を設定キャンパスの作成。線の描画なしnoCursor()はp5.jsの関数でカーソルを非表示にする。※参考:https://p5js.org/reference/#/p5/noCursorcolorMode()はその名の通りカラーモード。HSB以外のモードも設定できる。※参考:https://p5js.org/reference/#/p5/colorMode初期状態の色相H360°Cは真っ赤です。色相値の詳細についてはこちら。背景色の色相Hはマウスの縦位置の半分、明度Sは100、彩度Bも100図の色の色相Hは360°Cからマウスの縦位置の半分を引いた数、明度Sは100、彩度Bも100長方形の描画。左からの位置360px、上から位置360px、幅はマウスの位置+1px、高さはマウスの位置+1pxbackground()は背景色の設定。カラーモードは先ほど設定したHSB。※参考:https://p5js.org/reference/#/p5/backgroundfill()は図の色。※参考:https://p5js.org/reference/#/p5/filldescriptionを翻訳すると図形の塗りつぶしに使用する色を設定します。fill(204、102、0)を実行すると、fillコマンドの後に描画されたすべての図形がオレンジ色で塗りつぶされます。この色は、現在のcolorMode()に応じてRGBまたはHSBの色で指定されます。rect()は長方形の描画。色は先ほどのfill()が適用される。※参考:https://p5js.org/reference/#/p5/rect引数の説明の翻訳デフォルトでは、最初の2つのパラメーターは左上隅の位置を設定し、3番目は幅を設定し、4番目は高さを設定しますこれでマウスを動かすごとに背景色と中央の長方形の色相が変わるわけだ。'png');}関数keyPressed()の設定もし「s」または「S」のキーを押したらキャンバスを保存(ファイル名は「時間.png」)keyPressed()もp5.jsの関数にあった。※参考:https://p5js.org/reference/#/p5/keyPressed説明の翻訳keyPressed()関数は、キーが押されるたびに1回呼び出されます。押されたキーのkeyCodeは、keyCode変数に保存されます。※参考:https://p5js.org/reference/#/p5/saveCanvas現在のキャンバスを画像として保存します。ブラウザはファイルをすぐに保存するか、ダイアログウィンドウでユーザーにプロンプトを表示します。[extension])今回は2つのパターン。第1引数にあるtimestamp()はJSの組み込み関数でタイムスタンプ(現在時刻)の取得。STUDIOこれがファイル名になる。gdというオブジェクトのタイムスタンプを取得しているようだが、gdの元の設定はこのコードの中では見受けられない。別の場所を見に行っているのだろうか?あと、sキーを押してもどんな画像がどこにどんなファイル名で保存されているのか、確認ができなかった。P_1_0_01」のコードを読み解きました。第一歩!今のところはまだ書籍を持っていないので公式サイトのリファレンスを調べながらという感じです。それにしてもp5.jsはアウトプットから想像しているよりぐっと少ないコード量で実現できている。シンプルで読みやすい。これを繰り返していくとp5.jsのコードの書き方、勘所が身についていきそうな予感。1.1...p5.jsシリーズの続きです。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。