Help us understand the problem. What is going on with this article?

Cinderがすごい話

More than 3 years have passed since last update.

はじめに

この記事は先日Flying Tokyo #19に参加した際にCinderに触発されたopenFrameworksを使っている大学生の書いた記事です。
すごいよCinder!!

Flying Tokyo #19について

スクリーンショット 2016-05-16 23.27.38.png

詳細(sensorsの記事)
詳細(CBCNETの記事)

Cinderについて

Cinderとは、画像、音声、動画等を簡単に処理&可視化できる、主にビジュアルデザイン向けの強力なC++ライブラリであり、The Barbarian GroupのAndrew Bell氏が中心となってオープンソースとして開発が進められています。
同様の思想を持つProcessingやopenFrameworksによく似ており、C++で簡単に記述できるうえ、Windows、MacOSX、iOS(iPhone/iPad)といった複数のプラットフォームをカバーしています。
https://research.preferred.jp/2010/11/cinder-intro/より引用

openFrameworksとの違いについて

ビジュアルデザイン向けの強力なC++ライブラリという点でかなり両者は似ています。私もCinderを始めたばかりなので、詳しいことはわかっていませんが、Simonさんの話を参考にさせてもらうと
そもそもProcessingやopenFrameworksはアーティスト、デザイナー、そして学生にコーディングを教えるためにつくらたもので、CinderはというとBarbarian Group(米国のインタラクティブマーケティング企業)の内製ライブラリとして誕生し、プログラマがプログラマのために作ったものである。そのためCinderはアーティスティックでクリエイティブなツールをその中心に置きながらも、モダンで標準的なC++言語の作法を尊重するという特長を持っているらしい。
確かに今回のワークショップでも、ある程度C++11やテンプレートに関する知識、const correctnessとか、Smart Pointerとか知識あるの前提みたいな感じだったので、oFより敷居は高いかもしれません。
しかしながら、setup(),update(),draw()があるよとか、openFrameworksをやっていれば役立つ知識はかなり多いです!

Cinderのすごいとこ!(Flying Tokyo #19で感じた点)

  1. Runtime Compileのblock(oFでいうとこのaddon)があるのでライブコーディングできちゃう!(Cinder-Runtime)
  2. ファイルなど(画像ファイル、ソースファイルなど)に変更があった場合の監視ができ、イベントを受け取れる(oFでも多分できるけど、CinderはWatchDogでサポートしてくれている)
  3. イベントはgetWindow()->getSignal~~みたいなので大体受け取れてイベント駆動っぽいのも書きやすい。
  4. Windowの指定が簡単、複数台ディスプレイとかがあってもどこに何を出すかとかの設定がとてもしやすい。
  5. オブジェクト指向のライブラリ設計アプローチ。例えば四角形を描画するときoFではofDrawRectangle( x, y, w, h )と書いていたけど、xとか何入れてるかよくわからない、、、対してCinderはgl::drawSolidRect( Rectf( x1, y1, x2, y2 ))のように書く。(最近ではoFでもそのような書き方もサポートされたが、)
  6. Batchというのを使うと、Gpuをうまく使える!oF以上にパフォーマンスあげるのがライブラリのおかげで楽な面が多い。
  7. geomのサポートが熱く、3Dモデルとかなくても簡単な地形など作れる!(Teapod/Sphere/Cylinder/WireCapsuleなどのSourceが一行で呼び出して使える+Perlin Noise,Twist,Transformなどでの変形)(oFでも3Dモデルなくても作れたりするけど、transformとかあった??かな??)

などなど...

参考

Workshopの際に講師のSimonさんが準備してくださったレポジトリTeiichi Otaさんが翻訳を加え、私が多少修正、コメントを加えたものです。READMEが超充実してるので、参考にどうぞ!
https://github.com/Hiroki11x/FlyingTokyo19

特に、コンパイラを標準のものを使用していない方、Cinder-Runtimeを使う際にinstall.shでコンパイラが怒られる方、こちらが参考になればと思います。
OSX の gcc を変更した話

Simonさんのサンプルプロジェクト

以下にSimonさんが作られたサンプルプロジェクトがまとまっています。その中の幾つかを紹介します。

1. CascadedShadowMapping

gif1

2. PBRBasics

gif2

3. PBRTexturingBasics

gif3

4. ParallaxCorrectedCubemap

gif4

5. TessellatedNoise

gif5

Blockのサンプル(openFrameworksで言うaddon)

6. CinderImGui

GUIツールキットimguiのCinderBlockです。
よくあるコールバック式ではなく、Immediate Mode という少しめずらしい構造をしています。
例えばボタンなら以下のような形です。スライダーなども大体こんなかんじです。

// draw 関数内

if(ui::Button("button 1")) {
    printf("push !\n");
}

毎秒何回も更新されるアプリケーションに大変親和性の高いGUIパラダイムと言えるでしょう。
openframeworksのaddonもあります >> ofxImGui

gif6

7. CinderRuntime

これはopenFrameworksで言うaddonのsampleプロジェクト
gif7

標準のサンプル

8. ClothSimulation

sample内に標準で入ってます!
gif8

9. DeferredShadingAdvanced

sample内に標準で入ってます!
gif9

10. EarthQuake

sample内に標準で入ってます!
gif10

11. ExponentialShadowMap

sample内に標準で入ってます!
gif11

12. FallingGears

sample内に標準で入ってます!
gif12

13. Flickr

sample内に標準で入ってます!
gif13

14. Geometry

sample内に標準で入ってます!
gif14

15. GoodNightMorning

sample内に標準で入ってます!
gif15

16. MandelbrotGLSL

sample内に標準で入ってます!
gif16

17. MeshVoxels

sample内に標準で入ってます!
gif17

18. NormalMapping

sample内に標準で入ってます!
gif18

19. PaletteBrowser

sample/_timeline内に標準で入ってます!
gif19

20. ParticleSphereGPU

sample/_opengl内に標準で入ってます!
gif20

21. PickingFBO

sample/_opengl内に標準で入ってます!
gif21

22. VoronoiGpu

sample内に標準で入ってます!
gif22

23. Wisteria

sample内に標準で入ってます!
gif23

他のすごそうなサンプル集

https://github.com/paulhoux/Cinder-Samples

追記

Ushio@githubさんからCinderImGuiについて編集いただきました、ありがとうございます!

Hiroki11x
PhD in Computer Science at Université de Montréal, Mila / Masason Foundation/ JSPS DC/ DL Theory/ Formerly MSc at Tokyo Institute of Technology
https://hiroki11x.github.io/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away