[JavaScript]ScrollBar on javascript

javascriptです。

地味です。
ブラウザのスクロールバーを使えばいいのでは?なんてことは言わないように。
クロージャとか画像のドラッグ処理の仕方とかを習得できました。
今Ajaxで作っている作品に搭載しようとした一機能でしかないので
生暖かい目で見てください。
jQueryなどのライブラリを使わず全て自作しました。

上部サムネクリック:対象画像までスライド
マウスホイール:スライド
バードラッグ:ドラッグ
バーを投げる:飛んでく


スクリーンショット1

ScrollBar on javascript

WindowsXPの下記のブラウザで動作を確認しました。
Firefox3.5
IE7
GoogleChrome4.0.249.78 (36714)
Safari4.0

[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;