<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>タロタローグ ブログ &#187; JavaScript</title>
	<atom:link href="http://blog.tarotaro.org/archives/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.tarotaro.org</link>
	<description>ActionScript3.0のサンプルを色々と弄る日記</description>
	<lastBuildDate>Mon, 30 Jan 2012 15:32:27 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/category/javascript/feed" />
		<item>
		<title>enchant PROがリリースされるまでじっと待った俺の時間を返せ</title>
		<link>http://blog.tarotaro.org/archives/924</link>
		<comments>http://blog.tarotaro.org/archives/924#comments</comments>
		<pubDate>Fri, 21 Oct 2011 17:56:34 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[拡張現実感]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/?p=924</guid>
		<description><![CDATA[2011/10/29追記： 逆さまとかは直ってないが、一応カメラは動いた。 多分逆さまはAndroidのせいだろうな。 おひさ。 最近ARに触れられてなかったが、何か面白そうなライブラリが出ていた。 enchant.js これだ。これはどうもJavaScriptでゲームを作ったり出来るライブラリらしいが、 PRO版だとKARTというクウジットのマーカー技術を使ったARが出来るらしい。 enchant PRO こいつは、Androidアプリの上で動かすようだ。 我が家にあるAndroid端末、Motrola XOOMさんに、早速インストールしてみた。 そして俺は、そっとアプリを閉じ、アンインストールした。 なぜ、おれはそっとアプリを閉じ、アンインストールしたのか。 事の顛末はこうだ。 まずアプリをインストールした俺。 早速起動だ。 ？ 上下逆になった。 勿論、俺は端末を持ち替えてないよ。起動したらこうなりました。 何故か上下逆になり、画面の上の端で逆立ちしているホームボタンや戻るボタン達。 とりあえず、このままARアプリを探す。 あった。 サンプルだ。よしよし。 早速開始してみる。 ふむ。画面が端っこに寄ってる。 これは怪しい。でも続けてみよう。 ARアプリをスタートだ！ ふむ。何だこのシンプルな画面は？ でも負けない。とりあえず、文字の辺りをタップ。 ？？？ ぱっと見ると、「AR」の文字が分身して他は変になっている。 よく見ると「Start AR」と「Stop AR」が重なっている。 他には変化なしだ。 結論。このアプリはAndroid2.x系用だ。 またはゴミ]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/924/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/924" />
	</item>
		<item>
		<title>jsdo.itとiPhoneの相性が予想の100倍ほど悪かった</title>
		<link>http://blog.tarotaro.org/archives/781</link>
		<comments>http://blog.tarotaro.org/archives/781#comments</comments>
		<pubDate>Thu, 12 Aug 2010 12:51:52 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[日記]]></category>
		<category><![CDATA[jsdo.it]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/?p=781</guid>
		<description><![CDATA[jsdo.itの共有機能をiPhoneでみたら、再生ボタンが入りきらない。 横向きにすると、ギリギリ出てくるくらい。 で、再生ボタンを押すともう終わり。 元画面に戻るボタンは出てこない（これは作ったコンテンツの幅によるか？）。 jsdo.itはiPhoneで見るなってことか。 正直、簡単にiPhoneサイトの実験が出来るから便利なんだが。 やはりjsrun.itへのリンクを解放して欲しいな。 iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法著者／訳者：Jonathan Stark出版社：オライリージャパン( 2010-08-07 )Amazon価格：￥ 1,995ISBN-10 : 4873114616ISBN-13 : 9784873114613 ところで、iPhoneを横に向けた後こちらのサンプルを再生してみて、 元に戻すとこんな感じになる。凄い事になってるな。 どういうレンダリングなんだiPhone。]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/781/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/781" />
	</item>
		<item>
		<title>WebKit用CSSの、3D機能「-webkit-transform」を試す</title>
		<link>http://blog.tarotaro.org/archives/780</link>
		<comments>http://blog.tarotaro.org/archives/780#comments</comments>
		<pubDate>Thu, 12 Aug 2010 12:19:06 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jsdo.it]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/?p=780</guid>
		<description><![CDATA[最近は位置情報サービスに興味があるので、 JavaScriptを触る必要があるなと思ってきた。 ということで、jsdo.itで色々と試している。 今回はCSSで3Dを実現する、WebKitの 「-webkit-transform」周りの機能を触る。 今回のサンプルは全部SafariなどのWebKit系ブラウザでしか動かないので注意。 しかし、jsdo.itは、JavaScriptを走らせている「jsrun.it」への リンクを追加して欲しいな。 iPhoneで見る時はそっちの方が便利だからなぁ。 というか、jsdo.itが用意している共有機能だと、 iPhone縦向きだと見る事が出来なくて、全く話にならない。 横を向けないとボタンが出ないし、出るのはPlayボタンだけで、 Stopボタンは出てこない。 JavaScript 第5版著者／訳者：David Flanagan出版社：オライリー・ジャパン( 2007-08-14 )Amazon価格：￥ 4,410ISBN-10 : 4873113296ISBN-13 : 9784873113296 と言う事で、まずはSafariで動くように、CSSを組んでみる。 これ。 iPhoneで見るとPlayボタンが見えず、全く動かないので リンクも貼っておく。こちらです。 3d animation using pure CSS3(marcofolio) を見て作ってみた。 CSS3 animation test - jsdo.it - share JavaScript, HTML5 and CSS どういう理屈でアニメーションしているのか知らないが、 とりあえずマウスオーバーすると傾いていたパネルが正面を向く。 PLAIN TEXT -webkit-transition-duration: 0.5s; たぶん、この部分でCSSの動きにアニメーションがついてる。 で、こっちがiPhone用に改造した方。 iPhoneからご覧の場合はこのリンクをご覧ください。 CSS3 animation [...]]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/780/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/780" />
	</item>
		<item>
		<title>ActionScript3.0で、フルスクリーンモードを使用する</title>
		<link>http://blog.tarotaro.org/archives/480</link>
		<comments>http://blog.tarotaro.org/archives/480#comments</comments>
		<pubDate>Mon, 15 Dec 2008 14:31:31 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/?p=480</guid>
		<description><![CDATA[英語版ブログの記事に合わせて、以前作成したFLARToolKit関連のデモを一つ、 フルスクリーンで使えるようにしてみた。それなりに難しかったので、メモしておく。 フルスクリーン実現のために、2箇所のコーディングを行う必要がある。 メインクラスのASファイル ASを表示するHTMLファイル ASファイルのコーディング まず、適当なタイミングでフルスクリーンモードになってやる必要がある。 今回は、画面の何処でもいいので、とりあえずクリックしたらフルスクリーン、 もう一回クリックしたら元に戻るということにしてみる。 まず、メインクラスのコンストラクタ内に、イベントリスナーを作ってやる。 PLAIN TEXT this.addEventListener&#40;MouseEvent.CLICK, onClick&#41;; で、イベントハンドラonClickをこんな風に実装。 PLAIN TEXT private function onClick&#40;e:MouseEvent&#41;:void &#123; &#160; &#160; if &#40;this.stage.displayState == StageDisplayState.FULL_SCREEN&#41; &#123; &#160; &#160; &#160; &#160; this.stage.displayState = StageDisplayState.NORMAL; &#160; &#160; &#125; else &#123; &#160; &#160; &#160; &#160; this.stage.displayState = StageDisplayState.FULL_SCREEN; &#160; &#160; &#125; &#125; このように、stage.displayStateに入れる値が鍵となる。 フルスクリーンモードならStageDisplayState.FULL_SCREEN、 普通モードならStageDisplayState.NORMALだ。 ただし、フルスクリーンモードだとキー入力が効かないらしい。 [...]]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/480/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/480" />
	</item>
		<item>
		<title>AS3版メタセコビューワ作った。</title>
		<link>http://blog.tarotaro.org/archives/22</link>
		<comments>http://blog.tarotaro.org/archives/22#comments</comments>
		<pubDate>Sun, 17 Feb 2008 15:15:54 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[FABridge]]></category>
		<category><![CDATA[Papervision3D]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/archives/22</guid>
		<description><![CDATA[メタセコイアファイル(.mqo)のビューワを新しく作ってみた。今回はFABridgeを使用して、読み込むモデルをサイト側が決定できる方法にしてみた。テストページはこちら。 モデルは例によってズサさんが公開なさってるはちゅね＆かぐぁみね。こんな時自作モデリング力があればって思うけどね。 Metasequoiaスーパーモデリングガイド著者／訳者：かこみき出版社：ビー・エヌ・エヌ新社( 2007-09-10 )定価：￥ 3,360ISBN-10 : 4861004039ISBN-13 : 9784861004032 ところで太郎日記さんのところのFlex版メタセコビューアですが、個人的に目指してるのはこんな感じのものなんですよね。3Dモデリングしてる人自身が、サイトで作品を発表するときにこんな感じでできたらいいよなぁというのが元々のモチベーションです。今までって普通はレンダリング結果の2次元画像のみがサイトにある状態だったので、できるだけインタラクティブになっていってほしいと思ってます。 久しぶりにMetasequoiaを更新 - Richard蒸しパン工場 もともとは、ActionScript3.0版Metasequoiaクラスの産みの親でもあるrch850さんがブログに書いてたこの記事を見て、「あ?なるほど」って思ったことで今回の改造を実行。前にメタセコビューワをFlexで書いてみた時には、mqoファイルのURLを直に指定する仕組みだったが、この方式だと、 3Dモデリングしてる人自身が、サイトで作品を発表する時 には使えそうに無い。 そこで、JavaScriptを使用してモデルを読み込めるよう、FABridgeを使って作り直してみた。今回はFlexを使わず、ASのみで。そのためモデルの木構造表示機能はなし。 まぁ、用途的にはインタラクティブ性があるだけで美しさは無いので、チュートリアルのプレビューレベルに使えればいいか？とかそんな感じ、もしくは三次元CG＠七葉のような掲示板で練習中の作品を見せ合うために使うとかだろう。が、そう言った場合に木構造表示機能はあったほうがいいのか、それとも不要なのか？といった疑問に答えてくれる人が周りにいないので、今一開発が迷走してるように思える。 基本機能はこんな感じ。たった3つの簡単システムです。 FABridgeで、setModelPathを使ってmodelPathプロパティにmqoファイルのURLを与えてやるとモデルが読み込まれる マウスのホイールをくるくるするとズームアップ/ダウン マウスドラッグでモデルを縦横に回転できる とりあえず制限事項多数アリ。 使用可能なマップは、gif・jpg・png・tga マップの指定方法は相対パス指定のみ「C:\~\xxx.jpg」みたいな絶対指定で書いてある奴は不可 モデルを1個読んでズームを変更した後次のモデルを読んだ時にズーム値がリセットされない テストしてないんで、基本機能や制限事項に嘘がある可能性が高い。後バグも多い 処理が重い 今後の改造予定はこんな感じ。 モデルのスクリーンショットを画像として保存する機能を付ける(FICC LABS &#124; Flashから画像ファイルを保存する) 処理を軽くする Metasequoiaクラスの改造 メタセコイアのローカル座標機能を実装 バンプマップの表示 インタラクティブ(ここ参照)←rch850さんがやってくれるハズ！]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/22/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/22" />
	</item>
		<item>
		<title>ところでFABridgeって・・・</title>
		<link>http://blog.tarotaro.org/archives/19</link>
		<comments>http://blog.tarotaro.org/archives/19#comments</comments>
		<pubDate>Tue, 12 Feb 2008 15:06:40 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[FABridge]]></category>
		<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/archives/19</guid>
		<description><![CDATA[FABridgeって何て読むの？ 俺には「ファブリーズ」にしか読めなくて困ってるんだが。 ファブリーズ (スプリングリニューアル) 800mlAmazon価格：￥ 1,280]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/19/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/19" />
	</item>
		<item>
		<title>FABridgeでFlash←→JavaScript間のやり取り実験</title>
		<link>http://blog.tarotaro.org/archives/18</link>
		<comments>http://blog.tarotaro.org/archives/18#comments</comments>
		<pubDate>Tue, 12 Feb 2008 14:59:06 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[FABridge]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/archives/18</guid>
		<description><![CDATA[FABridgeを使ってFlashムービー内のプロパティを変化させ、それに呼応して処理を実行すると言う実験をしてみた。そのついでに、ExternalInterfaceを使ってFlashムービーからJavaScriptを使う実験もしてみた。 ActionScript3 のソースをコンパイルするとき、現在は flex2 SDK に含まれる mxmlc を使うのが主流です。このコンパイラはAS3の言語では定義されてない、flex 独自のメタデータタグ([] で囲まれた syntax。[Bindable] など)を解釈し、自動でAS3ソースコードをジェネレートしてくれます。 mxmlc コンパイラのメタデータタグを利用する - [Bindable] 篇 - 川o・-・）＜2nd life() この記事にあるように、メタデータタグを使うとプロパティの変化が楽に見られそうなので採用。記事内ではかなり深い考察を入れているが、取り敢えず今回は動けば良いの思想で、必要なところだけを抜き出して使用。 では、まず次のページではサンプルをご覧下さい。]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/18/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/18" />
	</item>
		<item>
		<title>script.aculo.usでドラッグ＆ドロップ</title>
		<link>http://blog.tarotaro.org/archives/16</link>
		<comments>http://blog.tarotaro.org/archives/16#comments</comments>
		<pubDate>Thu, 07 Feb 2008 15:57:46 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/archives/16</guid>
		<description><![CDATA[今日はscript.aculo.usを使って、ページにドラッグ＆ドロップを実装してみる。最近は何でもライブラリで簡単に出来る。とりあえずscript.culo.usをダウンロードして、出てきたスクリプトファイルを全部適当なフォルダに突っ込もう！ マズ、次のページでサンプルを表示してみる。]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/16/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/16" />
	</item>
		<item>
		<title>FABridgeを試してみた⇒swfobject2.0＋Firefox＋FABridge⇒上手く動かない疑惑。</title>
		<link>http://blog.tarotaro.org/archives/11</link>
		<comments>http://blog.tarotaro.org/archives/11#comments</comments>
		<pubDate>Wed, 06 Feb 2008 14:25:14 +0000</pubDate>
		<dc:creator>太郎</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[FABridge]]></category>
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.tarotaro.org/archives/11</guid>
		<description><![CDATA[FlashムービーをロードするためのJavaScriptライブラリ「swfobject - Google Code」の現バージョンである2.0RC1を使って表示したFlashムービーが、FlashムービーをJavaScriptから操作するAdobe製ライブラリ「FABridge」と組み合わせて使えない。どうやらブラウザをFirefoxにすると発生する現象のようだ。俺が今丁度その問題に直面している。 ということで、この件について色々検証してみた。 FABridgeの準備。 まず、FABridgeを使う準備。まずはインストールから。 Flex SDKを使ってる場合、SDK_HOME/frameworks/javascript以下にソースが置いてあるので、クラスパスを通すだけ。Flex Builder利用の場合は知らん。そんな高価なアプリ持ってる人は羨ましいですねぇとしか思えない。 で、次はコーディング。ActionScript3.0(*.as)だけで片付ける場合は、 JavaScript から Flash を操作できるツール、Flex-Ajax Bridge(FABridge) を試してみました。 JavaScript から Flash を楽々操作できる FABridge [てっく煮] を参照してコードを書いてください。ただし、FABridgeインスタンスを格納する変数の位置は、てっく煮にあるコンストラクタ内のローカル変数ではなく、クラスのメンバのほうが良いと言う噂もある。FABridgeのサンプルソースはメンバにしてあった。こんな感じ。 PLAIN TEXT package &#123; &#160; &#160; public class Main extends Sprite&#123; &#160; &#160; &#160; &#160; import flash.display.*; &#160; &#160; &#160; &#160; import bridge.FABridge; &#160; &#160; &#160; &#160; private var bridge:FABridge; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.tarotaro.org/archives/11/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.tarotaro.org/archives/11" />
	</item>
	</channel>
</rss>

