月別: 2010年2月

ちょっとハズカシいけど、、、昔の音楽の仕事。

リピート山中さんってシンガーソングライターがいます。

その方、昭和のフォークソングを今も唄い続けている、素敵なおじさんなのですが、数年前、彼の曲を僕がアレンジしたことがあります、

その曲が最近アマゾンで見つかって、どういうわけだか僕の名前までクレジットされています。

http://www.amazon.co.jp/s/ref=pd_rhf_s_1?ie=UTF8&search-alias=aps&keywords=%E7%A7%8B%E8%91%89%E7%A7%80%E6%A8%B9

なぜか僕の名前が入っています。

それにしても昭和だなあ。

http://www.amazon.co.jp/%E4%BA%8C%E5%BA%A6%E7%9B%AE%E3%81%AE%E9%9D%92%E6%98%A5%E8%A1%8C%E9%80%B2%E6%9B%B2-%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E5%B1%B1%E4%B8%AD/dp/B000GALCMO/ref=sr_1_1?ie=UTF8&s=music&qid=1265665286&sr=8-1

に入ると、

「曲目リスト」って見出しがあるので、

「夢見ることを忘れていないか」

という曲、良かったら試聴してください、多分みなさんの趣味にあうか保証出来ませんが。。

ドラムは僕が打ち込み

ピアノ、ベース、ギターは僕が実際に弾いています。

ほんと、昭和だなあ、ある意味新鮮。。。

大阪でDTP関係のイベント、「大阪DTPの勉強部屋」が開催されます！
今回のテーマは「出力」。
この内容はかなり興味あり、僕も行きます。

でも、この日午前からデジハリで講義があり、途中参加です。

最近のDTP事情を知りたい方、
是非参加されてみては？

■勉強会
　3月6日　土曜日
　14時～19時
　受付　13時から

■場所
　TKP大阪淀屋橋カンファレンスセンター　
　
〒530-0005 大阪府大阪市北区中之島2-2-2
　大阪中之島ビル　(旧ニチメンビル)
　B1F ホールA

【アク
セス】
　地下鉄 御堂筋線 淀屋橋駅より徒歩3分
　地下鉄 四つ橋線 肥後橋駅より徒歩3分
　京阪中之島線
大江橋駅より徒歩20秒
　地
図
　
■参加費　2,000円（領収書の発行有）

■内容（予定）

Session
1「DTP完全データでトラブル回避」
　Illustrator 8からCS以降になって出力はどう変わったか。
　モニター・プリンタ・
印刷間の色ズレを最小限に
　実際の印刷物を用意してトラブルの事例や出力のルールを解説します。
　クラッシックOS9とOSX、ハイブ
リッドで使える実機で説明します。（G5（PowerPC））
　スピーカー：柴田勉（株）ノア・デジタル
　mixiコミュ「DTP完全
データへの道」管理人

Session 2「出力・印刷の現場から」
　出力データを受け取った現場ではナニが起こっているのか？
　
現場からの声をお届けします。
　スピーカー：村上良日
　　　　　　　坂口礼治
　　　　　　　柴田勉

最近特に、Apple iPadが発表されるニュースより、AppleがFlashをどんどん淘汰していくような動きの方がよっぽど気になります。
Appleはどうやら HTML5を推進しているとのこと。
確かにAppleのサイトはだいぶ前からリッチコンテンツな部分にもJavaScriptを導入していましたね。
最初は「どっちも良い所あるから仕様をしっかりと見据えて使い分けるべき」と捉えていました。
でもどうやらHTML5のcanvasという要素が、Flashみたいな表現も可能ということで、色々調べてみたら、どうもスゴい所までいってるらしい。
で、色々と試していたんですが、やはりブラウザで動くわけなので、当然描画速度ってブラウザによって違うんじゃないかな？って思います。

どれに優劣を付ける訳じゃないけど、パフォーマンスがどんなものか知っておきたかった。
ついでにFlashでも作ってみた。

• canvasで1000個のパーティクル（重たくなります）
• Flashで10000個のパーティクル

