Thanks to visit codestin.com
Credit goes to github.com

Skip to content

motoshifurugen/dxlab_p5js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

p5.js Web エディター( https://editor.p5js.org/ )を利用


■ スケッチ 1

  • 描画に利用する 2 つの関数
    • setup()
      • プログラムの起動時に一度だけ実行される関数
      • アニメーションの前準備など、いわゆる初期設定をここで行う
    • draw() - プログラムが終了するまで繰り返し実行される関数 - 1 秒間に 60 回描画される - 図形の場所や色、形を操作してアニメーションにする

  • p5.js で用意された便利な関数
プレビュー

Image_sketch_1


■ スケッチ 2

  • p5.js で利用できる入力情報
プレビュー

Image_sketch_2


■ スケッチ 3

  • JavaScript
    • let:変数を定義
プレビュー

Image_sketch_3


■ スケッチ 4

  • p5.js で利用できる入力情報
    • fill():塗りつぶす色を指定
  • JavaScript
    • filter():配列から要素を抽出
プレビュー

Image_sketch_4


■ スケッチ 5

プレビュー

Image_sketch_5

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published