[B! oF] [8ページ] kensuzukのブックマーク

GPUでボロノイ図を描画する : WebGLを用いてスムーズに描画できる高速アルゴリズム | POSTD

GPUに適したJump Floodingおよびボロノイ図と距離変換への応用注：このページのデモはWebGL機能を使っているためモバイル機器では機能しないことがあります。きちんと表示させるためにはデスクトップコンピュータ上で記事を読むことをお勧めします。ボロノイ図とはなんでしょうか。下記のデモを見ていただければお分かりになると思います。左のキャンバスをクリックすると、色付きの「母点」が植え付けられます。右のキャンバスでは、各ピクセルが一番近い点の色に着色されます。ドラッグすればより多くの点を配置できます。デモ#2：左のキャンバスには動いている点が複数あります。右のキャンバスには対応するボロノイ図が表示されています。どちらのキャンバスでも構いませんから、マウスオーバして黄色い点を動かしてみてください。水の中を泳いでいる黄色い魚をイメージしました。もう1つ面白いデモを用意しました。左のキ

kensuzuk 2016/05/12

algorithm
oF

リンク

パーリンノイズを理解する | POSTD

この記事の目的はKen Perlinの改良パーリンノイズを分かりやすく分析し、お伝えすることです。記事内のコードはC#で書かれており、自由にご利用いただけます。最終形のみを見たい方は、こちらから最終的なソースをご確認ください。パーリンノイズは手続き的なコンテンツ生成によく使われる、非常に強力なアルゴリズムです。ゲームや、映画などの視覚媒体に特に有用です。パーリンノイズの開発者であるKen Perlinは、この最初の実装でアカデミー賞を受賞しました。彼が2002年に発表した改良パーリンノイズについて、私はこの記事で掘り下げていきます。パーリンノイズは、ゲーム開発においては、波形の類や、起伏のある素材、テクスチャなどに有用です。例えば手続き型の地形（Minecraftのような地形はパーリンノイズで生成できます）、炎のエフェクト、水、雲などにも使えます。これらのエフェクトのほと

kensuzuk 2016/05/12

algorithm
oF

リンク

openFrameworksで炎の表現

今日はTips的にopenFrameworksで火を表現する方法をご紹介します。火を作るときにポイントになるのは「揺らめき」と「輝き」です。大体、ゆらゆらしてる光ってるものを作ったら炎って言われたらそう見えてきます。素材作り今回はAdobe Illustrator CS6を使っていますが、大抵のお絵描きソフトなら同じようにできると思います。円を描いて、塗りを円形グラデーションにします。色はなんでもいいのですが、炎っぽい赤にしたければ、薄いサーモンピンク系の色がいいと思います。コツは少し赤めかなー？くらいにすることです。あと、青も少しだけ混ぜておくと、それっぽい表現にできます。私は#ffffffの不透明度30%から#ff6622の不透明度0%へのグラデーションにしました。openFrameworksのプロジェクトのbin/data/フォルダにparticle.pngで保存しましょう

kensuzuk 2016/05/11

oF

リンク

Blogger

Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。

kensuzuk 2016/05/11

oF
3d

リンク

GitHub - yasuhirohoshino/GPUParticles

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

kensuzuk 2016/05/11

oF

リンク

MacのRetinaディスプレイに合わせてopenFrameworksの画面を表示させる方法

しばらく解決方法が見つからなかったことがようやく解決できたので、忘備録も兼ねて共有します。普段Mac Book Pro Retinaで作業しているのですが、openFrameworksの画面表示がRetinaの解像度に合っていないため、ビルドした時に微妙に画像がガタガタになってしまう・・・という現象が起きてしまいます。 Xcodeの画面設定を直しても、oFのウィンドウが対応しないため、画面の枠に対して1/4サイズで表示されてしまうのです。それを解決するためのPRが丁度一週間前に出たようで、試してみたら見事に直りました。ありがとうテオさん！！まず、of_v0.8.0_osx_release/libs/openFrameworks/appディレクトリの ofAppGLFWWindow.cpp ofAppGLFWWindow.h のコードを以下のページの通りに書き換えます。 https:

kensuzuk 2016/05/11

oF

リンク

MOHAI Launchpad

kensuzuk 2016/05/11

リンク

AETHER / Interactive Audiovisual Installation / Test 01

kensuzuk 2016/05/11

リンク

メディアラボ I 2016 – 多摩美術大学

クリエイティブ・ビジュアライゼーションWS 2016年度前期講義(情報デザインコース&メディア芸術コース共同開催) ワークショップGithub Page 曜日：火曜日3〜4限 (田所)、土曜担当：山辺真幸・田所淳・永原康史・久保田晃弘教室：情報デザイン棟206 → デコースの教室も合せて定員：20名個人のコンピュータがある人は持参すること講義ノート第1回: クリエイティブ・ビジュアライゼーションWS オリエンテーション第2回: openFrameworks入門第3回: openFrameworksアニメーションの基本第4回: openFrameworks + OOP – オブジェクト指向プログラミング入門第5回: 力と運動 : openFrameworksで動きを極める! 第6回: openFrameworks作品制作のための実践テクニック – アドオンの追加、画像、

kensuzuk 2016/05/11

oF

リンク

CreativeApplications.Net

