先日、ウェブサイトをiPadにも対応させてみようかと思っていると、Twitterのタイムラインに、iPad Detection Using JavaScript or PHPという記事を発見。ご覧になっている方も多いかと思います。User-Agentを判別した後、それをどう使うかは状況によって様々だとは思いますが、...続きを読む

Basics \ Processing.orgの、CreateImage \ Learning \ Processing.orgより。左右方向のグラデーションで塗りつぶされた正方形を描画するサンプル。PImage img;void setup(){ size(200, 200); img = createImage(120, 120, ARGB); //120px角のイメージとして設定。ARGBのAは...続きを読む

Basics \ Processing.orgの、Distance2D \ Learning \ Processing.orgより。20ピクセルずつ均等に描画された白い円の半径が、マウスポインタの位置にあわせて、大きくなったり小さくなったりするサンプル。円の大きさはマウスポインタに近い程、小さくなるように設定されている...続きを読む

Basics \ Processing.orgの、Reading \ Learning \ Processing.orgより。写真を読み込んで、左上から順番に、おおげさに液晶ディスプレイらしく描画するサンプル。size(200, 200);noStroke();background(0);PImage img = loadImage("cait.jpg");//写真画像の読み込みimg.loadPi...続きを読む

Basics \ Processing.orgの、ColorWheel \ Learning \ Processing.orgより。カラーホイールを描画するサンプル。ホイールの中心に近づくほど、明度を落としたホイールが描かれる。int segs = 12;//基本12色int steps = 6;//明度の段階float rotAdjust = TWO_PI / segs / 2;//メ...続きを読む

Basics \ Processing.orgの、Brightness \ Learning \ Processing.orgより。画面内にマウスポインタを持っていくと、カラースペクトルに沿った縦長の長方形が描かれるサンプル。マウスのY座標で、長方形の明度が決まる。//変数宣言int barWidth = 5;//長方形の幅int lastBar = ...続きを読む