canvasの方はprocessing.jsを使って書きました、基本Javaベースで書くんですね、型の記述とかちょっと手惑いました。
1000個のパーティクルを、それぞれ移動距離をランダムに設定してランダムな向きに移動、
一気に1000個を動かすというものです。
ブラウザは今Mac環境で作ってますが、Firefox3.6, Safari4.0.4, Chrome4.0.249.49betaでそれぞれ確認しました。
結果、Safariが一番速い、ように見えました、Chromeでも同じ位だけど。
頑張れ、Firefox。ってかんじでした。
ところが、パーティクルを5000個に増やすともう、コマ送りのような重さ、とても動いてるという表現は無理でした。

で、Flashですが、全然問題ないです、やはりこのあたり、ブラウザと比較しちゃいけないんだろうけど、このあたりは断然Flashに軍配あり、といった感じでしょう。
一気に1000個から10万個に増やしても全くと言って良いほど処理落ちを感じさせないので、1000個でなんとかの状態のHTML5+canvasの描画APIは今後の課題になってくるんじゃないかな？と思います、Flashにとって代わる、というのであれば、ですが。

※【修正記事】　こういう場合はprocessing.jsを使わずに、フレームワークを使わないで書く方が結構高速に処理しました。補足記事はこちらです、惑わせてしまってすいません！

canvas用（processing.js使用）
<br /> <script type="application/processing"> int width = 300; int height = 300; int len = 1000; Patticle p = new Particle[len]; void setup() { size(width,height); frameRate(60); for (int i = 0 ; i<len ; i++) { p[i]=new Particle(); } } void draw() { background(10); for (int i = 0 ; i<len ; i++) { Particle pt = p[i]; pt.x+=pt.vx; pt.y+=pt.vy; if(pt.x <0) pt.x=width; if(pt.x >width) pt.x=0; if(pt.y <0) pt.y=height; if(pt.y >height) pt.y=0; pt.dot(); } } class Particle{ //パーティクルのクラス float x, y, vx, vy; color col; Particle () { x = random(width); y = random(height); vx = random(1)*10-5; vy = random(1)*10-5; col = color(random(255),random(255),random(255)); } void dot() { noStroke(); fill(col); ellipse(x, y, 1, 1); } } </script><br />
Flash用（ActionScript 3.0使用）
<br /> package {<br /> import flash.display.*;<br /> import flash.events.*;<br /> [SWF(width=”300″, height=”300″, backgroundColor=”#FFFFFF”, frameRate=”30″)]<br /> public class ParticleTest extends Sprite {<br /> var _width:uint = 300;<br /> var _height:uint = 300;<br /> var len:uint = 10000; //パーティクル1万個<br /> var pList:Array = [];<br /> var canvas:BitmapData;<br /> public function ParticleTest() {<br /> // constructor code<br /> if(stage) init();<br /> else this.addEventListener(Event.ADDED_TO_STAGE, init);<br /> }<br /> private function init (e:Event=null):void {<br /> canvas = new BitmapData(_width, _height, false, 0x00000000);<br /> addChild(new Bitmap(canvas));<br /> for (var i:uint = 0 ; i<len ; i++){ var particle:Particle = new Particle(); particle.x = rand(_width); particle.y = rand(_height); particle.vx = rand(1)*10-5; particle.vy = rand(1)*10-5; particle.col = rand(0xFFFFFF); pList.push(particle); } this.addEventListener(Event.ENTER_FRAME, enterframeHandler); } private function enterframeHandler (e:Event):void { canvas.fillRect(canvas.rect,0x00000000); for (var i:uint = 0 ; i<len ; i++){ var pt:Particle = pList[i]; pt.x+=pt.vx; pt.y+=pt.vy; if(pt.x <0) pt.x=_width; if(pt.x >_width) pt.x=0;<br /> if(pt.y <0) pt.y=_height; if(pt.y >_height) pt.y=0;<br /> canvas.setPixel(pt.x,pt.y,pt.col);<br /> }<br /> }<br /> private function rand(num:Number):Number {<br /> return Math.random()*num;<br /> }<br /> }<br /> }<br /> class Particle {<br /> var x:Number, y:Number, vx:Number, vy:Number, col:uint;<br /> }<br />