CG WORLD (シージー ワールド) 2011年 03月号 [雑誌] Cinefex No.17 日本版 − ウルフマン − Cut (カット) 2010年 09月号 [雑誌]

Home > Web

カテゴリー: Web

javascriptで顔認識を可能にするライブラリ

C言語ベースの軽量なモダン・コンピュータビジョン・ライブラリ

コンピュータビジョン・ライブラリといえば、インテルのコンピュータビジョン向けオープンソースライブラリ「OpenCV」というフレームワークが有名だが、 Javascriptによる顔認識を行う「CCV(C-based/Cached/Core Computer Vision Library)」というライブラリが公開されている。


記事の全文を読む

Web画像向けの“減色・画像最適化オンラインツール”「OPTPiX WebFree」

「OPTPiX」を開発しているウェブテクノロジが、「OPTPiX WebFree」というサービスを開始

http://optpix.com/webfree/

OPTPiX WebFree

Webブラウザ上で画像の減色や最適化、(ネガ、セピア、シャープ、ぼかし、モザイク、エンハンストフィルタなどの)フィルタ処理、Lanczos 3アルゴリズムを使った画像縮小、GIF や 8bit PNG(PNG8)への出力が行える無料のWebサービス。


記事の全文を読む

Googleヒューマンビートボックス

Google翻訳で“Beatbox”が可能!

http://goo.gl/rzBQy

Google 翻訳

ヤマハが開発した音声合成技術「VOCALOID(ボーカロイド)」の様に(メロディーは付けられませんが)、ユーザーが入力した単語をGoogleに歌ってもらう事が出来るそうです。

しかも、ヒューマンビートボックスです。


記事の全文を読む

Javascriptで実装されたお絵描きアプリ「JSPaint」

CanvasやJavascriptで実装されたお絵描きアプリ

http://labs.artandmobile.com/jspaint/ http://twitpic.com/search#q=%23jspaint&type=mixed

Webブラウザーでペイントや投稿が楽しめる

2010年09月末現在、カラーホイールでの色選択や指先ツール、Undo(Ctrl+Z)& Redo(Ctrl+Alt+Z)、Save&Loadまで実装されています。 そして、描いた絵はTwitterに投稿できます。

お絵描きアプリケーション「JSPaint」や「Twitpic」へのリンクは、記事の続きに掲載しましたのでご覧下さい。


記事の全文を読む

HTML5で実装されたパレットアニメーションアート「Canvas Cycle」

HTML5製 8bitパレットの“カラーサイクル”

True 8-bit Color Cycling with HTML5 Art by Mark Ferrari Code by Joseph

http://www.effectgames.com/demos/canvascycle/?sound=0

HTML5を使ったJavascript製ゲームエンジンライブラリ「EffectGames.com」は、オンラインの開発ツールを無料で提供&製作されたブラウザーベースなゲームを共有しているサイト。

このサイトで公開されているサンプルで、“カラーサイクル”と言われるテクニックをHTML5のCanvasエレメントで実装した事例「Canvas Cycle」が公開されている。


記事の全文を読む

Mozilla、ブラウザ向けゲームプロジェクトを開始

国際ゲーム大会「Game on 2010」というゲーミングコンペティションを開催

https://gaming.mozillalabs.com/

今後はWebブラウザーもゲームプラットフォームになる!?

既存のwebブラウザー向けゲームの多くは、Adobeの「Flash」を使った物が主流だが、 2D表現を行うHTML5の「Canvas」や「SVG(Scalable Vector Graphics)」技術、3D表現を行う技術「WebGL」がブラウザーに実装されつつある。


記事の全文を読む

HTML5製のノードベースの図形作成アプリ

  • 2010-09-09 Thu
  • Web

プログラム知識不要なシンプルなノードベースで3次元の“図形”(線)作成が可能なWebアプリ

スクリーンショット

web_FlyTracer.png

「10K APART」という10KBのJavascriptコンテストに応募されたAlex Corbi氏とJohannes Schnettker氏のコラボレーション作品だそうで、 jqueryなどのJavascript、HTML5のcanvasで作成されている。


記事の全文を読む

物理エンジン&お絵描きソフトのWeb版「PHYZIOS Lab」β版が公開

