コンテンツへスキップ
HIM.CO ヒム・カンパニー

日: 2019年2月8日

2_6:p5.js カラーの設定

2019年2月8日 投稿者: knagai

シェイプの線と塗りの色 シェイプの線と塗りの色は、stroke()関数とfill()関数で設定できます。次のサンプルでは、stroke()にもfill()にも0から255までの数値を1つだけ渡しているので、グレーの濃さの […]

続きを読む
カテゴリー: p5.js スピード 入門 | コメントをする

2_5:p5.js シェイプの属性の設定

2019年2月8日 投稿者: knagai

描画するシェイプ(形状)の属性は専用の関数で設定できます。 ストロークの太さ デフォルトでは、ストローク(線や円、四角形などの枠線)の幅は1ピクセルですが、これはstrokeWeight()関数で変更できます。 func […]

続きを読む
カテゴリー: p5.js スピード 入門 | コメントをする

2_4:p5.js 楕円(円)、円弧を描く。度とラジアンの扱い。

2019年2月8日 投稿者: knagai

楕円(円) 矩形の(x, y)座標は矩形の左上隅を設定しますが、楕円の(x, y)座標は楕円の中心を設定します。次のサンプルでは、大きな楕円はキャンバスのサイズを超えていますが、p5.jsはエラーを発生させることなく、そ […]

続きを読む
カテゴリー: p5.js スピード 入門 | コメントをする

2_3:p5.js 線、四角形、三角形、長方形を描く

2019年2月8日 投稿者: knagai

p5.jsには、基本的なシェイプ(形状)を描く関数が定義されているので、三角形や四角形などを簡単に描画することができます。また線を描いてつなぎ合わせる方法で、複雑な形状を作ることもできます。 線 function set […]

続きを読む
カテゴリー: p5.js スピード 入門 | コメントをする

関連記事の検索

このサイトについて

p5.jsなどについて調べたことを書いています。。

検索

2019年2月
月 火 水 木 金 土 日
 123
45678910
11121314151617
18192021222324
25262728  
« 1月   3月 »
  • プログラミング はじめの一歩 JavaScript + p5.js 編
  • もっと優しい機械学習 ml5.js JavaScript
  • P5.js サンプル解説
  • p5.js WebGL入門
  • p5.js スピード 入門
  • p5.play を探る
  • Creative Coding (クリエイティブ コーディング)
  • p5.sound.js サウンド
  • p5.js 経路探索 pathfinding
  • TensorFlow.js 入門
  • Web アニメーション API 入門
  • Web アニメーション (CSS Animations, CSS Transitions, Web Animations API)
  • Web Animations API Web アニメーション (CSS Animations, CSS Transitions, Web Animations API)
  • 2021年7月
  • 2021年6月
  • 2021年5月
  • 2021年4月
  • 2021年3月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年8月
  • 2020年7月
  • 2020年4月
  • 2020年1月
  • 2019年12月
  • 2019年11月
  • 2019年10月
  • 2019年9月
  • 2019年8月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • ホームページ
  • 会社概要
  • ブログ
  • お問い合わせ
© 2023 HIM.CO ヒム・カンパニー · Powered by WordPress · Theme: responsive-kubrick by freebiescafe.com