[JavaScript]maru on ajax

ajaxです。

marunouchi.com的なものを作ってみました。
jQueryなどのライブラリを使わず全て自作しました。

ブラウザウィンドウリサイズ:並び替え
リンクマーク付き画像クリック:リンク先へ
リンクマーク無し画像クリック:拡大画像表示


スクリーンショット1

maru on ajax

[JavaScript]XMB on JS

ajaxです。

クロスメディアバー的なものを作ってみましたが
pcはマウスがあるのであんま使えね
jQueryなどのライブラリを使わず全て自作しました。

追記:Firefoxでホイールが効かなかったのを修正しました。

マウスホイール:サムネイルスライド


スクリーンショット1

XMB on ajax

[ajax]蛇腹 on ajax

ajaxです。

明けましておめでとうございます。
ある日、ふとブラウザのウィンドウをflashのステージだと思えばいいんじゃね?と思って
ajaxをやってみたら簡単にできたので色々つくってみました。
jQueryなどのライブラリを使わず全て自作しました。


スクリーンショット1

蛇腹 on ajax

[Box2D]LocoRoco風 public alpha

Box2DでLocoRoco風public alphaです。

PSPで出ているLocoRocoというゲームのパクり オマージュです。
Box2Dの魔改造を繰り返し、やっとここまで出来ましたが
まだ色々と調整しきれていないところや構想まで至っていないところがあるので
とりあえずpublic alpha版ということにしておきます。
BGMは「音の葉っぱ」様からお借りしました。

マウスホイール:ズームイン・アウト
ステージドラッグ:世界を傾ける
ステージダブルクリック:つぶれたキャラを元に戻す


スクリーンショット1


スクリーンショット1

LocoRoco風 public alpha

[twitter]break time #03

twitterのアイコンをgifアニメにする方法メモ
・20KB以下のサイズでgifアニメをつくる
・拡張子をpngにする
・設定でアップする
できたのがこれ

[flash]twitter on flash #1

おつかれさまです。

追記
※このコンテンツは2010年6月30日のTwitterのBASIC認証廃止と同時に使用不可になります。
TwitterのBASIC認証廃止、企業ユーザーが知っておくべきこと

twitterAPIを使ったtwitter on flashをつくりました。
flashからtwitterを見たり投稿したりできるというものです。
今はつぶやきを見る、投稿するの2つの機能しかありません。これから改良を続けるかどうかは未定です。
twitterみたいな文字主体のものをわざわざflashにする意味はあるのかと言われれば、
そんなものは無いのですが、おもしろければついやっちゃうよね。

スクリーンショット1

twitter on flash

ソースの話
flashは違うドメインにアクセスしようとするとセキュリティエラーが出てアクセスできません。
そこで実際のtwitterの処理はPHPで行っています。今回のflashでは下記のような処理をしています。
それぞれflashからPOSTでtwitterのid, pass及びtwitterAPIのurlを送信しています。

ログイン処理
urlはhttp://twitter.com/account/verify_credentials.xml

$url = $_POST['url'];
$id = $_POST['id'];
$pass = $_POST['pass'];
$ch=curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 3);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_USERPWD, $id.":".$pass);
$result=curl_exec($ch);
curl_close($ch);
echo $result;

つぶやき取得
urlはhttp://twitter.com/statuses/friends_timeline.rss

$url = $_POST['url'];
$id = $_POST['id'];
$pass = $_POST['pass'];
if($id=="" || $pass==""){
	echo file_get_contents($url);
}else{
	$url=get_url_with_idpass($url, $id, $pass);
	echo file_get_contents($url);
}
function get_url_with_idpass($a, $b, $c){
	$a=str_replace("http://", "", $a);
	$a="http://".$b.":".$c."@".$a;
	return $a;
}

投稿
urlはhttp://twitter.com/statuses/update.xml

$url = $_POST['url'];
$id = $_POST['id'];
$pass = $_POST['pass'];
$message = $_POST['status'];
$url = $url."?status=". rawurlencode($message);

$opts = array("http" => array(
"method" => "POST",
"header" => "Authorization: Basic ". base64_encode($id. ":". $pass)
)
);
$context = stream_context_create($opts);
$result = file_get_contents($url , false, $context);
echo $result;

[javascript]js_tween

お久しぶりです。夏の猛烈な忙しさで更新が滞っていました。
ひさびさの投稿ですがjsです。
flashにあるtweenクラスを移植しました。
アンカーへスクロールバーが移動するのですが移動のしかたが色々選べます。
さほどキレイでもないソースが見たいのならば
リンクを開いてキャッシュとか見ればよいとおもいます。
あと、まだfirefox3でしか動作検証してないです。
js_tween