スクリプト言語は「Lua」を、また物理エンジンにはAlchemy版「Box2D」を採用

http://phyzios.net/lab/

Web版PHYZIOS

プログラムをWebのフォームに記述するだけでシミュレーションを動かせる「PHYZIOS Lab」のβ版が公開された。 また、ドキュメントとしてWikiが開設されている。

記事の続きをご覧下さい。


記事の全文を読む

新しくなった“Google画像”検索ページを簡単に戻す方法

タイルレイアウトになったGoogle画像検索を以前の様なレイアウトに戻す方法

http://goo.gl/AvRh

画像検索ページが新しいインターフェイスに

2010年8月頃、Google 画像検索のページが新しいインターフェイスに切り替わり、 ヒットした画像がタイル状のレイアウトになり、また、スクロールするだけでロードされる様になり、情報が整理されました。

旧来のページに簡単に戻せる様に、検索直後にクリック1回で押すだけで簡単に切り替えられる「Bookmarklet」を作成しましたので、メモとして残しておきます。


記事の全文を読む

マウスだけでプログラミング♪ 文部科学省の学習サイト

プログラミングを学べる文部科学省のサイト「プログラミン」

http://www.mext.go.jp/programin/

ドラッグ&ドロップなどの簡単な操作でプログラミング学習サイト

squeakに似ていて、パラメーターの数値入力以外を“命令”をドラッグ&ドロップで組み立ててプログラミングを学習できるサイト。

バンダイナムコゲームスの某ゲームに似たパックマソなど、大人も作って楽しめる様です。


記事の全文を読む

Adobeの“Webフォント”「Adobe Web Fonts」

Adobeが“Webフォント”「Adobe Web Fonts」を提供開始

http://typekit.com/foundries/adobe

TypekitのWebフォントライブラリで提供される

TypekitはSmall Batch, Inc.が提供するサブスクリプションサービスで、 CSS3の@font-face機能を数行のJavascriptコードで簡単に利用できる。


記事の全文を読む

HTML5ベースのオンライン・ペイントツール「Muro」

「deviantART(デヴィアントアート)」のオンライン・ペイントツール

http://news.deviantart.com/article/125373/

クリエイターの為のオンライン創作コミュニティ「deviantART(デヴィアントアート)」が、 HTML5ベースの高機能なオンライン・ペイントツール「deviantART Muro」を公開した。


記事の全文を読む

Microsoft「Street Slide」

街の“通り”を側面からスクロールして見れる、Microsoftの「ストリート・サイド」

Microsoftの研究部門である、Microsoft Researchが今年の「SIGGRAPH 2010」で発表された、 “多数のパノラマ写真(バブルと呼ぶらしい)をシームレスに繋げて、ナビゲーションを実現”する方法。


記事の全文を読む

ミュージックジェネレーター「iida calling」

“ユーザー参加型ミュージックジェネレーター”キャンペーンサイト「iida calling」

http://iida.jp/calling/

KDDIは2009年4月から、デザインブランド「iida」のプロモーションとして、 ユーザーがカスタムマイズしたオリジナル楽曲作成が可能なソーシャルメディア。


記事の全文を読む

Firefox 4「タブをアドレスバーの上に変える訳」(動画)

Why Tabs are on Top in Firefox 4

メモ。


記事の全文を読む

「Google Reader Plus」のCSS設定追記

“Google Reader Plus”の「Relook」設定でCSSを追記

“ナビゲーション”の幅を若干(+100pix)広げてみる

デフォルトのGoogleリーダーでは、左側にある“ナビゲーション”の開閉は出来るものの、幅は自由に変えられない。

Googleが提供するサービスを使う際に主にGoogle Chromeを使っていため、 幅の拡大は、Google Chromeエクステンションである「Google Reader Plus」を使って行った。

Google Reader Plusでは、適応するSkinをプリセットや自分で設定する機能があり、自由にデザインを選べます。

「Google Reader Plus」エクステンションでは、自前のCSSを書いて適応出来る設定項目もあり、 今回はこの機能で幅の大きさを変えてみます。


記事の全文を読む

カスタマイズ可能なGoogle Mapを作れる様に

