openFrameworks(v0.9.8)Examples一覧

勉強としてoFのexampleを全て実行してしました。
また見直してすぐ分かるように
少しだけメモしていますが
色々間違ってるかもなので
ご指摘頂けると嬉しいです。

#3d
##3DPrimitiveExample
![スクリーンショット 2017-03-29 8.26.53.png](https://qiita-image-store.s3.amazonaws.com/0/136558/4f221792-0d12-9fb4-84c8-8bd9c056f661.png)

基本的な3Dのサンプル。
光の反射具合を調整する ofMaterial
図形を変形するサンプルとしていい感じ


##advanced3DExample
![スクリーンショット 2017-03-30 9.11.40.png](https://qiita-image-store.s3.amazonaws.com/0/136558/d221f685-d8cc-74e5-cc48-f6f80d3da096.png)
カメラの透視投影/平行投影,front,top,left側からのカメラ画面表示のサンプル


##cameraLensOffsetExample
![スクリーンショット 2017-03-30 9.19.23.png](https://qiita-image-store.s3.amazonaws.com/0/136558/4a0b8e3a-e65c-9cd9-f720-6688d2b30ee9.png)
openCVで顔検出→顔の位置に合わせて描画されている四角形が動いたり,カメラ視点を変えてどれくらい動いたかを見ることができる

##cameraParentingExample
![スクリーンショット 2017-03-30 9.25.27.png](https://qiita-image-store.s3.amazonaws.com/0/136558/120c1d54-4aa1-aaab-b5f8-a14d650bfb3a.png)
openFrameworksで3Dを扱いやすくするofNode(ofCameraの親)の使い方が一番詳しく載ってるサンプル
カメラ追尾などができる


##cameraRibbonExample
![スクリーンショット 2017-03-30 18.22.58.png](https://qiita-image-store.s3.amazonaws.com/0/136558/7356078d-9b8a-693e-d3be-3b0058140d5e.png)
マウスの位置から中央に向けてリボン状に線が引かれるサンプル。視点変更もできる。

##easyCamExample
![スクリーンショット 2017-03-30 18.26.31.png](https://qiita-image-store.s3.amazonaws.com/0/136558/1e4043a3-c106-dcdb-a25e-6c72b91c88e5.png)
easycamのサンプル
マウスを動かしてもボックスは常に中央に来るようになっている
##meshFromCamera
![スクリーンショット 2017-03-30 18.29.20.png](https://qiita-image-store.s3.amazonaws.com/0/136558/428f86b0-8d70-dc9a-8080-a0a9a963c442.png)
カメラ画像のピクセル毎の色を取得してメッシュで表示

##modelNoiseExample
![スクリーンショット 2017-03-30 18.53.14.png](https://qiita-image-store.s3.amazonaws.com/0/136558/adbe50c5-16fd-87a7-9815-ffc839717e66.png)

3Dモデルをノイズで変形させるサンプル
ofSignedNoiseというのを利用している

##normalsExample
![スクリーンショット 2017-03-31 10.00.04.png](https://qiita-image-store.s3.amazonaws.com/0/136558/6da7d5ca-c307-6d0e-5325-8f8da38483ad.png)
法線ベクトルのサンプル
(※おそらくメッシュ面への光の当たり方とかを調整できるんだと思いますが勉強し直してから見直そう...)


##ofBoxExample
![スクリーンショット 2017-03-31 10.03.40.png](https://qiita-image-store.s3.amazonaws.com/0/136558/47004cb4-f519-0c11-c141-17f2f2f92cfd.png)
ofSignedNoise,ofNoise,sinfなどでボックスの位置と回転を制御しているサンプル

##ofNodeExample
![スクリーンショット 2017-03-31 10.17.00.png](https://qiita-image-store.s3.amazonaws.com/0/136558/45e2ef0a-4fd3-2a61-fe94-a08200967304.png)
ofNodeを継承するofLight,ofBoxPrimitiveのサンプル

##orientationExample
![スクリーンショット 2017-03-31 10.19.44.png](https://qiita-image-store.s3.amazonaws.com/0/136558/886a92c3-6278-e966-5452-c982341ab4a7.png)
座標を反転させるためのサンプル
(※ofNodeのnormalizeについてもまた追って勉強しよう...)

##pointCloudExample
![スクリーンショット 2017-03-31 11.05.31.png](https://qiita-image-store.s3.amazonaws.com/0/136558/6ce8350e-115b-5f34-e406-1c2da9c6cdb9.png)
画像の数ピクセル毎の色を取得→ofMeshで点を描画

##pointPickerExample
![スクリーンショット 2017-03-31 11.12.01.png](https://qiita-image-store.s3.amazonaws.com/0/136558/5349f072-0e61-b9d9-5498-3accbf052b27.png)
meshの各頂点番号が見れるサンプル

##quaternionArcballExample
![スクリーンショット 2017-03-31 11.29.18.png](https://qiita-image-store.s3.amazonaws.com/0/136558/24cb3ce6-0cf5-6157-f193-d1e2d63c1ea7.png)
マウスでカメラ視点ではなく物体を回転させるサンプル

##quaternionLatLongExample
![スクリーンショット 2017-03-31 11.32.37.png](https://qiita-image-store.s3.amazonaws.com/0/136558/da253802-7eab-e87c-bd6f-d6370991e977.png)
都市名と緯度経度を使用するサンプル
(※これも再勉強する必要あり)

#addons

##3DModelLoaderExample
エラー?

##allAddonsExample
![スクリーンショット 2017-03-31 15.03.11.png](https://qiita-image-store.s3.amazonaws.com/0/136558/ea979a31-7dd0-6f9c-f592-6564e77a4de0.png)
アドオンのチェック用...らしい

##assimpExample
![スクリーンショット 2017-03-31 15.04.44.png](https://qiita-image-store.s3.amazonaws.com/0/136558/49284187-2b84-5c4f-38a4-287a0af53265.png)
3Dデータ&モーションデータの取り扱いに便利なofxAssimpModelLoaderのサンプル

##kinectExample
kinect無いのでテストできず...

##networkTcpClientExample
![スクリーンショット 2017-03-31 15.16.36.png](https://qiita-image-store.s3.amazonaws.com/0/136558/b1872bc0-4207-9a96-5e83-b4b48e314daf.png)
TCP(接続を確認しながら通信する方式)接続する際のクライアント側のサンプル

##networkTcpServerExample
![スクリーンショット 2017-03-31 15.16.39.png](https://qiita-image-store.s3.amazonaws.com/0/136558/8d0fec92-958e-02d2-c630-e125b4f25477.png)
TCP接続する際のサーバー側のサンプル

##networkUdpReceiverExample
![スクリーンショット 2017-03-31 15.24.33.png](https://qiita-image-store.s3.amazonaws.com/0/136558/006f895d-7384-9971-5f1f-cb838994f02a.png)
UDP(接続を確認しない変わりに遅延が少ない)接続する際の受信側のサンプル

##networkUdpSenderExample
![スクリーンショット 2017-03-31 15.24.30.png](https://qiita-image-store.s3.amazonaws.com/0/136558/9eb1ba41-7c17-4c67-a23b-6a2dee4c6b94.png)
UDP接続する際の送信側のサンプル

##opencvExample
![スクリーンショット 2017-03-31 15.28.20.png](https://qiita-image-store.s3.amazonaws.com/0/136558/1e3d1d7c-240c-5da5-1ac7-9949d8c56c07.png)
openCVの差分検出のサンプル

##opencvHaarFinderExample
![スクリーンショット 2017-03-31 15.30.16.png](https://qiita-image-store.s3.amazonaws.com/0/136558/fe293fad-68b1-3f26-746f-73bcfb0a2ec1.png)
openCVのhaar検出(分類)器で顔検出しているサンプル。

##oscChatSystemExample
![スクリーンショット 2017-03-31 15.33.33.png](https://qiita-image-store.s3.amazonaws.com/0/136558/35c92448-0eb1-250c-573f-d2c587e37013.png)
OSCでチャットができるサンプル

##oscReceiveExample
![スクリーンショット 2017-03-31 15.37.33.png](https://qiita-image-store.s3.amazonaws.com/0/136558/1ca7b27c-f361-db9f-045a-8764bf942511.png)
OSC通信の受信側のサンプル

##oscSenderExample
![スクリーンショット 2017-03-31 15.37.25.png](https://qiita-image-store.s3.amazonaws.com/0/136558/1facc482-f191-eab2-745e-ebe8bc291c05.png)
OSC通信の送信側のサンプル

##svgExample
![スクリーンショット 2017-03-31 15.40.08.png](https://qiita-image-store.s3.amazonaws.com/0/136558/80c3e22e-0531-4d07-592c-7170681156d7.png)
ofxSvgのサンプル。クリックするとアウトラインをなぞって線を描画する

##threadedImageLoaderExample
ofxThreadedImageLoaderのサンプル
サンプルコードのURLは[www]を抜かないとerrorでちゃんと表示されない
(※あんまり使い所が分かってないので要勉強)

##vectorGraphicsExample
![スクリーンショット 2017-03-31 16.04.06.png](https://qiita-image-store.s3.amazonaws.com/0/136558/b37e71ab-e679-32f0-4bc6-1860ae2d06d9.png)
ofxVectorGraphicsのサンプル

##xmlSettingsExample
![スクリーンショット 2017-03-31 16.09.42.png](https://qiita-image-store.s3.amazonaws.com/0/136558/d5076a80-3e74-6a2a-d7f6-e34a1fe0723e.png)
ofxXmlSettingsのサンプル。xyをxmlファイルに保存している

#communication

##firmataExample
![スクリーンショット 2017-03-31 16.12.52.png](https://qiita-image-store.s3.amazonaws.com/0/136558/45f90c8c-3847-0660-39de-fbf453f2a973.png)
arduinoの[スケッチの例/Firmata/standardFirmata]を使うことで
簡単にArduinoと連携できるサンプル

##serialExample
![スクリーンショット 2017-03-31 16.18.10.png](https://qiita-image-store.s3.amazonaws.com/0/136558/65655248-d634-64bf-3764-44ad74b42347.png)
シリアル通信を行う際のサンプル

#empty
##emptyExample
![スクリーンショット 2017-03-31 16.19.45.png](https://qiita-image-store.s3.amazonaws.com/0/136558/fba21b3d-922c-0d47-2a54-0e52306f0948.png)
その名の通り,基本的な空ファイル。raspberryPiなどはprpjectGeneratorを使わずこれをコピペして新規ファイルを作成する。

#events
ofEventsについても要勉強
##advancedEventsExample
![スクリーンショット 2017-03-31 18.35.23.png](https://qiita-image-store.s3.amazonaws.com/0/136558/0fb69ca1-dcf9-7597-6010-6f3c25fcc11f.png)


##customEventExample
![スクリーンショット 2017-03-31 18.38.10.png](https://qiita-image-store.s3.amazonaws.com/0/136558/cf936663-158c-f2c3-acac-f424e8d6c52c.png)
当たり判定のサンプル

##eventsExample
![スクリーンショット 2017-03-31 18.39.40.png](https://qiita-image-store.s3.amazonaws.com/0/136558/177af7db-ea7e-c366-8d29-df002d415feb.png)
マウス&キー入力のサンプル

##multiWindowExample
![スクリーンショット 2017-03-31 18.52.25.png](https://qiita-image-store.s3.amazonaws.com/0/136558/2f67bfef-ac22-484e-1ba6-ffab6b95daf0.png)
マルチウィンドウのサンプル
shared_ptr(※要勉強)で別ウインドウの値を参照する
main.cppの変更点がポイント

##multiWindowOneAppExample
![スクリーンショット 2017-03-31 19.00.25.png](https://qiita-image-store.s3.amazonaws.com/0/136558/daec3044-bced-b3be-caa3-e6b23dd781f2.png)
上のサンプルと見た目的には変わりないが
GUI描画を別クラスにしていたのがofApp.cppに纏められている。main.cppで関数呼び出し。


##simpleEventsExample
![スクリーンショット 2017-03-31 19.05.00.png](https://qiita-image-store.s3.amazonaws.com/0/136558/c83c9dcc-2fb1-fd73-e83a-ce9d4ad4091c.png)

##simpleTimer
![スクリーンショット 2017-03-31 19.07.51.png](https://qiita-image-store.s3.amazonaws.com/0/136558/3cac43d2-4369-acb7-bdd2-13281348c4d4.png)
ランダムに終了時間を設定して,その時間を掛けてゲージが満タンになるサンプル
ofMessageっていうのを使われてたり...

#gl
シェーダーも勉強しないと...
##alphaMaskingShaderExample
![スクリーンショット 2017-04-01 9.42.03.png](https://qiita-image-store.s3.amazonaws.com/0/136558/d252312d-4fb4-e6ac-f25a-0d8f25120759.png)
ofShaderとfboを使用した,なぞった所が透明になるサンプル

##areaLightExample
![スクリーンショット 2017-04-01 9.47.19.png](https://qiita-image-store.s3.amazonaws.com/0/136558/33bae136-b6ce-7cac-c031-996997af8103.png)
ofMaterialとofLightのサンプル

##billboardExample
![スクリーンショット 2017-04-01 9.51.23.png](https://qiita-image-store.s3.amazonaws.com/0/136558/88624a0f-4ba8-b8c9-be86-1215b685a5d6.png)
ビルボード(3D空間上で,2Dオブジェクトの位置・向きが変わってもテクスチャを活用して立体的に見せることらしい,今調べたんですがご教示ください...)

##billboardRotationExample
![スクリーンショット 2017-04-01 10.06.44.png](https://qiita-image-store.s3.amazonaws.com/0/136558/ddb6022c-3286-b0eb-7d91-3d7709ff9d9c.png)
ほこりっぽい

##fboTrailsExample
![スクリーンショット 2017-04-01 10.12.47.png](https://qiita-image-store.s3.amazonaws.com/0/136558/2a8822b3-4709-73fc-e8b6-0863f386ec4d.png)
fbo(画面外にラスタ画像を保存しといて使うときだけ呼んで軽くできるらしい。色・深度情報を格納できるらしい,※要勉強)のサンプル

##geometryShaderExample
![スクリーンショット 2017-04-01 10.22.04.png](https://qiita-image-store.s3.amazonaws.com/0/136558/f43293dd-346c-b6ab-07cf-9a0b8fd419c3.png)
シェーダーを使った立体的な描画と線描画のサンプル

##glInfoExample
![スクリーンショット 2017-04-01 10.35.22.png](https://qiita-image-store.s3.amazonaws.com/0/136558/4297785d-838c-3222-33ef-451a36a92e71.png)

##gpuParticleSystemExample
![スクリーンショット 2017-04-01 10.41.59.png](https://qiita-image-store.s3.amazonaws.com/0/136558/2032101b-5fa8-d22a-0488-5e6aaa01596e.png)

##multiLightExample
![スクリーンショット 2017-04-01 10.42.48.png](https://qiita-image-store.s3.amazonaws.com/0/136558/c9d1d036-ccc6-db51-d073-37c70e5c3a55.png)

##multiTextureShaderExample
![スクリーンショット 2017-04-01 10.44.50.png](https://qiita-image-store.s3.amazonaws.com/0/136558/85483fef-41ff-d78f-c600-bbbc635c337b.png)

##pixelBufferExample
![スクリーンショット 2017-04-01 10.46.21.png](https://qiita-image-store.s3.amazonaws.com/0/136558/af288dd0-cad3-0758-b39f-df19e86a689b.png)

##pointsAsTextures
![スクリーンショット 2017-04-01 10.47.35.png](https://qiita-image-store.s3.amazonaws.com/0/136558/1dceec0d-0c34-23e6-7855-eb66f626fa9b.png)

##shaderExample
![スクリーンショット 2017-04-01 10.49.05.png](https://qiita-image-store.s3.amazonaws.com/0/136558/54165304-ec08-07ab-b400-23efd8c99862.png)

##singleLightExample
![スクリーンショット 2017-04-01 11.01.35.png](https://qiita-image-store.s3.amazonaws.com/0/136558/c33283d8-0f0e-a447-4350-49991bb82a4d.png)

##slowFastRendering
![スクリーンショット 2017-04-01 11.03.36.png](https://qiita-image-store.s3.amazonaws.com/0/136558/a26b4a20-5730-dbec-e273-eb4ccc9eedd1.png)

##textureBufferInstancedExample
![スクリーンショット 2017-04-01 11.04.42.png](https://qiita-image-store.s3.amazonaws.com/0/136558/a998de86-27b3-f7dc-b01f-f5b16c02a765.png)

##textureExample
![スクリーンショット 2017-04-01 11.05.43.png](https://qiita-image-store.s3.amazonaws.com/0/136558/b7b0a904-f6a8-dfa2-be35-d42c42c568b8.png)

##textureScreengrabExample
![スクリーンショット 2017-04-01 11.06.51.png](https://qiita-image-store.s3.amazonaws.com/0/136558/f31de628-50e2-540e-dc01-ecc6cc21e73b.png)

##threadedPixelBufferExample
![スクリーンショット 2017-04-01 11.07.50.png](https://qiita-image-store.s3.amazonaws.com/0/136558/d9e184b4-f929-4603-a863-3b3818e8fae6.png)

##vboExample
![スクリーンショット 2017-04-01 11.09.01.png](https://qiita-image-store.s3.amazonaws.com/0/136558/94c93c25-5d99-840b-f60a-296d3e81db41.png)

##vboMeshDrawInstancedExample
![スクリーンショット 2017-04-01 11.10.10.png](https://qiita-image-store.s3.amazonaws.com/0/136558/00dd0e93-c1d0-7eae-8be5-f74a63d93ee9.png)

##viewportExample
![スクリーンショット 2017-04-01 11.11.06.png](https://qiita-image-store.s3.amazonaws.com/0/136558/c241aa06-48bf-a29c-a59e-1d0717be01c4.png)

#graphics
##blendingExample
![スクリーンショット 2017-04-01 13.02.43.png](https://qiita-image-store.s3.amazonaws.com/0/136558/53f482fc-3ec8-c8a5-2abc-c1086eacb620.png)
ofBlendmodeのALPHA・ADD・MULTYPLY・SUBSTRUCTのサンプル

##color
![スクリーンショット 2017-04-01 13.07.12.png](https://qiita-image-store.s3.amazonaws.com/0/136558/8b552b76-b11f-6c96-6ad8-5f7b6d5628df.png)
ofColorのサンプル

##colorsExtended
![スクリーンショット 2017-04-01 13.09.49.png](https://qiita-image-store.s3.amazonaws.com/0/136558/03a24ee1-6e5f-9f46-7d55-3655f62a1d7f.png)
連想配列。それぞれの要素の順に並べ替える

##floatingPointImageExample
![スクリーンショット 2017-04-01 13.21.52.png](https://qiita-image-store.s3.amazonaws.com/0/136558/ad752ca1-f324-54d2-49e3-eb45f20b736d.png)

##fontsExample
![スクリーンショット 2017-04-01 13.28.21.png](https://qiita-image-store.s3.amazonaws.com/0/136558/7afd8cd0-c0cc-2461-f6dc-42a5dc93768e.png)
ofTrueTypeFontのサンプル

##fontShapesExample
![スクリーンショット 2017-04-01 13.30.04.png](https://qiita-image-store.s3.amazonaws.com/0/136558/363c5864-22c0-1ecf-ca66-b74336bb9082.png)
アウトラインを取得しofVertexで描画するサンプル

##graphicsExample
![スクリーンショット 2017-04-01 13.32.40.png](https://qiita-image-store.s3.amazonaws.com/0/136558/cb750989-a890-534b-db64-143b5a5d5cb7.png)
グラフィック描画のサンプル。アンチエイリアシングと非アンチエイリアシングの比較

##imageCompressionExample
![スクリーンショット 2017-04-01 13.36.01.png](https://qiita-image-store.s3.amazonaws.com/0/136558/d51254b5-8641-c3bf-9764-2d7798658de6.png)
グリッチをかけるサンプル

##imageLoaderExample
![スクリーンショット 2017-04-01 13.39.43.png](https://qiita-image-store.s3.amazonaws.com/0/136558/c195e818-9fd6-b7bd-2600-a5dd8d72b0ee.png)
画像読み込み・描画のサンプル

##imageLoaderWebExample
![スクリーンショット 2017-04-01 13.44.39.png](https://qiita-image-store.s3.amazonaws.com/0/136558/8324249f-0d12-1519-a500-b7b0e6301d29.png)
web経由でurlを指定して画像を読み込むサンプル

##imageSaverExample
![スクリーンショット 2017-04-01 13.47.58.png](https://qiita-image-store.s3.amazonaws.com/0/136558/8db17710-3109-ac0f-cd5e-6bb4100a051d.png)
イメージ保存のサンプル

##imageSequenceExample
![スクリーンショット 2017-04-01 13.50.07.png](https://qiita-image-store.s3.amazonaws.com/0/136558/9446efc3-c143-9271-9eb8-ce6c09affca4.png)
パラパラ漫画風サンプル

##imageSubsectionExample
![スクリーンショット 2017-04-01 13.52.16.png](https://qiita-image-store.s3.amazonaws.com/0/136558/dbc9c467-1b6f-acd6-4507-000849cba082.png)
ofImage.drawSubsection()のサンプル

##lutFilterExample
![スクリーンショット 2017-04-01 13.55.37.png](https://qiita-image-store.s3.amazonaws.com/0/136558/60ea9d5f-2e2a-d39d-19b0-d12e43866c63.png)
LUTという方法を使った画像フィルターのサンプル

##pdfExample
![スクリーンショット 2017-04-01 13.59.48.png](https://qiita-image-store.s3.amazonaws.com/0/136558/24ebf798-cb84-7f0c-7e6c-25b9dc56a6ad.png)
pdf保存のサンプル

##polygonExample
![スクリーンショット 2017-04-01 14.03.42.png](https://qiita-image-store.s3.amazonaws.com/0/136558/105546c2-f028-4dfe-70e5-1f15ad26be74.png)
ofVertexでの幾何描画サンプル

##polygonExample
![スクリーンショット 2017-04-01 14.05.38.png](https://qiita-image-store.s3.amazonaws.com/0/136558/9de82576-3c64-6d6d-4eef-4c6339cb3cc5.png)
openCVの差分検出した範囲にblobをpolylineで描画する

##rectangleAlignmentAndScaling
![スクリーンショット 2017-04-01 14.11.22.png](https://qiita-image-store.s3.amazonaws.com/0/136558/893a8c52-d2d1-c85d-62c6-5c7ee0d34d8a.png)

##simpleColorKey
![スクリーンショット 2017-04-01 14.12.04.png](https://qiita-image-store.s3.amazonaws.com/0/136558/b7cb57f6-ef6e-fa26-09a0-f39dd2c9841c.png)
キー抜きのサンプル

#gui
##guiExample
![スクリーンショット 2017-04-01 14.14.07.png](https://qiita-image-store.s3.amazonaws.com/0/136558/108511cd-9aed-6eaf-f0bd-deaa1cfe664f.png)
基本的なofxGUIのサンプル

##guiFromParametersExample
![スクリーンショット 2017-04-01 14.15.55.png](https://qiita-image-store.s3.amazonaws.com/0/136558/72b3b1a6-1482-b620-0406-8e296ddbd30d.png)
ofParameterを使った場合の基本的なGUIサンプル。上のとどういう使い分けなんだろう...

##oscParametersReceiver
![スクリーンショット 2017-04-01 14.23.56.png](https://qiita-image-store.s3.amazonaws.com/0/136558/5dd45424-e031-4194-4805-20a62d645030.png)
GUIで操作した値をosc通信できるサンプル。受信側

##oscParametersSender
![スクリーンショット 2017-04-01 14.23.56.png](https://qiita-image-store.s3.amazonaws.com/0/136558/e7db3dcb-af0a-cb29-60b8-95dffa1ec6bf.png)
送信側

##parameterEdgeCasesExample
![スクリーンショット 2017-04-01 14.30.38.png](https://qiita-image-store.s3.amazonaws.com/0/136558/63df4ba7-734c-c7c5-b5ca-f0cd6b9a4c53.png)
????

##parameterEdgeCasesExample
![スクリーンショット 2017-04-01 14.32.06.png](https://qiita-image-store.s3.amazonaws.com/0/136558/772b88c9-cad4-2bc0-dd80-693848481bcb.png)
GUIをグループ分けする時のサンプル

#math
##noise1dExample
![スクリーンショット 2017-04-01 14.36.23.png](https://qiita-image-store.s3.amazonaws.com/0/136558/0602c694-6004-13db-81de-8bc7614be58e.png)
ofSignedNoiseのサンプル

##noise1dOctaveExample
![スクリーンショット 2017-04-01 14.42.29.png](https://qiita-image-store.s3.amazonaws.com/0/136558/fce8c51c-a82f-0418-870c-41d8ee11bf38.png)
合成

##noiseField2dExample
![スクリーンショット 2017-04-01 14.43.50.png](https://qiita-image-store.s3.amazonaws.com/0/136558/df29975a-7462-36a8-4e82-e3ada9854bbc.png)
ベクトル場(?)のサンプル

##particlesExample
![スクリーンショット 2017-04-01 14.46.31.png](https://qiita-image-store.s3.amazonaws.com/0/136558/660bb816-bc31-dd49-b526-3432424c223d.png)
パーティクルのサンプル。マウスに寄ってきたり,とある点に集合したり。跳ね返ったり

##periodicSignalsExample
![スクリーンショット 2017-04-01 14.50.12.png](https://qiita-image-store.s3.amazonaws.com/0/136558/b73e7c2d-5411-a76e-a320-638d7890dae9.png)
サイン波やノイズの比較ができるサンプル

##trigonometricMotionExample
![スクリーンショット 2017-04-01 14.52.53.png](https://qiita-image-store.s3.amazonaws.com/0/136558/9eeba953-9072-c5f2-ee66-f0145809766a.png)

##trigonometryExample
![スクリーンショット 2017-04-01 14.54.54.png](https://qiita-image-store.s3.amazonaws.com/0/136558/e6222353-cb3c-3e64-0471-bed12a6faa9e.png)

##vectorMathExample
![スクリーンショット 2017-04-01 14.56.37.png](https://qiita-image-store.s3.amazonaws.com/0/136558/335bcbcc-8bd0-0023-abf7-79b2eb82fb47.png)

#shader
##01_simpleColorQuad
![スクリーンショット 2017-04-02 14.01.06.png](https://qiita-image-store.s3.amazonaws.com/0/136558/7e508e6b-5a38-1e8e-0978-4c8d823548ff.png)

##02_simpleVertexDisplacement
![スクリーンショット 2017-04-02 14.02.26.png](https://qiita-image-store.s3.amazonaws.com/0/136558/81f5e7a8-ba9c-49a2-6b1c-9082c213e04b.png)

##03_simpleShaderInteraction
![スクリーンショット 2017-04-02 14.03.32.png](https://qiita-image-store.s3.amazonaws.com/0/136558/a0c41e5d-1ace-1b1b-33dc-9ee8daf64c8c.png)
マウスの位置あたりがふくらむ

##04_simpleTexturing
![スクリーンショット 2017-04-02 14.05.11.png](https://qiita-image-store.s3.amazonaws.com/0/136558/b56352ce-63c4-bdee-2c5a-6bbf4b2b88d1.png)

##05_alphaMasking
![スクリーンショット 2017-04-02 14.06.28.png](https://qiita-image-store.s3.amazonaws.com/0/136558/2062f5a8-44eb-6a91-6fd7-2cf4aa106505.png)

##06_multiTexture
![スクリーンショット 2017-04-02 14.07.23.png](https://qiita-image-store.s3.amazonaws.com/0/136558/81217a8e-04c8-f7c5-6c02-d083f23fe579.png)

##07_fboAlphaMask
![スクリーンショット 2017-04-02 14.09.08.png](https://qiita-image-store.s3.amazonaws.com/0/136558/325506da-797f-f108-cc0a-5f714f310b30.png)

##08_displacementMap
エラー

##09_gaussianBlurFilter
![スクリーンショット 2017-04-02 14.17.39.png](https://qiita-image-store.s3.amazonaws.com/0/136558/8f858b9f-fb97-74ca-d5db-2d5f209390a8.png)

#sound
##audioInputExample
![スクリーンショット 2017-04-02 16.26.10.png](https://qiita-image-store.s3.amazonaws.com/0/136558/5d61133e-7ba3-42c9-bff6-413f7d054b7a.png)

##audioOutputExample
![スクリーンショット 2017-04-02 16.28.13.png](https://qiita-image-store.s3.amazonaws.com/0/136558/b01a5fa4-ba8b-725e-9de9-8a0c92c28e30.png)

##soundBufferExample
![スクリーンショット 2017-04-02 16.29.30.png](https://qiita-image-store.s3.amazonaws.com/0/136558/116da294-abb5-bb62-a079-4f408b11357c.png)
mutex...?

##soundPlayerExample
![スクリーンショット 2017-04-02 16.36.53.png](https://qiita-image-store.s3.amazonaws.com/0/136558/86492ddf-ee1a-fdbe-0d57-1341239a9c84.png)

##soundPlayerFFTExample
![スクリーンショット 2017-04-02 16.45.47.png](https://qiita-image-store.s3.amazonaws.com/0/136558/e73abd59-95c6-bace-360e-3bfe04d415f8.png)

#utils
##clipboardExample
![スクリーンショット 2017-04-02 14.19.29.png](https://qiita-image-store.s3.amazonaws.com/0/136558/0e177edb-1f54-5e11-b8c5-32041acf3b0a.png)
ofGetWindowPtr()->setClipboardStringでコピー
ofGetWindowPtr()->setClipboardStringでペースト

##conversionExample
![スクリーンショット 2017-04-02 14.24.18.png](https://qiita-image-store.s3.amazonaws.com/0/136558/566b2765-0a0a-fa92-19f7-4e02d77f5fe0.png)
型変換してコンソール表示するサンプル

##dirListExample
![スクリーンショット 2017-04-02 14.54.30.png](https://qiita-image-store.s3.amazonaws.com/0/136558/1cb898de-7c0e-de16-b5ac-759a93e5b0ed.png)
ofDirectoryのサンプル

##dragDropExample
![スクリーンショット 2017-04-02 15.01.03.png](https://qiita-image-store.s3.amazonaws.com/0/136558/77abaec0-ddd5-09c9-5897-72a0a3a595ab.png)
ドラッグ&ドロップした画像を表示するサンプル

##fileBufferLoadingCSVExample
![スクリーンショット 2017-04-02 15.04.10.png](https://qiita-image-store.s3.amazonaws.com/0/136558/1620aacf-01b9-6c70-3891-4c8f792e13b0.png)
csvファイルを読み込むサンプル。モールス信号

##fileOpenSaveDialogExample
![スクリーンショット 2017-04-02 15.22.09.png](https://qiita-image-store.s3.amazonaws.com/0/136558/18e46dfb-9132-4686-e43d-214694002195.png)
ファイルを開く・保存のダイアログ表示

##loadTextFileExample
![スクリーンショット 2017-04-02 15.29.08.png](https://qiita-image-store.s3.amazonaws.com/0/136558/d22f94de-2428-7618-3151-f4f078114e23.png)
ofBufferに格納したテキストデータを活用するサンプル

##loggingExample
![スクリーンショット 2017-04-02 15.38.53.png](https://qiita-image-store.s3.amazonaws.com/0/136558/e70d0455-b840-7c18-23ad-6e3faeac46e3.png)
OF_LOG_VERBOSEとOF_LOG_NOTICE,OF_LOG_FATAL_ERRORのサンプル

##regularExpressionExample
![スクリーンショット 2017-04-02 15.47.21.png](https://qiita-image-store.s3.amazonaws.com/0/136558/eb330861-913f-2f56-b188-40d86f007374.png)

##sortingExample
![スクリーンショット 2017-04-02 15.49.17.png](https://qiita-image-store.s3.amazonaws.com/0/136558/d00e2441-f2af-c2a7-f387-6c8f4795de95.png)
ofSortのサンプル

##systemSpeakExample
![スクリーンショット 2017-04-02 15.50.59.png](https://qiita-image-store.s3.amazonaws.com/0/136558/906fd126-5ac1-2f66-c4d1-45598d427e6d.png)
文字読み上げのサンプル

##threadChannelExample
![スクリーンショット 2017-04-02 15.54.50.png](https://qiita-image-store.s3.amazonaws.com/0/136558/91ec82a2-32ba-85fb-021b-846265734acd.png)

##threadExample
![スクリーンショット 2017-04-02 16.00.12.png](https://qiita-image-store.s3.amazonaws.com/0/136558/55c2cba7-24ea-cbb4-6d6b-8ac37b2f3d41.png)

##windowExample
![スクリーンショット 2017-04-02 16.03.05.png](https://qiita-image-store.s3.amazonaws.com/0/136558/bf70f72f-ce2e-a778-db24-ab015c8277e3.png)
ウインドウが動くサンプル

##xmlExample
![スクリーンショット 2017-04-02 16.08.26.png](https://qiita-image-store.s3.amazonaws.com/0/136558/893f3c5e-661f-02b6-b486-0102749c3b3f.png)

#video
##asciiVideo
![スクリーンショット 2017-04-02 16.10.21.png](https://qiita-image-store.s3.amazonaws.com/0/136558/7c0fcbc4-8dd9-8eac-a1a9-ddf48d04e51e.png)
数ピクセル毎のgetLightness()に応じたアスキーアート風カメラエフェクト

##osxVideoRecorderExample
エラー...

##videoGrabberExample
![スクリーンショット 2017-04-02 16.19.45.png](https://qiita-image-store.s3.amazonaws.com/0/136558/f78d8ea3-d5fa-d3cb-62ba-4ec10b068a57.png)

##videoPlayerExample
![スクリーンショット 2017-04-02 16.20.59.png](https://qiita-image-store.s3.amazonaws.com/0/136558/6a1ec890-633a-9961-43d9-297fb4860b18.png)