君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか？ この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas（WebGL）の3つについて、それぞれのできること・できないこと（得意・不得意）を作例とともに紹介します。 クイズ：どうやって実現する？ webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas（WebGL）のいずれかを中心に実装されています
ネイティブvvvvからvvvv.jsまでまるっとお得にあそんでみるセット - CANDY CHUPS Lab. - BOOTH
なんでもできるツールキット「vvvv」vvvvはドイツで生まれた，メディアアートに特化したビジュアルプログラミング言語です． vvvvではCG制作はもちろん，物理シミュレーション，プロジェクションマッピングをすることもできます． ArduinoやMIDIキーボードやUSBカメラなどの外部接続機器との連携方法も簡単で，プロトタイピングにぴったりのツールです． このセットでは、まだ手持のPCにvvvvがインストールされていない方でも安心してvvvvに入門できるように環境構築・基本的なCGプログラミング・応用的な内容を網羅したvvvv本3冊と、Webブラウザでもvvvv(もどき)が使える「vvvv.js」のハンズオン内容をまとめた1冊がまとめてあります。 1冊1冊バラバラに買うよりもお得なセットとなっています。 技術書典4～6で頒布したvvvv本を一気に・お得に購入できますvvvvでCGプログラ
PlayCanvas - 今後のトレンド！HTML5/WebGLなゲームエンジン MOONGIFT
iOS 8からSafariがWebGLに対応することが発表されました。これによりスマートフォンにおいてもWebGLを使ったコンテンツが広がりを見せるでしょう。特に利用されると思われるのがゲーム分野かと思います。 そこで注目したいのがWebGLによるゲームエンジンを提供するPlayCanvasです。オープンソースなゲームエンジン、見逃す手はなさそうです。 PlayCanvasの使い方 数多くのデモが登録されていますので順番に見ていきます。 シンプルにキューブが浮かぶデモ。 モデルロード。回転しています。 光源を反映したデモ。 アニメーション。動きはスムーズです。 3D空間を走るデモ。 シェーダー。モデルが燃えながら消えていきます。 マウス、キーボード入力もサポートされています。 FPSデモ。マウスとキーボードで動き回れます。 iPod TouchなiOS 8であれば一部のデモが表示されました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
