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

月: 2019年12月

18:ハロー p5(Hello p5)

2019年12月21日 投稿者: knagai

描画 生成的描画プログラム。 (注:入門的な「ハローp5」カテゴリに含まれてはいますが、内容は上級者向けです) sketch.js // すべてのパス let paths = []; // 今描いているかどうか let […]

続きを読む
カテゴリー: p5.js サンプル解説 | コメントをする

17:高度なデータ(Advanced Data)

2019年12月14日 投稿者: knagai

保存されたJSONの読み込み Bubbleクラスを作成し、JSONファイルからのデータを使って、複数の泡(バブル)をインスタンス化し、結果を画面に表示します。Webブラウザがファイルを保存する場所はブラウザによって異なる […]

続きを読む
カテゴリー: p5.js サンプル解説 | コメントをする

16:入力(Input)

2019年12月13日 投稿者: knagai

時計 現在の時刻は、second()やminute()、hour()関数で読み取ることができます。このサンプルでは、 sin()とcos()値を使って、時計の針の位置を設定しています。 let cx, cy; // 時計 […]

続きを読む
カテゴリー: p5.js サンプル解説 | コメントをする

15:タイポグラフィ(Typography)

2019年12月8日 投稿者: knagai

タイポグラフィ(Typography)とは、Webデザインにおいては、「文字を情報として読みやすく伝えやすく、美しく並べる技術」を言うようです(参考:「伝わるサイトは文字のデザインに理由あり。タイポグラフィの基本」)。 […]

続きを読む
カテゴリー: p5.js サンプル解説 | コメントをする

14:変換(Transform)

2019年12月7日 投稿者: knagai

移動 translate()関数を使用すると、キャンバス内のどこにでもオブジェクトを移動させることができます。1つめのパラメータはX軸のオフセットを設定し、2つめのパラメータはY軸のオフセットを設定します。このサンプルは […]

続きを読む
カテゴリー: p5.js サンプル解説 | コメントをする

13:描画(Drawing)

2019年12月6日 投稿者: knagai

連続線 マウスのクリック&ドラッグで線が描けます。 function setup() { createCanvas(710, 400); background(102); // 線の色は最初白 stroke(‘ […]

続きを読む
カテゴリー: p5.js サンプル解説 | コメントをする

12:モーション (Motion)

2019年12月5日 投稿者: knagai

斜面に対する反射 processing.org/examplesからの、David Blitzによる”Reflection 1“サンプルの移植版。式(R = 2N(N・L)-L)にもとづく。Rは反 […]

続きを読む
カテゴリー: p5.js サンプル解説 | コメントをする

関連記事の検索

このサイトについて

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

検索

2019年12月
月 火 水 木 金 土 日
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
« 11月   1月 »
  • プログラミング はじめの一歩 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