Engadget | Technology News & ReviewsResearch indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals
HTML5を使ったオンラインドキュメンタリー·One Millionth Tower MOONGIFT
One Millionth Towerはカナダ国立映画庁作成のHTML5製オンラインドキュメンタリーです。 HTML5やWebGLを使って何ができるのか、色々思い描きつつもなかなか実際に取り組むのは困難です。そこでOne Millionth Towerをぜひ見て欲しいと思います。カナダ国立映画庁作成によるOne Millionth TowerプロジェクトはHTML5/WebGLを駆使して作られたオンラインドキュメンタリーとなっています。 3D空間がぐりぐり動きます。マシンパワーはそれなりに使います。 自分で動かすことも、ドキュメンタリーを見ることもできます。 これがHTML5+WebGLの力なのか…と思い知ることができます。 ドキュメンタリーも動画という訳ではなくWebGLを使ってぐりぐり動きます。 写真やドローが合わさってバーチャルな感じのドキュメンタリーが楽しめます。 写真の上にドロー
HTML5を使えばこんな芸当も。異なるブラウザウィンドウ間でボックス移動·CrossBrowse MOONGIFT
CrossBrowseは異なるブラウザ間でのボックス移動を行うHTML5のデモ。 CrossBrowseはnode.js/JavaScript製のフリーウェア（ソースコードは公開されている）。HTML5が普及する中で様々な試みがなされている。まだレガシーなブラウザシェアが高いために実験的な要素が大きいが、それゆえに失敗を恐れずチャレンジできるのが今だ。 これでできるはずなのだが… JavaScriptを使ってWebブラウザ上で指定ブロックをドラッグしたりするデモはある。だが、異なるウィンドウ間を移動してしまうCrossBrowseのようなデモは見たことがあるだろうか。 CrossBrowseは二つのWebブラウザ間でオブジェクトを渡し合えるソフトウェアだ。デモの動画を見るとその動きがよくわかる。ウィンドウが二つ並んでいて、片方のウィンドウにあるブロックをドラッグしてウィンドウの外に持ってい
[JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
必見。iOSアプリのデモ動画を作る時に活躍する·iPhone Simulator Capture MOONGIFT
iPhone Simulator CaptureはiOSシミュレータと連携するiOS用キャプチャソフトウェア。 iPhone Simulator CaptureはMac OSX用のソフトウェア。iPhoneアプリを販売する際にApp Storeにただ並べていても人気が出る訳ではない。アプリを紹介するサイトを作ったり、デモの動画を公開するなど独自にアピールが必要だ。 メニュー アプリのデモ動画を撮影する際には、実機を操作しているところを撮影する他、シミュレータの画面をキャプチャするという方法も考えられる。使うのはiPhone Simulator Captureだ。 iPhone Simulator CaptureはSIMBLプラグインとして提供されるソフトウェアだ。そのため、まずはSIMBLをインストールした上でiPhone Simulator Captureをプラグインに配置する。それが終
動画にWikipediaやGoogleマップ、写真などを追加して流す·Butter MOONGIFT
Butterは動画に外部情報を追加し、タイムラインと同時に流すためのソフトウェア。 ButterはHTML5/JavaScript製のオープンソース・ソフトウェア。ニコニコ動画は動画共有を再発明した。面白くもない動画や一人で見るのは躊躇してしまうような動画も、コメントを使ってみんなで空気を共有すれば面白くなることを発見した。 情報の追加画面 動画には他にも様々な魅力がある。ただ表示するだけではなく、様々なメタ情報をつけることによって更なる魅力を引き出せる。それを実現するのがButterだ。 ButterはMozillaで開発されているソフトウェアだ。動画を読み込み、そのタイムライン上にメタ情報を付加することができる。今のところ、WebサイトやGoogleマップ、Wikipedia、Flickr、Twitter、画像などを追加情報として表示させることができる。 プレビュー それらの情報は動画
初音ミクが好きなAndroidユーザ向けのアプリ·Mikuroid MOONGIFT
Mikuroidは初音ミクのウィジェットを表示するAndroidアプリ。 MikuroidはAndroid用のオープンソース・ソフトウェア。AndroidはiOSに比べて自由度が高い。その典型とも言えるのがウィジェットの機能ではないだろうか。やはりみんな自分のトップ画面はカスタマイズして自己主張したいと思うはずだ。 ウィジェット よく使うアプリケーションを配置したり、キャラクターもののボットを配置したりできる。こうしたカスタマイズがデバイスへの愛着を生むのだ。今回はウィジェットの一つとしてMikuroidを紹介しよう。 Mikuroidはあの初音ミク型のウィジェットだ。インストールした後、ホーム画面を長押しすればウィジェットメニューが出る。そこでMikuroidを選ぶと大きな初音ミクが配置される。なお、現状では特に配置される以上の機能はないようだ。 ウィジェットメニューから配置する そのま
まるでペイント。再現率の高いWebベースペイントソフトウェア·CanvasPaint MOONGIFT
CanvasPaintはWebブラウザ上でWindows標準アプリのペイントを再現するソフトウェア。 CanvasPaintはJavaScript製のオープンソース・ソフトウェア。画像編集を行うWebアプリケーションが増えている。各プログラミング言語向けに画像加工ライブラリがあるので、それをビジュアル的に呼び出す形になっている。 デモ そしてベクター、ドロー系のWebアプリケーションも増えている。こちらはSVGやCanvasといった今流行の技術をいち早く取り入れる技術的挑戦でトライしている人が多い。そしてもう一つの画像系分野、ペイント系として知っておきたいのがCanvasPaintだ。 CanvasPaintのデモアプリ、これはどう見てもWindows標準のペイントだ。左に並んだアイコンは全てが動作している訳ではなく、使えないものも数多い。それ以外の機能も使えないものもあるが、半分以上の機
Rotating color cube box with CSS3 animation, transforms and gradients
Spinning spiraling cube using CSS3 3D animation and 3D transforms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webの基本からクラウド、HTML5まで易しく解説するWeb絵本 Googleが公開
webglsamples - Project Hosting on Google Code