トップ > WEB > WEB - 人気ブログ(Blog)検索結果詳細 (2008年12月2日 8時)

今週まとめ

今週は（も）ずっとFlashやってて、swfな仕事に追われてた感じでしたが空いた時間にProcessingいじってみたりしたがあれは楽しいですね。来週の木曜日はコラボMIUでFlashPartyがあるんだけどまだネタが完成してない。

勉強会のforkについて

Morioka.asでもこないだの1000sp仙台でもgainerネタを発表したすずりょさんからの流れか、gainerの共同購入の話があったりとか、にわかにgainerまわりが賑わってます。

Morioka.gainerみたいなgainerやそれ系のフィジカルデバイス系の作品を専門的にあつまってなんか見せっこする会があってもいいかな？っておもいつつも、それってMorioka.asでいいよなあなどとも思った。

なんというか、勉強会のForkというかブランチって人口とか色々あるんだろうけど、なにかしらのタイミングが必要で、岩手だとWeb系を網羅するIWDDがあり、Morioka.asがあり、みたいな何かがというか。

まあでも思い立ったら吉日なので、なんかブランチしてやってみようとかいうわけじゃないがこういう勉強したい！っておもったらコミュニティ立ち上げてみるのはとてもすばらしい事だと思います。

まったくもって個人用メモ。

webブラウザのごとく前に表示していたフレームラベルに戻るUIを実装するのにはスタックを使うのが便利。まあ当たり前なのかな？とも思いますが変数に直前のものをストアしとくよっか全然便利でいいですね。メモリは食うんだろうけども。

実装方法を簡単にあれするとこんなふいんき。

//スタック
var history:Array = [ "theFirstFrameLabel" ];//←一番最初のラベル（Webブラウザでいう「ホーム」ボタンで行く先的な）
//戻るボタンのクリックイベントで実行
var goBack:Function = function():Void {
  history.pop ();
  gotoAndPlay ( history[ history.length - 1 ] );
}
//進むボタンのクリックイベントで実行（引数はとび先のブレームラベル）
 var goFwd:Function = function (_next:String):Void {
  history.push ( _next );
  gotoAndPlay ( _next );
}

使い道としてはフレームラベル使ってオーサリングしてるスライドやマルチシナリオ的なゲームのUIなんかでしょうかね。

それと

明日というか明後日というか11/29(土)ライブやるよ！

11/29(土)19:00から盛岡市内でライブやります - GP通信annex

よかったら来て下さいませ。

こんばんわ。Processing土方のごんです。というか初めて触ってみたのですがProcessing1.0がリリースされましたね！なんで今まで使ってみてなかったんだろう。。これはとても書きやすいです。デザイナー的な人に超おすすめかもしれない！

で、早速Processingを試しがてら、Morioka.as->lab(0x03)のお題に「時計とかいいと思うよ！」と言った手前、AS以外の言語でも作っておこうかな？とか思いつつアナログ時計を組んでみました。

