loftimg.jp/blog

RSSアドレス変更のお知らせ

Fri, 19 Jul 2010 00:00:00 +0900

いつもloftimg.jp/blogをごらんいただきありがとうございます。

この度、loftimg.jp/blogのRSSを「http://feeds.feedburner.com/loftimg」に変更しました。

付きまして今後このRSSの更新はいたしませんので、大変お手数ではございますが、RSSリーダー等に登録して頂いているURLを変更していただくよう、よろしくお願い申し上げます。

Papervision3Dで中心点をViewport3Dの中央からずらす

Fri, 16 Jul 2010 19:17:00 +0900

Papervision3DはViewportの中央が消失点になっているが、ずらしたい時があったのでちょっこっとViewport3Dを拡張したクラスを作ってみた。 wonderflにアップしたのでよろしければどうぞ。バグがあるかもしれないので、見つけたらForkして直してくださいw

Papervision3Dで中心点をずらす - wonderfl build flash online

そもそもそういう機能ありそうな元からありそうな気がするけど、見つからなかった。既にPV3Dで実装されてたら教えてください。

LAFORET GRAND BAZAR TWEET SHOWER

Tue, 13 Jul 2010 17:58:15 +0900

LAFORET GRAND BAZAR TWEET SHOWER ラフォーレ原宿で7月15日〜19日に催されるラフォーレグランバザールのスペシャルコンテンツを制作させていただきました。 TV CMの世界観を踏襲しつつ、Twitterで「#Laforet_SALE」のハッシュタグをつけてつぶやかれたツイートをいくつかの表現に落とし込み、バーゲンの盛り上がり感、お祭り感を表現する事に注力しました。「#Laforet_SALE」を付けてつぶやきつつ、是非ラフォーレ原宿へ足を運んでいただければと思います。関係者の皆様おつかれさまでした＆ありがとうございました。

ほうづき市

Sun, 11 Jul 2010 00:12:55 +0900

浅草のほうづき市に行って、夏祭りの雰囲気を久しぶりに堪能しました。最近は家と仕事場の往復しかしてなかったのでw、浅草の雰囲気とか祭りの高揚感とかそういう空気に触れられてリフレッシュ。写真も久々に撮りました。しばらく眠っていた写真熱が、、、35mm単焦点欲しい。。。w

USJ宇宙ジャンケン

Sat, 27 Mar 2010 16:44:22 +0900

USJ宇宙ジャンケン（公開終了） USJの新アトラクション「スペース・ファンタジー・ザ・ライド」のキャンペーンサイト「USJ宇宙ジャンケン」の制作を弊社で担当させていただきました。今回は普段作っているようなPC用の他に、携帯、mixiアプリ用のコンテンツも制作させていただきました。僕は主にmixiアプリの機能を利用した部分を重点的に担当させていただきました。初めてのmixiアプリで四苦八苦している中「できた！」と思ったとたんmixiの規約変更。。。一時は公開できるのか！？と冷や冷やしましたが無事公開できました（笑）関係者のみなさまおつかれさまでした＆ありがとうございました！

BetweenAS3 Easing Viewer

Wed, 06 Jan 2010 03:45:21 +0900

BetweenAS3 Easing Viewer BetweenAS3のイージング関数いろいろあって便利なのですが、迷うときがあるのでリストにしました。 Linearに関しては6つもいらないか。。。

HAPPY NEW YEAR 2010

Tue, 05 Jan 2010 15:19:58 +0900

明けましておめでとうございます。本年もどうぞよろしくお願いいたします。今年は今まで以上にいろいろな人と、ウェブに限らず何かを作っていければいいなと思っています。素敵な年になりますように！

SanDisk | サンディスク地球を記録に残したい。

Mon, 30 Nov 2009 18:03:19 +0900