属性や色など、さらにカスタマイズ可能なGoogle Mapを作れるAPI ver3が発表

Google I/O で紹介された「Google Maps API」の最新版であるバージョン3では、

「Google MAPS API」に登録してキーを取得すれば可能だったが、要らなくなったそうです。


記事の全文を読む

“ギガピクセル”のパノラマ写真をシェアするサイト

“ギガピクセル”と言うジャンルのパノラマ写真をシェアするサイト「Giga Pan」

Googleをスポンサーに、カーネギーメロン大学とNASA エイムズ研究センターのIntelligent Systems(知的システムと人工知能)部門が中心となった「Global Connection Project」というプロジェクトだそうな。


記事の全文を読む

物理現象と比較した「Google Chrome スピードテスト」動画

ポタト銃・音波・稲妻 VS グーグルクローム

WindowsをインストールしたラップトップMacBook Proを使って“物理現象”と“Webページのレンダリング速度”を比較した動画と、メイキング映像も一緒に掲載しておきますね。

記事の続きをどうぞ。


記事の全文を読む

Vimeoに掲載された飛び出すCM動画

Tostitos・Honda

ページのヘッダー部分が大きなFlashになってる、例の手法なんですが、知らないで見始めるとびっくりしますね。

リンクを貼りましたので続きをご覧下さい。 また、(ページに貼ると飛び出さないけど)動画も掲載しておきますね。


記事の全文を読む

「のびのびBoy」サイトのBoyがちょっと面白い

Javascriptで出来ている!?

リニューアルされた「のびのびBOY」の公式サイトでは、MochiKitライブラリとCanvasで描かれたBoyがインタラクティブに“うにょうにょ”しています。

スクリーンショット

web20100222_NobinobiBoy_1.jpg web20100222_NobinobiBoy_2.jpg

Canvasタグを使っているので、WebkitやGeckoで動作するSafari、firefox、Chromeなどのブラウザーで閲覧が可能。(Internet Explorerでは見られない)

制作はどうやら、メディアアーティストの徳山知永氏のようですね。


リンク

公式

関連

プロダクション

視聴者参加型PVプロジェクト「One Frame of Fame」

Webカメラを使って皆でミュージックビデオを完成しませんか?

スクリーンショット

MoreIsLess-OneFrameOfFame.jpg

「One Frame of Fame」プロジェクト

アーティスト「C-Mon & Kypski」のシングル「More is Less」のミュージックビデオを “バンドメンバーのポーズを真似た視聴者自身をWebカメラで撮影してアップロード。アップロードされた写真を1コマ分の映像として重ねていく。” という視聴者参加型(コラボレーション)で作るサイトを立ち上げている。

このエントリー記事を書いている現時点で7693もの投稿があるみたいですよ。


記事の全文を読む

「Mashup Awards 5」受賞作品発表

各社が公開しているAPI等を組み合わせて、Webサービスを開発するコンテスト

5回目を迎えた「マッシュアップ アワード(Mashup Awards)」が開催され、受賞作品が発表されました。

今回は、TwitterやiPhoneなどを活用した作品が増えたようです。


続きを読む

Webブラウザ上で3DCGを描画する技術

2009年3月に発表された新しい Web標準「WebGL」

ちょっと前に話題になったヤツをメモしておきます。

Webブラウザーで3DCGのゲームを遊べる日は近いですね!

WebGL / Canvas 3D Preview in WebKit r48331


続きを読む

立体ブロックを配置してお絵描きができるWebサイト

立体ブロックを配置してお絵描きができるWebサイト「Q-BLOCK」

トロ、ミク、マリオなどアップされていますね。


photo
ドッツ どこでもいっしょ Aセット
トミーテック 2006-05-19

by G-Tools , 2009/08/17

photo
ドッツ どこでもいっしょ Bセット
トミーテック 2006-05-27

by G-Tools , 2009/08/17


リンク

公式

関連

同様のWebサービス
Flash

Home > Web

TopHatenar
購読者数・ブックマーク数相関グラフ
リンク - Blog
クリエイター
展覧会
Adobe
SIGGRAPH
with Ajax Amazon

Return to page top

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。