Generative Typography with Processing - Tutorial by @AmnonOwed
In this tutorial we will show you how to explore the creative possibilities of typography with code. Using the programming environment Processing, we will be going through a wide variety of techniques and algorithms. These code examples all have one thing in common: they start with type. But while they all use typographic base forms as a starting point, they subsequently move into very different c
モンドリアンの絵をアルゴリズム的に描いてみた。 - アドファイブ日記
アルゴリズムアートにチャレンジしてみました。 こちらでご覧いただけます モンドリアンの有名な絵を描くというもの。以下はアルゴリズムで描いた1枚です。 毎秒1枚ずつ描くのを眺めていると、ときどきこうしたいい感じのが出てきます。 アルゴリズムの説明は割愛します。ソースコードを置いておきます。 Chiral’s gist コーディングにはProcessingという言語を使っています。この言語は、メディアアートに特化したJavaのサブセット言語のような感じのもので、言語仕様が簡単で色んな処理系が実装されています。Processing.jsはjavascriptによる処理系で、Webブラウザ上でProcessingのコードを動かす事が出来ます。 processing.js公式サイト アドファイブ社のホームページを作っていて、フリーの良い素材がないのでアルゴリズムアートで色々作ろうかと思い立って作って
JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict
fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。 古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか？そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。 最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している
Processing Hour of Code | Editor
Draw a picture made of ellipses and rectangles! For example, you could make a self-portrait, an alien creature, or something more abstract. It'll just be black and white for now, we'll get to color in the next video. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. Reminders To draw a rectangle: rect(a,b,c,d); To draw an ellipse: ellips
ゲーム開発の企画から開発までを解説した本「遊んで作るスマホゲームプログラミング for Android」 - 強火で進め
「遊んで作るスマホゲームプログラミング for Android」というProcessingを使ったゲーム制作の解説本を献本頂きました。 タイトルには「for Andrdoid」と付いていますが使用している開発環境がProcessingなのでPCやブラウザ向けに制作する事も可能です。書籍内でもPC環境向けやブラウザ向けのビルド方法の解説などもされています。 2Dゲームはもちろん、3DやKinectを使ったゲームなども解説して有ります。 現役のゲーム開発者さんが書かれている本という事も有り、バンダイナムコゲームスの中の人が書かれたUnity本みたいにプロの方ならではのテクニックやコラムが書かれていたので良かったです。 例えばキャラクターがマウスカーソルに追随するというサンプルでも以下の様に現在のキャラクター(リンゴ)の位置を90%、マウスカーソルの位置を10%合成するというコードに成っています
openFrameworks で遊んでみた - 兼雑記
年末は openFrameworks で遊んでました。成果物は適当に G+ とか youtube に上げてました。しょうもないデモだけど暇な人は見てみてね、って感じの用途だとこういうソーシャルメディアは便利な気がしますね… twitter だと短すぎるし、はてなとかだと大袈裟すぎる感があって。 https://plus.google.com/101346259708096774693/posts http://www.youtube.com/user/shinichirohamaji/videos?view=0&flow=grid 感想としては、 openFrameworks よくできてるなーと。良いなと思ったのは Linux, Mac なんかでとりあえずあんま考えなくてもビルドできて、まあ動く 公式非公式ともに addon が色々あって、たとえば opencv とか物理演算とか、簡易 G
jedi-vim(ジュダイ-ヴィム)で2ヶ月近くハマった話 - k4zy no blog
この記事が参考になると思われる方 駆け出しのpythoniaさん 駆け出しのvimmerさん 今回関係ありそうな私の環境 os ：osx lion (｢・ω・)｢ｶﾞｵｰ エディタ ：macvim kaoriya パッケージ管理ソフト ： homebrew (pythonもhomebrew 経由で利用) 10月のはじめに Big Sky :: python 補完のVimプラグイン「jedi-vim」がスゲー という記事を見つけて. 「これはいい」と思ってjedi-vimを導入したのですが，どうにも上手く動いてくれなくて2ヶ月近く放置していました．たぶん自分の環境では使えないのかな... と諦めかけていたのですが，昨日@shtn さんから対処法を教えて頂いたのでご紹介します. 追記(2013/8) jedi.vimのプラグインフォルダ内で git submodule update --ini
Physics for JavaScript
A two-dimensional port into JavaScript of the popular Traer Physics Library from Processing. Downloads Development Version Uncompressed with comments about 25kb Production Version Minified using Closure Compiler about 12kb Or check out the source code on github. Purpose There are many great physics engines out there for JavaScript, so why go and make this one? And, more importantly why would I use
Restoration of defocused and blurred images. Yuzhikov.com
Restoration of defocused and blurred images by Vladimir Yuzhikov Restoration of distorted images is one of the most interesting and important problems of image processing - from the theoretical, as well as from the practical point of view. There are especial cases: blurring due to incorrect focus and blurring due to movement - and these very defects (which each of you knows very well, and which ar
同梱したフォントファイルを使う方法 - 強火で進め
Processingでフォント指定で描画する場合にはフォントファイルを .vlw というファイルに変換をして使うみたいです。 早速、メニューから「Tools」→「Create Font...」と選択し、Processingの付属の専用ツールで変換しようとしました。 しかし、日本語を含める為に出力する文字の選択に「All Characters」を選択した状態で変換をすると以下の様にヒープメモリ不足のエラーが発生しました。 Exception in thread "AWT-EventQueue-0" java.lang.OutOfMemoryError: Java heap spaceそこでヒープメモリを増やしたい所ですがProcessingのプログラム(.pdeファイル)を実行する時に変更する方法しか見当たらず諦めかけていたのですが createFont() という別のメソッドを使う方法を発
An Introduction to HTML 5 Web Workers
The book's original source code can be downloaded from the Manning website and GitHub. The GitHub repository includes an updated-code branch that has been adjusted to work with the latest version of Emscripten (currently version 3.1.44). Prior to HTML 5 Web Workers, all JavaScript code would run in the same thread as the UI of that browser window. The result was that all long-running scripts would
統計的自然言語処理と機械学習・統計学の未来
1 § ¦ ¤ ¥招待論文 Invited Paper 統計的自然言語処理と機械学習・統計学の未来 Statistical natural language processing and Statistics in the future 持橋 大地 Daichi Mochihashi 統計数理研究所 モデリング研究系 Department of Statistical Modeling, The Institute of Statistical Mathematics daichi@ism.ac.jp, http://www.ism.ac.jp/˜daichi/ keywords: computational linguistics, statistics, statistical machine learning Summary This paper reviews the la
郵便番号マップを作ってみた - てっく煮ブログ
ビジュアライジング・データ ―Processingによる情報視覚化手法 を読んでたら「アメリカの郵便番号を地図上に図示する」という例が出てきたので、これの日本版を作ってみました。 郵便番号マップ内陸地がぽっかりあいてるのが不思議だったり、色でどのへんの地域が近い番号なのかが分かったり、いろいろ興味深いです。絞り込み機能先頭の数字で絞り込む機能もつけてみました。これが東京（1XX）。これが中国四国地方（7XX）。うっすら四国の海岸線が見えます。今週は、これを作っていく過程を紹介していきたいと思います。乞うご期待。ビジュアライジング・データ ―Processingによる情報視覚化手法作者: Ben Fry, 増井俊之(監訳), 加藤慶彦出版社/メーカー: オライリージャパン発売日: 2008/12/01メディア: 大型本 連載目次（予定）郵便番号データをデータベースに入れるgeocoding
arduino.js: JavaScript-to-Arduino I/O control interface
Standard I/O Pins Pin 2 Pin 3 Pin 4 Pin 5 Pin 6 Pin 7 Pin 8 Pin 9 Pin 10 Pin 11 Pin 12 Pin 13 Pin 13/LED Blink Test Pin 13 typically has a surface-mount LED (eg. as with the Uno) representing binary output. Interval (msec): Requirements A small shopping list of software is needed to get everything working. Arduino and Flash overview, steps #1 and 2 Arduino Uno (USB) running Standard Firmata 2.0+ s
指数関数を使ったお手軽イーズ・アウト
（この記事にはProcessing.jsによるスケッチがいくつか組み込まれています。環境によっては正しく再生されないかもしれません。Chrome, Safari, Firefox等の使用をおすすめします。） 「丸が１秒おきに左右に滑らか動く」というプログラムを書いてみよう。いちばん簡単なのは、線形移動を使う方法だ。 まあ、これでも十分っちゃ十分なんだけれど、動きとしてはちょっと味気ない。 いわゆるイーズアウト(ease out)を使えば、これを滑らかにすることができる。 上のスケッチでは、漸化式を使ったイーズアウトを実装している。こんな感じの式だ。 pos += (target - pos) * 0.1; pos は現在座標、 target は目標の座標。この式を1回の描画毎に評価する。目標座標までの差分を1割づつ詰めていくような感じ。差分は毎回少なくなっていくから、最初は早く、徐々に遅く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Retinaに映える！美麗なiPhone／iPadアプリが作れるopenFrameworksとは
お手軽にプログラミングを学習したい人のための厳選5サイト（ ボーナス） - TechCrunch
joeycadle.com
IBM Developer
Charming Python: Functional programming in Python, Part 3