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

日: 2019年2月24日

8_4:関数でロボットを作成する p5.js JavaScript

2019年2月24日 投稿者: knagai

次のサンプルでは、関数を使って、4つの異なる形状をしたロボットを同じプログラム内で作成しています。draw()内にdrawRobot()関数が4回現れるので、drawRobot()のブロックが4回実行され、関数にはそのた […]

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

8_3:値を返す p5.js JavaScript

2019年2月24日 投稿者: knagai

関数は、計算した結果の値をメインのプログラムに返すことができます。これまでに使用してきたrandom()やsin()はこのタイプの関数です。このタイプの関数を使うときには、返される値(戻り値)を変数に割り当てます。 le […]

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

8_2:関数の作成 p5.js JavaScript

2019年2月24日 投稿者: knagai

本稿では、フクロウの描画を通して、関数の作成に必要な手順を見ていきます。 フクロウの描画 フクロウを描画するコードの例です。 function setup() { createCanvas(480, 120); } fu […]

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

8_1:関数の基本 p5.js JavaScript

2019年2月24日 投稿者: knagai

コンピュータはプログラムのコードを1行ずつ実行します。関数を実行するときには、関数が定義されている場所にジャンプしてそこに書かれているコードを実行し、終わったらジャンプした元の場所に戻ってそこから実行をつづけます。 fu […]

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

8:関数 p5.js JavaScript

2019年2月24日 投稿者: knagai

p5.jsプログラムにとって関数は欠かせない基本要素で、これまで見てきたどのプログラムでも使用しています。たとえばcreateCanvas()やline()、fill()などは頻繁に使用しています。以降では、新しい関数を […]

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