移転しました。

約3秒後に自動的にリダイレクトします。

2014-01-01から1年間の記事一覧

Tips : Processingで書いた作品をはてなブログに貼る方法 ― CDN / Dropboxの利用

ProcessingのちょっとしたScriptを公開するのに、せっかくだから、はてブにコードと一緒に張り付けたい!なんてこともあると思います。 その方法はこちらのエントリで詳しく書いてくださっているので、この方法で張り付けることができます。 ただ、Processin…

Filament : ベジェ曲線を使ったグラフィックアートとそのアイデア

久しぶりにProcessingでGenerative Art作品を製作しました。 この作品は3次多項式のベジェ曲線を使って描いています。 ベジェ曲線 ベジェ曲線についてはこちらにProcessingを使った例など、丁寧に説明されています。 ベジェ曲線はIllustratorのパスなど、ベ…

Tips : Processingで作品をビデオにする方法

Processingの作品を公開するのに、JavaScriptで出力して公開するのもよいですが、インタラクションのない作品であれば、動画で公開する方法もあると思います。 ProcessingではMovieMakerを使ってmovファイルにするTipsが多いのですが、下記のように、Process…

Firefly : 2D Particle System で色変化の表現をしてみる

街中にデジタルサイネージが増えてきましたが、ときどき広告じゃなくて抽象的なデジタルアートを掲載しているものも見かけます。そんな雰囲気の作品をProcessingでスケッチしてみたので、書き留めておきます。 ProcessingのParticleは、Processing公式サイト…

jQuery : jQuery Easingを使った階層メニューのプロトタイピング

jQuery Easingを使って階層メニューの表現を考えてみました。といっても進捗10%くらいですが、、、Easingを使ってゲームメニューのようなリッチな階層メニューを作りたかったので、ちょっと1階層だけイメージを作ってみました。下記がそのプロトです。 もち…

App : Aviate を一日使ってみた。

UI

米Yahoo!による買収で名前の知れ渡ったHomeアプリ「AVIATE」のInvitationが来たので、1日使ってみました。主にUI面についてみていきたいと思います。下記がUIの構成です。Homeのように左右フリックでScreenを切り替えて使うのは同じで、一番左側にコンテキス…

Unity入門 : UnityでGenerative Artっぽい表現をしてみる。

開発用ノートPCがVAIO Zなので、3D作品制作と表現力向上のためにUnityを導入してみました。とりあえず今週末は、Unityに慣れるために球体が徐々に崩壊するSketchを作るところまでやってみました。作った作品はこちら。 三角関数で算出したPositionにSphereを…

ツイまんだら:Twitterのつぶやきから自分の言葉が構築する世界をビジュアライジングする

ライフワーク的に「ツイまんだら」というプロジェクトを始めました。 「ツイまんだら」とは? 「ツイまんだら」とは、ユーザの過去100ツイートを単語単位にまでバラバラにし、視覚的に再構成することで、自分の発言によって作り出されている世界観をマンダラ…