SanDisk | サンディスク地球を記録に残したい。「SanDisk | サンディスク地球を記録に残したい。」を ARCHETYP にて制作させていただきました。サイトでは、写真家の平山和充氏によるオンラインギャラリー「1,000年後も残したい、地球の姿（カタチ）」に加えて、ナショナルジオグラフィックのドキュメンタリー番組「自然界の守り神」の番組紹介ページもあります。平山氏、ナショナルジオグラフィックチャンネルそれぞれの壁紙、スクリーンセーバーのノベルティもご用意しました。どちらの写真もパワーが伝わってきます必見です！さらに今回は豪華なプレゼントキャンペーンも開催しています。そちらも要チェックです！

サマーウォーズ

Sun, 23 Aug 2009 14:21:37 +0900

http://s-wars.jp/ サマーウォーズを見ました。久しぶりに映画館で映画を見ましたが、とても良い作品でした。ブルーレイで発売されたら購入しようと思いました。 WALD9に初めていったんですが、きれいな映画館でした。ピカデリーよりも好きかな。

中央ろうきん「お悩み解決！住宅ローン」サイト

Wed, 05 Aug 2009 17:37:38 +0900

中央ろうきん「お悩み解決！住宅ローン」中央ろうきん様の「中央ろうきん「お悩み解決！住宅ローン」サイト」を制作させていただきました。膨大な文章量と「住宅ローン」という小難しそうな話題を身近に感じていただけるように、イラストや図版を多く使い表現しました。 Flashの実装に関しては、ディープリンクを実装するという要件があったためProgressionをフレームワークとして採用しました。今は金利が底値と言われていて住宅購入のチャンスみたいですね。住宅の購入を考えている方は是非ご覧になってみてください。関係者の皆様お疲れさまでした＆ありがとうございました！

[Tips] 写真などを切り抜く時のポイント

Fri, 31 Jul 2009 17:14:12 +0900

写真を切り抜く場合フォトショップなどで画像を拡大して輪郭をパスでなぞっていくと思いますが、どの程度の拡大率でどのように切り抜いてますか？以下僕の場合【Web用の場合】 400%に拡大し、輪郭の1px内側を切り抜く【印刷用の場合】 800%に拡大し、輪郭の1〜2px内側を切り抜くとしています。輪郭の内側を切り抜くのは、輪郭ギリギリにしてしまうと対象の外側にある色が入ってしまって、不自然になってしまうからです。

[Tips] Fireworks PNGの文字情報をPhotoshopで読み取る方法

Fri, 24 Jul 2009 18:51:28 +0900

FireworksからPSDの書き出しをして、Photoshopで開くと日本語が化けてしまって選択してコピペができなかったりする。そんな時は以下の方法でテキスト選択できるようになるはず。該当ファイルをPhotoshopで開き「これらのレイヤーを更新しますか？」の問いに「更新」をクリック。そうすると下記の画像のように化けてしまうはず。そこで、まずはレイヤーを全部選択。でもって「ウィンドウ」→「文字」から文字パネルを表示させフォントを「MS ゴシック」などの適当な日本語に。すると文字化けしていた箇所が正常に戻り、選択できるようになる。ワイヤーや構成をFireworksで作成される方もいてちょっと躓いたので、メモがてらエントリー。ちなみにFireworks上でグループ化していると、Photoshopに持って行った時にラスタライズされてしまうので注意。 Mac、Fireworks CS3、Photoshop CS3にて確認。

面白法人カヤックのサイトがリニューアル＆777フェスティバル

Wed, 08 Jul 2009 19:13:34 +0900

一年ほど前まで在籍させていただいたKAYACのサイトがリニューアルされました。カヤックらしさすごい出てますね。漫画っぽい！ページスクロールするたびに背景が変わったり、サイトマップの「達成率」だったり、未来のニュースが見れちゃったり至る所に小技が効いてます。関係者の方々お疲れさまでした！（実は奥深くに、僕もひっそり登場させていただいてます。。。）こちらにカヤック代表のやなさんによる今回のリニューアルの解説が詳しく載ってます。カヤックサイトリニューアル解説そしてカヤックといえば毎年7月7日には777フェスティバルですね。カヤックサイトリニューアルもそのひとつなんですが、他にもいろいろやってくれてましたね。毎年楽しみな日のひとつです☆ いろいろリリースされてて書くの大変なので（笑）以下特設ページを見てください。第11回777カヤック☆フェスティバル｜面白法人カヤック

