Mobile 4 Life

画面の大きさを考えるとiPadの方が操作性が上がると思いますが、ブラリと入ったクラブでVJをやるならiPhoneの方が利にかなっているかな。iPadでDJしながらiPhoneでVJをやる、なんてことも可能だ。
ちょっと気になったのは、iPad用のApple iPad Dock Connectorを使用したらテレビ出力されず、「写真」からスライドショーを表示させた後に起動すると表示されました。

ビデオ選択画面とTEXTエフェクト選択画面

今後のipad版の期待を込めて
評価：★★★☆☆

可変グリッドレイアウト

2010年10月7日 | Author: tetsu

リキッドレイアウトの話が当ブログのメンバーから上がったので、最近見かける可変グリッドレイアウトのサイトとそのサンプルをアップしてみました。

可変グリッドレイアウトのサイトはブラウザの幅を変更することでコンテンツ（記事）が再配置されるものです。

日本のサイトでは、marunouchi.comやD&Departmentなどで実装しています。

実装方法はjQuery本体とｊQueryプラグインが必要になりまして、そのプラグインは以下のサイトから入手できます。（日本の方が作られています、すごいです。）
Xlune::Blog

jquery.vgrid.0.1.6.js とjquery.easingのプラグインが必要になります。

サンプルをアップしましたので、ソースをご参照ください。

日本語サイトではないですが、GoogleのHtml5への本気度がわかります。
ぜひGoogle chromeでブラウズしてみてください。
今のところ対応しているのはGoogle chromeとOS X Safariのようです。
http://studio.html5rocks.com/
前にブラウズしたときはブラウザの違いでよく判らなかったですが、Google Chromeでブラウズしたらhtml5の認識が変わりました。
いろいろなブラウザシェアの発表をみるとIE微減、他は微増、Chromeだけ大幅にシェアを伸ばしているようです。ある調査では9月になって10％近くになったという報告もありました。

HTML5 Video Cube
ビックリしたのはシャドウの部分がASCIIテキストでリアルタイムでレンダリングされているようです。アスキーアート楽しみ方も変わるかも。
http://studio.html5rocks.com/#Cube

神アプリ降臨

2010年10月6日 | Author: yellow

3Dゲーム開発用エンジンのUnityの最新バージョン3.0がリリースがされました。
Unityはマルチプラットフォームの3Dゲームエンジンで、iPhone/iPod Touch/iPad、Mac、PC、Web、Wii、Xbox360、Android、PlayStation 3などモバイルに対応しています。
一つのプロジェクトから単一のスクリプト（JavaScript）で各プラットフォームに対応しエミュレートします。編集結果もリアルタイムに反映されるのでクリエーターはゲームの作成に専念できます。サポートでも10万ユーザーといわれるコミュニティも盛んで、安心です。
このエンジンのすごいところは価格です。無料版もあり、プロ版でも$1500です。高いミドルウェアでは億単位する業界の中では破格で、数十万円で開発環境が構築できるとあって、とくにiPhone、iPad、Androidアプリ開発のデベロッパー移行してるようです。

Unityによるデモリール

superepusjp さんによるUnity 3D Locomotion Systemチュートリアル
ボーンの設定だけで障害物をよけるのが素敵です。ありがとう

興味のある方はフリー版もあるので試してみてください。
日本語ページ
http://unity3d.com/japan/

jQueryでカレント表示(ハイライト表示)

2010年10月6日 | Author: tetsu

jQueryにてメニューの現在地（カレント）表示を行なう方法があることを知り、調べてみました。
カレントページのメニューに対してclassを割り当てることをjQueryとjsが動的に行なってくれます。


<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="solution.html">Solutions</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

<script type="text/javascript">
$(function(){
$page = jQuery.url.attr("file");
if(!$page) {
$page = 'index.html';
}
$('ul.navigation li a').each(function(){
var $href = $(this).attr('href');
if ( ($href == $page) || ($href == '') ) {
$(this).addClass('on');
} else {
$(this).removeClass('on');
}
});
});
</script>


ul.navigation{
background:#fff;
}
ul.navigation li a{
text-decoration:none;
}
ul.navigation li a.on{
color:red;
}

使い方：
JqueryとjQuery URL Parserというプラグインが必要です。
また上記にあるJSを読み込みます。

実行結果：
現在地（カレントページ）にいるときに現在地のメニューに.onというclassが割り当てられメニューが赤に変更されます。

こちらのページを参考にしました。

[イベント] iPhoneアプリを取り巻く現状とその未来

ニュースをみれば、「ソーシャル」ばかりの世の中

欲しいと思ってたら、やっぱり出たVJアプリ

可変グリッドレイアウト

HTML5 Video

神アプリ降臨

jQueryでカレント表示(ハイライト表示)

最近のコメント

アーカイブ

Pages

Site admin

タグ

最近のコメント

アーカイブ

Pages

Site admin