UI改善にキラリと役立つ！ SVGアニメーションの作り方まとめ - ICS MEDIA
SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう（参考「SVGで始めるマイクロインタラクション入門」）。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSでSVGアニメーションを実現する方法（コーダー向け） コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、
ジェフ・ハン氏のマルチタッチ・インターフェイスがすごい：Jeff Han's Multi-touch Interface
最近ギズモでやって一番衝撃だったのが「タッチスクリーンで映画『マイノリティリポート』は現実になる」。まずはこの動画から見て欲しいが、このニューヨーク大学クーラント数理科学研究所ジェフ・ハン研究員（30）は昨年2月にモントレイの「TED 2006」でこの複数点同時認識タッチスクリーンを初披露し、センセーションを巻き起こした人物だ。 その時の模様は以下の動画（8月公開）で見れる。2月公開「Crazy Multi-Input Touch Screen」もYouTubeの科学技術部門でトップクラスのビュー数を稼いだ。 2006年2月TEDにて初公開 TED会場にはGoogleのセルゲイ・ブリンとラリー・ペイジ、Amazonのジェフ・ベゾス、Sun創設メンバーのビル・ジョイら約千人がいた。緊張気味のハン氏はしゃべるのももどかしいように語る。 「100ドルパソコンが出るんです。生まれてから一度もパソコ
「空中で操作できる」ジェスチャー制御インターフェース：動画 | WIRED VISION
「空中で操作できる」ジェスチャー制御インターフェース：動画 2008年11月10日 IT コメント： トラックバック (0) Brian X. Chen 俳優のトム・クルーズ氏は、米国の新興宗教団体『サイエントロジー教会』(Church of Scientology)にのめりこむ前、映画『マイノリティ・レポート』でとても格好いいコンピューターを使っていた。マウスもタッチスクリーンもなく、空中で手を振り動かすだけで操作できるマシンだ。 Mgestyk Technologies社は、そのアイデアを現実のものにして、ジェスチャーで制御できるインターフェースを作り上げようとしている。このインターフェースは、3Dカメラと、手の動きを解釈してコマンドに変換しアプリケーションを操作するソフトウェアから成り立っている。 上の動画では、実験協力者が、自分の手以外の道具は一切使わずに、ゲームをしたり、ウェブサ
影をインタフェースに使う新型ディスプレイ、日立が開発
日立製作所は11月15日、人などの影をユーザーインタフェースに使うテーブル型ディスプレイ「シルエットカウンター」（仮称）を開発したと発表した。アミューズメント分野向けに2005年上半期の製品化を目指す。 日立ヒューマンインタラクションラボが開発した。テーブル上に投影された影に反応して動作するユニークなインタフェースを搭載した。 ディスプレイはリアプロジェクション方式。テーブル内に小型液晶プロジェクター「CPX328J」のエンジン部分を内蔵し、特殊な塗装を施したアクリル天板に42型程度の映像を投影する。テーブル内にはカメラも内蔵され、手などをかざしてできた影を認識する仕組みだ。 このほどナムコと協力し、同社のLANエンターテイメント実験店「LEDZONE」（東京・西蒲田）に試作機を設置し、デモンストレーションを始めた。ネットワークゲーム「Counter-Strike」の「作戦会議テーブル」と
MS、ハイテクテーブル「Surface」を発表
米Microsoftは5月30日、「サーフェスコンピューティング」と称する新分野の技術「Microsoft Surface」を発表する。 Surfaceはテーブルのような形をしており、30インチのタッチスクリーンが付いている。キーボードもマウスも使わずにデジタルコンテンツを操作できる。 ユーザーは手でデジタル情報を「つかむ」ことや、タッチやジェスチャーで操作することができる。複数のポイントに同時に触れても、Surfaceは1つ1つを認識でき、またテーブルのような形状のため複数のユーザーが利用できる。 Surfaceにはバーコードのような識別タグが付いた物体を認識する機能もある。例えばワイングラスをテーブルに置くと、注文したワインの情報や、その原料が育ったブドウ園の画像、そのワインに合う食べ物が表示される、といったことも可能だ。 Surfaceは2007年末から、ホテルや小売店、レストランな
レイア姫をめざして――360度どこからでも見られる立体映像ディスプレイ
WaterScape以来おなじみになっている日立製作所中央研究所のデザイン本部から、「ちょっと変わったディスプレイを作りました」というメールをもらった（同社からの発表は別記事を参照） 「360度の全ての方向から見ることができるディスプレイ」で「スターウォーズのレイア姫の映像がR2-D2から投影されるやつを作りたいと思って始めました（まだまだその段階ではありませんが）」（*1）なのだそうである。なんだかよくわからないけどすごそうだ。発表会があるというので、2月24日、出かけてきた。 ディスプレイはこのような円柱状のもので、中央の透明なアクリルで囲われた部分の内側に立体像が投影される。名づけて「Transpost（トランスポスト）」。 画像はこんな。写真が下手ですみません。ピントをあわせるということが極めて困難だったので、いろいろ条件を変えてみたんだけど、この程度。もともと解像度も低いんだけど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX Design Courses & Global UX Community
infoverse - ispace
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews