Zoo of blue and red
前回の続きですが、 gl.drawElementsとgl.drawArraysを使って画像を描画してエフェクトをかけちゃいます。 今回のサンプル画像も東京ドロンパです。 gl.drawElementsで色んなエフェクトをかける 下記サイトを参考にさせていただきました。 GLSLはこちらに記載しあるもので、時間経過と共にパラメータを更新し再描画している感じです。 http://ics-web.jp/lab/archives/5535 ※ サンプルのために描画した下記サイトは、Google Chromeで閲覧下さい。 （Web Componentsやら使ってしまったので閲覧できる環境に制限が。。 ・うずを巻く http://experiment.itinao.net/webgl/blog/01_uzu_texture.html ・モザイク状態から徐々に鮮明になっていく http://exper
東京Node学園祭 2014を開催しました - from scratch
写真は @summerwind さんからです！ありがとうございました。 僕が最初に参加した学園祭から3年、まさか開催する側に立つとは3年前の僕は思いもしなかった。すごく楽しかった！！ 東京Node学園祭 2013にスタッフ兼スピーカーとして参加しました。 - from scratch 東京Node学園祭 2012に行ってきました。 - from scratch 東京Node学園祭に行って来ました。 - from scratch ちなみに今回は2011年にも来たGuillermo Rauch、2012年にも来たMikeal Rogersに加えて新しくStrong Loopの元CEOであるIssac RothとNodeSchoolの主催者であるMaxwell Ogdenの4人を呼んで開催しました。自分で言うのもなんですが、ハンズオンあり、基調講演ありで非常に有意義なカンファレンスだったと思って
WebRTC getUserMedia 簡単Webカメラ - jsdo.it - Share JavaScript, HTML5 and CSS
2013/11/25 taock WebRTCのgetUserMediaを利用して、カメラ、マイクの動画、音声を取得するサンプルです。 canvasに動画キャプチャを表示する機能が付いています。 //APIを格納 navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; //window.URLのAPIをすべてwindow.URLに統一 window.URL = window.URL || window.webkitURL; if (!navigator.getUserMedia) { alert("カメラ未対応のブラウザです。"); } // 変数 var canvas =
【PeerJS】HTMLファイルだけでリアルタイムなビデオチャットを作る
こんにちは。クレイの浅海です。 皆さんはブラウザを使用するビデオチャットサービスを利用しているでしょうか。 弊社では毎朝ビデオチャットを使用して「朝会」というものをプロジェクト毎に行っています。 そのため、ビデオチャットサービスは無くてはならない存在です。 ビデオチャットサービスに関する情報には敏感なのですが、先日、下の記事が目につきました。 【プラグイン不要】 ブラウザだけでビデオチャットができるサービスまとめ http://www.ideaxidea.com/archives/2014/03/video_chat.html これを見て「こんなにたくさんビデオチャットサービスが出ていたのかー」と思うと同時に、エンジニアとしてある一つの仮説が心の中に生まれました。 「あれ、もしかしてビデオチャットサービス作るのって簡単なんじゃね？」と。 作ってみた 結論を先に書きますと、多：多でのビデオチ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IANA Registry for RTCWeb Constrainable Properties
WebRTC samples
