日常の進捗

主に自分のための,行為とその習慣化の記録

2017-12-01から1ヶ月間の記事一覧

2017年を振り返る

例年になく,あっという間に1年が過ぎた印象だった.が,同時に多方面で能力を発揮する場所があったという意味で実りの多い年だったように思う.紅白脇で観ながら振り返る. 1月ー2月 前職で勤めていた大学(院)20周年企画展でのキュレーション+ディレクシ…

2軸で動く点

blendMode(ADD)を使いつつ背景をフェードさせ動きを効果的に見せる方法が分かっていなかったが,今回のようにblendMode(BLEND)と組み合わせると行けるのが分かった. 全く関係ないが,久しぶりにWeb開発などをしようと思いCodekitというアプリケーションで作…

根茎図のカタログ

実家に帰るとあまりやることがないので今年の振り返りをしながらWebの改修のための作業などをする予定. コード(カタログ版) import processing.pdf.*; import java.util.Calendar; boolean savePDF = false; float len = 35; int row = 6; int col = 5; i…

Mod: Coding Challenge #86: Cube Wave by Bees and Bombs

Tumblrでアルゴリズミックに作られたGIFアニメーションを公開しているBees and Bombs.今回はその作品の中から一つを再作成するというもの. .@shiffman attempting to recreate my gif in @p5xjs live! https://t.co/tpySsB4Ozi pic.twitter.com/yDQPXR0vlp…

Mod: Generative Design / P_1_1_1_01

マウスカーソルの位置に合わせてグリッドの細かさが変わりながらHSBの色相を表示するもの. 今回のようにマウスの座標をステップ数使う場合,原点(0,0)の位置にあるときfor文が無限ループしてしまう問題がある.サンプルではstepX = mouseX + 2;のような感…

Mod: Generative Design / P_1_0_01

Generative Designをしばらくやってみることにする.サンプルコードにはP,M,Aが接頭辞として付いているが, それぞれ. P:(Basic) Principles(基本原理) M:(Complex) Methods(複雑なメソッド) A:Appendix(付録) のことらしい.みたところP→Aで進…

Mod: Coding Challenge #88: Snowfall

Processingで書きながらところどころ自己流で書いた.いわゆるスプライト画像と言われるような,複数の画像がタイル状に配置された1枚の画像を読み込んで適宜使用するようなやり方をやっている.メリークリスマス. コード // img src : https://alca.tv/sta…

3次元の結び目

結び目理論のコードがいまいち理解できてなかったので,もう少しやってみることにして,リファレンスのページにあったCのコードをProcessingにポーティングしてみた.座標算出のコードぽかったのでグラフィカルになるようにアレンジした. コード float n_se…

Mod: Coding Challenge #87: 3D Knots

ここのところブログにログを残していなかったので(コードは書いてた)、3Dのノット(結び目)に関するチュートリアルをやってみた.球体の面上の点を求める式に似ているのが面白い.コードの中のコメントアウトしている式がそれぞれ,変数betaから半径や角…

クリエイティブコーディング学習の最適解としてのProcessingと,デイリーコーディングのススメ

これはProcessing Advent Calendar 2017 - Qiitaの21日目の記事です。 Advent Calendarを通じて「プログラミングを通じて個人が表現する文化」がもっと盛り上がったら良いなと思ったので,思い立って勢いで書いてみることにしました.このエントリの内容は大…

UnicessingをつかってProcessingライクなコードをUnityで実行する

そもそもUnityの使い方がよくわかってなかったのだけど,なんとかなった.以下手順. Unityで新規プロジェクトを作成 新規シーンを作成 シーン内のカメラにインスペクタでMain CameraのTagを指定 空のゲームオブジェクトを配置 カメラの画角がゲームオブジェ…

1960年代のコンピュータアートをProcessingを使って再考する

コード float r = 200; float t; // setup関数 : 初回1度だけ実行される void setup() { size(960, 540, P3D);// ウィンドウサイズを960px,540pxに blendMode(ADD); colorMode(HSB, 360, 100, 100, 100); // HSBでの色指定にする } // draw関数 : setup関数…

フラットデザインでイラストを描く(4)表情

パスファインダやシェイプ形成ツールをつかって,四角形や角丸長方形,円などの基本的な図形を組み合わせてパーツを作っている.慣れてくるとあまり苦にならず作れる気がする.人間はこれまでのものでバリエーションが作れそうなので,道具や動物などのバリ…