前橋工科大学 - データ構造とアルゴリズム 2023
JavaScriptのデータ構造 1 : 変数、定数、配列、配列の操作
この講義で使用する開発環境であるp5.jsは、JavaScriptというプログラミング言語のライブラリです。つまり言語の文法やデータ構造などはJavaScriptに準拠しています。
今回は、JavaScirpt (p5.js) で使用されるデータ構造の基本を学びます。1つの値を格納する定数 (const) と変数 (let) 、複数の値を格納する配列 (Array) 、そして配列の操作といった内容を、p5.jsを用いて形やアニメーションを用いて視覚的に学んでいきます。
スライド資料
本日の課題 :
スライド資料を参考にプログラムを進めると以下のようなスケッチが完成します。
このスケッチを改造して何か1つ以上変化を加えてください。
- 円のサイズ
- 円の色
- 円の数
- アニメーションのスピード
- … etc.
変更を加えたプログラムはOpenProcessingに投稿して、そのURLをオンラインフォームから提出してください。課題の提出はこちらから。