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

日: 2019年2月16日

5_4:連結アーム p5.js JavaScript

2019年2月16日 投稿者: knagai

translate()とrotate()とline()の組み合わせを3回行って、3つの線が互いにつながった連結アームのようにアニメーションするサンプルです。 次のリンクをクリックすると、実際の動作が確認できます。[連結ア […]

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

5_3:移動(translate)と回転(rotate) p5.js JavaScript

2019年2月16日 投稿者: knagai

translate()とrotate()関数を組み合わせて使用すると、描画物に対する制御力が高まります。そのとき重要なのが、これらを呼び出す順番です。座標システムを移動してから回転させるのと、座標システムを回転させてから […]

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

5_2:回転(rotate) p5.js JavaScript

2019年2月16日 投稿者: knagai

rotate()関数は座標システムを回転させます。引数には角度(ラジアン単位)を取り、(0, 0)に対しての、つまり原点を中心とした回転を作成します。 // 赤の矩形 fill(255, 0, 0); rect(20, […]

続きを読む
カテゴリー: 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