web design, javascript, css, html

しまやんのサイトのjavascriptを担当しました。
http://www.misakoshimaya.com/

クロスブラウザというのを知らなかったので、Internet Explorer での表示は未確認です。
safari 4.0.5 と Firfox 3.6.3 で動作確認済みです。

今後ゆっくりIEのバグに対応していこうと思います。IEはシェアがけっこうあるので。
たとえば、ぼくのサイトは　page viewの18.2%はIEです。

{-- 以下長文注意！

てゆうか、コーディングがおもしろい。
processingというのにはまってるのだけれども、英語や他の言語を学ぶのと同じだ。なんで言語っていうのかわかった。
単語と文法をいくつか理解したら入れ替えたりしてみても、相手に通じたらわーうれしい。

子供のころ、MSXとかPC88とかのBASICていう言語で遊んだのを思い出した。当時のBASICは、すごく判りやすかったのだが、ハードが弱くて処理が遅すぎた。なのでマシン語というもっとも原始的な言語を少し勉強してBASICの負荷が高い部分をマシン語に入れ替えたりしたものです。そうして、マップを自動生成する3D迷路を探検するゲーム（wizardryのマネ)を作ったことある。ああなつかしい。当時はインターネットとかなくて、情報は本から得た。当時は何も知らなかったので、ゲームを作る環境を作ったものだ。つまり、簡単なペイントソフトを作ってゲーム用の絵を作り、メモリも小さいので圧縮するシステムも作ったなあ。圧縮を実現するアイデアがうまくいったときは、わーってうれしいかった。

だから初めてMacにさわったときは、とても不可解だった。ファイルの中身が読めない！！みたいな。わざと読ませなくしてあって、画像は画像としてしか提示しないという考え方のOSなのだったmacは。今ではそれがあたりまえだけど、当時のぼくはひどく困惑した。

そう考えると、processingは画像を左上から順番に数値化できるので理解できる。
jpegとか、どうなってるんだろう。どこを捨てて圧縮してるんだろうか。

しかし子供の頃にやっていたことが、今のprocessing でなかなかできない。
だけれども、当時ハード的に無理だった速度が簡単に出るので、信じられない短い分でコードが完結する。感動。
あるいみライブラリ集なのか。うんきっとそうだ。
昔は扱える数字の上限も低かったしね。６万いくつかが上限だったきがする。
processingは扱える数字の上限は無限のように動作しているけれど、きっと内部でうまいことやっているのだろう。上限はあるはずだ、なんとなく。

こんどprocessing.jsだけでwebsiteをつくってみようとおもう。IEではめちゃくちゃ遅くなるらしいけれど、興味深い。javascriptとして記述できるということは、iphoneでも見れるのかな？flashはだめなんだよね。たしか。
やってみよー。
--}

箱は回転する

processingという言語を使うとこのアニメーションがたったのこれだけの文でできます。短い。

float x,y;
void setup(){size(300,300,P3D);noFill();stroke(160);
smooth();strokeWeight(0.6);}
void draw(){background(255);translate(width/2,height/2, 0);
y+=0.003;x+=0.007;rotateY(y);rotateX(x);box(width/3);
rotateY(-y/2);rotateX(-x/2);box(width/5);}

きょうの四角

枠のなかでマウスドラッグすると四角がおちる。
Internet Explorer では見れないみたいです。

きょうのスケッチ

音あそびのつづき。
keyPressedとmousePressedを両方同時にうまくとりだせない。
Internet Explorer では見れないみたいです。

processing 004 音

さいきん processing1.1という言語を使って遊んでいます。
そして、こんなのもできた。
次は、これをサイン波と三角とホワイトノイズ、ピンクノイズを選べるようにしてみる。
そのあと、簡単なシーケンサー的機能をつけてみる。
録音機能は出来るようになった。wavでストリーミング録音（？）したのをituneでmp3にできることがわかった。
シーケンサーのインターフェイスはどんなふうにしようかな。
自分用だからじぶんがやりたいことにまとをしぼれて楽しいよー。

でも謎の事が多すぎる。minim ライブラリ。だれか詳しい人おらんか。

processing 003 波 with controlP5 ( JAVA applet )

above image is linked to a portfolio page of Kiborio TAKASE on openProcessing.

procssing 1.1には出来て processing.js には出来そうなのに出来ないことシリーズ。

beginShape()　〜　endshape(); の間にvertexとcurveVertex を両方を入れる事。（0.8では解消）
noise(x); のxは 約 -18 〜 19 か？
exit(); は無効。
tan()　無効。（0.8では解消）

processing 002 ( JAVA applet )

processing 001 ( JAVA applet )

Can your browser show above animation?
Mac OS X 10.4.11, safari 4.0.4 was Ok.