Processing ControlP5 Sliderコントロール使い方 その3

Processingで使用するライブラリ、ControlP5のSliderコントロールの使い方を2回行いましたが、どちらも横方向に調整できるものでした、今回は、縦方向にに調整できるようにしてみます。

Processing ControlP5 Sliderコントロール使い方 その2

ControlP5のSilder(スライダ)コントロールの使い方の2回目です。

今回は、目盛りのあるSlider コントロールの使い方をマスターします。

Processing ControlP5 Sliderコントロール使い方 その1

今回は、ProcessingでのControlP5のライブラリーにある、Sliderコントロールの使い方を見ていきます。

Processing ControlP5 Buttonコントロール使い方

前回、ProcessingへControlP5を組み込み、Buttonコントロールのサンプルを動かしました。サンプルのスケッチを読みながら、Buttonコントロールの使い方をマスターしたいと思います。

まずは、用意から。

Processing で、ControlP5を使う(環境づくり)

今回は、processingで利用できるGUIライブラリーControlP5を使えるように環境を作ってみます。
ControlP5は、フリーのライブラリーなので、興味のある方は是非試してみて下さい。

ProcessingでのGUIライブラリー

ProcessingからArduinoへの通信を行った際に、ボタンを自作しましたが、ボタン以外にもさまざまなGUIの部品を使いたくなります。

ProcessingからArduinoへ通信2

前回に引き続き、ProcessingからArduinoへの通信の続きです。
前回は、Processing側からArduinoへ送信する処理を作りました。
今回は、Arduino側の受信の処理をマスターします。

ProcessingからArduinoへ通信

前回、Processingのスケッチでは、画面表示の部分を作成しました。OnボタンとOffボタンを制御し、それぞれの処理を行うことができる条件分岐までを作ったわけです。

ProcessingとArduinoを連携させ、信号の送受信を行う方法として、今回はシリアル通信を使います。

Processing ボタンをクリック 2

前回に引き続き、Processingでボタンをクリックするロジックを進めます。

前回、Processingでクリックに反応するところまで作成しました。
今回は、On だけでなく　Off　も作ります。

Processing ボタンをクリック 1

ProcessingとArduinoの連携を行う場合に必要になる、Processingでのボタンをクリックする動作を考えます。

Processing 画像を表示

今回は、Processingを使って画像を表示する方法をマスターします。

Processing マウスの動きを読み取る

少しずつProcessingのスケッチに慣れてきたところで、マウスの動きを読み取るスケッチを取り上げたいと思います。

Processingでは、表示するだけでなく、マウスカーソルの座標やクリック状態を読み取ることが可能です。

Processing 少数を整数へ変換

前回、乱数生成の関数を学びましたが、この関数、実は範囲内の少数を返しています。

Processing 乱数の生成

Processingでの乱数の生成をマスターします。

乱数とは、簡単に言えば、規則性のない、ランダムな数値です。予想できない数値を生成することに意味があるかと思う方もいるかもしれません。予想外の動きを付けたい時など、意外と使用したい用途があるのでマスターして損はありません。

Processing 図形描画の輪郭について

Processingで図形描画をする際には、輪郭と塗りつぶしという２つがあります。

２つの図形描画の結果を見比べ見て下さい。

Proseccing での繰り返し命令 for文

Proseccingスケッチの中で、命令を繰り返し実行したい場合にはfor文を使用します。
Draw()は、全体を繰り返し実行しますが、部分的に命令を繰り返し実行したい場合にはfor文を使用した繰り返しを使用します。

Proseccing での色の指定方法

Proseccingでの色の指定を理解します。
Proseccingでは、色の指定にRGB形式で指定します。

Processing の Setup()とDraw()の違い

Processing の Setup()とDraw()の違い

Processing スケッチでの Setup() と  Draw()の違いを理解します。
そして、フレームという考え方も習得してしまいましょう。

Processingの基本(描いてみる)

前回、環境を準備をしたProcessingの基本から始めます。

Processingをはじめてみました(環境作り)

以前、ご紹介した『Processingをはじめよう (Make: PROJECTS) 』を手に入れたので、さっそく、Processingの環境をつくってみました。