void setup() {
  size(450, 450); //ウインドウサイズ
  background(#ededed); //背景色
  smooth(); //アンチon
  noStroke(); //線なし
}
void draw() {
  //時刻（H:M:S）を取得してPIに変換しておく
  //（TWO_PIとはπ*2の定数らしい）
  float _s = TWO_PI/60 * second(); //秒
  float _m = TWO_PI/60 * minute() + _s / 60; //分
  float _h = TWO_PI/24 * hour() * 2 + _m / 12; //時（24時間制で戻ってくるので注意）
  //原点をウインドウの中央へ
   translate(width/2, height/2); //原点座標を(x, y)へ移動％通常は左上原点
  //文字盤の枠
  stroke(#CCCCCC); //線の属性
  ellipse(0, 0, 440, 440); 円を描く
  //文字盤のゲージ（ループで描画）
  for(int i = 1; i <= 60; i++) {
    if(i % 5==1) {
      strokeWeight(4); //5分刻みで太くする
    } else {
      strokeWeight(0); //それ以外は細い線
    }
   line(0, -180, 0, -220); //ゲージを描画
   rotate(TWO_PI/60); //↑を文字盤に沿って回転移動
  }
  //針
  //秒針
  stroke(#000099); //線の色=青
  strokeWeight(2); //線の太さ
  rotate(_s); //秒針を回転
  line(0, 0, 0, -210); //秒針を描画
  rotate(_s *-1); //直前の回転分を元に戻す
  //長針
  stroke(#009900); 
  strokeWeight(4); 
  rotate(_m); 
  line(0, 0, 0, -200); 
  rotate(_m *-1); 
  //短針
  stroke(#990000); 
  strokeWeight(8); 
  rotate(_h); 
  line(0, 0, 0, -160); 
  rotate(_s *-1); 
  //短針の中央の丸い飾り
  ellipse(0, 0, 30, 30);
}

これだけでとりあえず動きました。ものすごく簡単ですね！Flashの描画APIより簡単かもわかりません（まじで）ので、今度のMorioka.asに参加したくてお題がないよー＞＜とお嘆きのアナタにはProcessingおすすめかもです。

あとちなみにちゃんと検証してませんのでバグってるかもしれませんし*1初めて実装してみたシロモノなのでなんかアレな点を発見したらツッコミねがいます。

1000sp＠仙台のUstが面白くて、日中全然しごとにならなかったJS土方ごんです、わんばんこ！

JavaScriptで今のブラウザのウインドウをリサイズさせようとしたら、window.resizeTo()とかwindow.moveTo()がちょろめで動かなかった。原因はわからないけど、window.open()で開いたウインドウに対してだったら動いた。のでやった事のメモです。

ポップアップさせる元のページのhtmlにjQueryを導入して、どこかに

$(function(){
	$('#foo').click(function(){
		window.open(this.href, '開かれるウインドウの名前','開かれるウインドウのプロパティ');
		return false;
	});
});

などという感じで書く。で、ランチャーにするa要素には

<a id="foo" href="bar.html">ぽちっと</a>

と、idを決めて、href属性はヌルリンクとかにせず普通にリンク先のURLを書く。

で、開かれるbar.htmlの方にもjQueryを導入し、下記javascriptを使いフルスクリーンにする。

$(function(){
	window.moveTo(0,0);
	window.resizeTo(screen.availWidth, screen.availHeight);
	return false;
});

まあウインドウを大っきくしたりとか小さくしたりとかを強制するのはどうなの？的な話は別として、JSオフってても普通にハイパーリンク出来るのがいい。

そして、jQueryが便利なので明日は休もうかななどと思います！月曜日（祝日）から本気出す（多分）

週の後半、にわかに寒くなりアホみたいに雪が降った。

これは昨日撮影したものですが、今日はもっと積もってる。まだ11月だってのになんだかなあ。

今週の仕事はFlash三昧でした。そして明日からの連休もFlash三昧の予定です。

そうそう、明日は1000sp＠仙台がありますね！Flash弄りながらUstなどありそうだったら見たいと思います。岩手からも何人か参加して喋るみたいなので楽しみ。‥といいますか、本当は行って発表などしたいなあって思ってたんだけど、ちょびっと上京しようとか思ってたりしてたのとか（これ、流れました）があり、まあそのうち満席になり、仕事もテンパっちゃったので無理でした。

それと、そろそろMorioka.as->lab(0x03)の日程を決めちゃおうと思ってますので、参加したい方はwikiをチェックされたし。

今週まとめ

今週は（も）ずっとFlashやってて、swfな仕事に追われてた感じでしたが空いた時間にProcessingいじってみたりしたがあれは楽しいですね。来週の木曜日はコラボMIUでFlashPartyがあるんだけどまだネタが完成してない。

勉強会のforkについて

Morioka.asでもこないだの1000sp仙台でもgainerネタを発表したすずりょさんからの流れか、gainerの共同購入の話があったりとか、にわかにgainerまわりが賑わってます。

Morioka.gainerみたいなgainerやそれ系のフィジカルデバイス系の作品を専門的にあつまってなんか見せっこする会があってもいいかな？っておもいつつも、それってMorioka.asでいいよなあなどとも思った。

なんというか、勉強会のForkというかブランチって人口とか色々あるんだろうけど、なにかしらのタイミングが必要で、岩手だとWeb系を網羅するIWDDがあり、Morioka.asがあり、みたいな何かがというか。

まあでも思い立ったら吉日なので、なんかブランチしてやってみようとかいうわけじゃないがこういう勉強したい！っておもったらコミュニティ立ち上げてみるのはとてもすばらしい事だと思います。

まったくもって個人用メモ。

webブラウザのごとく前に表示していたフレームラベルに戻るUIを実装するのにはスタックを使うのが便利。まあ当たり前なのかな？とも思いますが変数に直前のものをストアしとくよっか全然便利でいいですね。メモリは食うんだろうけども。

実装方法を簡単にあれするとこんなふいんき。

//スタック
var history:Array = [ "theFirstFrameLabel" ];//←一番最初のラベル（Webブラウザでいう「ホーム」ボタンで行く先的な）
//戻るボタンのクリックイベントで実行
var goBack:Function = function():Void {
  history.pop ();
  gotoAndPlay ( history[ history.length - 1 ] );
}
//進むボタンのクリックイベントで実行（引数はとび先のブレームラベル）
 var goFwd:Function = function (_next:String):Void {
  history.push ( _next );
  gotoAndPlay ( _next );
}

使い道としてはフレームラベル使ってオーサリングしてるスライドやマルチシナリオ的なゲームのUIなんかでしょうかね。

それと

明日というか明後日というか11/29(土)ライブやるよ！

11/29(土)19:00から盛岡市内でライブやります - GP通信annex

よかったら来て下さいませ。

こんばんわ。Processing土方のごんです。というか初めて触ってみたのですがProcessing1.0がリリースされましたね！なんで今まで使ってみてなかったんだろう。。これはとても書きやすいです。デザイナー的な人に超おすすめかもしれない！

で、早速Processingを試しがてら、Morioka.as->lab(0x03)のお題に「時計とかいいと思うよ！」と言った手前、AS以外の言語でも作っておこうかな？とか思いつつアナログ時計を組んでみました。

void setup() {
  size(450, 450); //ウインドウサイズ
  background(#ededed); //背景色
  smooth(); //アンチon
  noStroke(); //線なし
}
void draw() {
  //時刻（H:M:S）を取得してPIに変換しておく
  //（TWO_PIとはπ*2の定数らしい）
  float _s = TWO_PI/60 * second(); //秒
  float _m = TWO_PI/60 * minute() + _s / 60; //分
  float _h = TWO_PI/24 * hour() * 2 + _m / 12; //時（24時間制で戻ってくるので注意）
  //原点をウインドウの中央へ
   translate(width/2, height/2); //原点座標を(x, y)へ移動％通常は左上原点
  //文字盤の枠
  stroke(#CCCCCC); //線の属性
  ellipse(0, 0, 440, 440); 円を描く
  //文字盤のゲージ（ループで描画）
  for(int i = 1; i <= 60; i++) {
    if(i % 5==1) {
      strokeWeight(4); //5分刻みで太くする
    } else {
      strokeWeight(0); //それ以外は細い線
    }
   line(0, -180, 0, -220); //ゲージを描画
   rotate(TWO_PI/60); //↑を文字盤に沿って回転移動
  }
  //針
  //秒針
  stroke(#000099); //線の色=青
  strokeWeight(2); //線の太さ
  rotate(_s); //秒針を回転
  line(0, 0, 0, -210); //秒針を描画
  rotate(_s *-1); //直前の回転分を元に戻す
  //長針
  stroke(#009900); 
  strokeWeight(4); 
  rotate(_m); 
  line(0, 0, 0, -200); 
  rotate(_m *-1); 
  //短針
  stroke(#990000); 
  strokeWeight(8); 
  rotate(_h); 
  line(0, 0, 0, -160); 
  rotate(_s *-1); 
  //短針の中央の丸い飾り
  ellipse(0, 0, 30, 30);
}

これだけでとりあえず動きました。ものすごく簡単ですね！Flashの描画APIより簡単かもわかりません（まじで）ので、今度のMorioka.asに参加したくてお題がないよー＞＜とお嘆きのアナタにはProcessingおすすめかもです。

あとちなみにちゃんと検証してませんのでバグってるかもしれませんし*1初めて実装してみたシロモノなのでなんかアレな点を発見したらツッコミねがいます。

1000sp＠仙台のUstが面白くて、日中全然しごとにならなかったJS土方ごんです、わんばんこ！

JavaScriptで今のブラウザのウインドウをリサイズさせようとしたら、window.resizeTo()とかwindow.moveTo()がちょろめで動かなかった。原因はわからないけど、window.open()で開いたウインドウに対してだったら動いた。のでやった事のメモです。

ポップアップさせる元のページのhtmlにjQueryを導入して、どこかに

$(function(){
	$('#foo').click(function(){
		window.open(this.href, '開かれるウインドウの名前','開かれるウインドウのプロパティ');
		return false;
	});
});

などという感じで書く。で、ランチャーにするa要素には

<a id="foo" href="bar.html">ぽちっと</a>

と、idを決めて、href属性はヌルリンクとかにせず普通にリンク先のURLを書く。

で、開かれるbar.htmlの方にもjQueryを導入し、下記javascriptを使いフルスクリーンにする。

$(function(){
	window.moveTo(0,0);
	window.resizeTo(screen.availWidth, screen.availHeight);
	return false;
});

まあウインドウを大っきくしたりとか小さくしたりとかを強制するのはどうなの？的な話は別として、JSオフってても普通にハイパーリンク出来るのがいい。

そして、jQueryが便利なので明日は休もうかななどと思います！月曜日（祝日）から本気出す（多分）

週の後半、にわかに寒くなりアホみたいに雪が降った。

これは昨日撮影したものですが、今日はもっと積もってる。まだ11月だってのになんだかなあ。

今週の仕事はFlash三昧でした。そして明日からの連休もFlash三昧の予定です。

そうそう、明日は1000sp＠仙台がありますね！Flash弄りながらUstなどありそうだったら見たいと思います。岩手からも何人か参加して喋るみたいなので楽しみ。‥といいますか、本当は行って発表などしたいなあって思ってたんだけど、ちょびっと上京しようとか思ってたりしてたのとか（これ、流れました）があり、まあそのうち満席になり、仕事もテンパっちゃったので無理でした。

それと、そろそろMorioka.as->lab(0x03)の日程を決めちゃおうと思ってますので、参加したい方はwikiをチェックされたし。