「JavaScriptからFlashにフォーカスを与えられるよ」を参考にしてみた

Mon, 22 Jun 2009 12:50:07 +0900

JavaScriptからFlashにフォーカスを与えられるよ - てっく煮ブログを読んで、てっく煮さんの記事ではテキストエリアにフォーカスを当てているけど、stage.focusにもなにかを代入すれば行けるんじゃ？と思いついたのでやってみた。

FlashではキーイベントやマウスホイールなどFlashにフォーカスがないとだめなイベントがある。
いままではFlashエリアを一度クリックしないとフォーカスが与えられないと思ってたんだけど、できたぽい。

実際のコードはこちら

ActionScript

import flash.external.ExternalInterface;

//ExternalInterfaceに登録
ExternalInterface.addCallback("onload", _onLoad);

//JavaScriptから実行される関数
function _onLoad():void {
	stage.focus = ターゲット（stageとか特定のMCとかとか）;
}

JavaScript

window.onload = function() {
	var el = document.getElementById("swfのid");
	if(el && el.onload) {
		el.focus();
		el.onload();
	}
}

こんな感じでJavaScriptからフォーカスを当てた後に、ActionScript側で stage.focus に代入してあげればよいよ。

mount × ARCHETYP 第2回 WEFA CUP

Sun, 31 May 2009 17:31:48 +0900

mount × ARCHETYP 第2回 WEFA CUP 2009年1月に開催したWEB業界ウイイレNo.1決定戦、WEFA CUP。皆様のあつい思いにお応えいたしまして、第2回を開催することとなりました。今回もmountさんと共同開催です。前回は平日にも関わらずたくさんの人にお集まりいただきました。今回は前回都合が付かずお越しいただけなかった人にも参加していただけるよう、週末6月27日（土）に開催します。場所は渋谷のHI.SCORE Kitchen。おいしいごはんとお酒を飲みながら、ウイイレを思いっきり楽しんでみてはいかがでしょう？前回のリベンジを果たしてやる！！我こそはWeb業界ウイイレNo.1だ！！ウイイレ観戦萌え！！ウイイレしている人が大好き！！チアリーダー！！w な方、参加お待ちしております！！同僚、友人も誘って是非参加してください。参加などの詳しい情報は特設サイトをご覧ください。

[Papervision3D] マウスイベントでハンドカーソルにならない？

Mon, 25 May 2009 20:30:54 +0900

PV3DでDisplayObject3Dをボタンにしたいときの設定。バージョンは2.0.0。

Viewport3D.interactive プロパティを true にしてインタラクティブイベントを取得できるように。
続いて、Viewport3D.buttonMode プロパティを true に。これで指アイコンに。コードは以下

_viewport = new Viewport3D(width, height);
_viewport.interactive = true;
_viewport.buttonMode = true;

ただこれだけだと、イベントを取りたくないオブジェクトまで指アイコンになってしまうので、

_viewport = new Viewport3D(width, height);
_viewport.interactive = true;
//_viewport.buttonMode = true; // ここはコメントアウト

var material:ColorMaterial = new ColorMaterial(0x0, 1);
material.interactive = true;
var object:Plane = new Plane(material, 100, 100);
object.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, _objOverHandler);
object.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, _objOutHandler);

function _objOverHandler(e: InteractiveScene3DEvent):void {
    _viewport.buttonMode = true;
}

function _objOutHandler(e: InteractiveScene3DEvent):void {
    _viewport.buttonMode = false;
}

これで一応意図した動きに。

参考にさせていただきました！
Papervision3D 2.0 マウスアクションをつける際のハンドカーソル | FlashやWebにまつわるいろいろなこと