Created by Christine Brovkina at the University of Bremen, I!&3_OCR is a typography project exploring human-only legibility. It comprises a series of typographic experiments with OpenType and Variable Fonts techno logies, which are only readable by humans, and any attempt to recognise a text set in this typeface using OCR (Optical Character Recognition) tools will produce incorrect results. Christi

kensuzuk 2016/05/11

oF
design

リンク

[BRDG020] Lilium

kensuzuk 2016/05/11

ｶｺｲｲ

リンク

Ultrasonic Sensor in OpenFrameworks Using Arduino

kensuzuk 2016/05/10

this is it

arduino
oF

リンク

openFrameworksとArduinoを連携させる - Qiita

＃上記の本は、厳しいレビューがついていますし、本は薄く、オシャレ感もありませんが、そもそも国内に2種類しかでてない oF 専門書のうちのひとつですし、 Arduino, Wiiリモコン, Kinect などとのデバイスとの連携方法も載ってて、参考になる部分もあるので、意外とオススメです。 Arduino側回路を組むタクトスイッチの片方をGNDへ、もう片方をデジタルピンの2番に挿しています。コード Arduinoのコードはこんな感じです。 const int SW = 2; void setup(){ // シリアル通信開始 Serial.begin(9600); // ピンモード pinMode(SW, INPUT_PULLUP); } void loop(){ // スイッチの値を読み取る int value = digitalRead(2); if (value != HIGH

kensuzuk 2016/05/10

oF
arduino

リンク

第９回：openFrameworksとArduinoを連携する

今回の授業は、openFrameworksのアプリケーションをArduinoと連携する方法について解説していきます。ofArduinoクラスを利用することで、openFrameworksとArduinoは簡単に連携することが可能です。これにより、openFrameworksの強力なグラフィックスの処理能力を駆使してセンサーの値をビジュアライズしたり、openFrameworksで演算した結果をArduinoに送信したりといった、デバイスとアプリケーションとの双方向の通信が可能となります。様々なデバイスとopenFrameworksを組み合せることで、いろいろな応用が可能となるでしょう。サンプルファイルのダウンロード (Google Docsにリンク)

kensuzuk 2016/04/21

oF
arduino

リンク

顔をリアルタイムにトラッキングする - Qiita

カメラに映っている人間の顔をリアルタイムにトラッキングしてくれる openFrameworks のアドオン、 ofxFaceTracker を試してみました。導入 ※MacOSXでの使用が前提です。 1. ofxCv を入手 ofxFaceTracker を使用するには ofxCv というアドオンも必要になります。ここからダウンロード or clone します。

kensuzuk 2016/04/06

oF

リンク

OpenCVでピクセルにアクセスする方法4つ | 秋山ブログ

kensuzuk 2015/10/07

opencv
oF

リンク

行列式の値の求め方、逆行列の作り方の C 言語プログラム

なぜかこの時期に「行列式の値」と「逆行列」を作成するプログラムを毎年書いている気がして、その都度作るのが非常に面倒臭いので、今後も困らないようにアップしておく。行列式の値の求め方・2 次の場合たすきがけで簡単に解ける。 double a[2][2]={{1,2},{4,-1}}; double det=0.0; det=a[0][0]*a[1][1]; det-=a[0][1]*a[1][0]; printf("%f\n",det); // -> -9.000000 ・3 次の場合サラスの方法で簡単に解ける。 double a[3][3]={{1,8,9},{-3,2,1},{4,1,5}}; double det=0.0; det=a[0][0]*a[1][1]*a[2][2]; det+=a[1][0]*a[2][1]*a[0][2]; det+=a[2][0]*a[0][1]

kensuzuk 2015/10/06

リンク

openFrameworks入門3 画像処理 | Yasushi Noguchi Class

キャプチャ映像の読み込みキャプチャ映像を表示したりエフェクトをかけたり、さらには人の顔を認識したりなど、プログラミングに置ける画像処理は様々な応用が利きます。また、プログラミングの中で画像処理は比較的難しい部類に入りますが、近年は様々なライブラリが提供されていて、あまり複雑なコードを書かなくても簡単に高度な画像処理技術を使うことができるようになってきました。この授業では、エフェクトや物体認識など、インタラクティブアート作品に必要な技術を中心に基本的なところから解説していきます。 Processingで画像処理を勉強したことがある人は、結構勉強しやすいと思います。 Processingの画像処理（基礎編）応用編以下のレジュメは、「of_0071_osx_release」Mac版を利用しておこないます。テスト環境はOSX 10.7.4です。注意！！！ XCode4.4以上とof_007

kensuzuk 2015/09/18

opencv
oF

リンク

openFrameworks.jp

openFrameworksはオープンソースのC++書かれたツールキットで、シンプルで直感的な記述で創造的なプロセスを支援するようにデザインされています。ツールキットは汎用に使える「糊」として機能し、広く利用されている数多くのライブラリを束ねてまとめてくれます。 openFrameworksはわずかなパターンしか使用していないので、どのように作動しているのか知るのはとても簡単です。一度それらのパターンを理解さえすれば、openFrameworksの全ての機能も簡単に使えるようになるでしょう。もし、あなたは既にoFの開発者として貢献しているのであれば、この文書は、どのようにしたら他のopenFrameworksのプロジェクトに一貫した方法で、あなた自身のクラスをコーディングするのかを知る上での助けになるでしょう。 setup, update, draw openFramewroksで最も実

kensuzuk 2015/09/18