webカメラなど簡単にブラウザから!新しいAPI『getUserMedia』に注目

いきなりですが、新しいhtml5API 「navigator.getUserMedia()」を、
ちょっとだけ触ってみました。
 

まだまだ新しくすぎる機能のため、使えるブラウザは現状だとopera12ぐらいですが、
ブラウザ以外特に外部ソースをなどを利用せずに、ブラウザでwebカメラが使えてしまうのに、驚き! 
(ちなみに既にダウンロード可能なGoogleChrome21 betaも対応)

これ
↓↓↓

https://matsudapress.com/lab/html5/api/test.html
※opera12ぐらいしかみれないかな。

キャプチャgetUserMedia()

 

これを使えば、顔認識や、ライブ映像などいろいろなアイデアに使えそう!!
まだ普通につかえるまでは時間がかかりそうですが、最近のブラウザの進化はとてつもなく早いので、意外にすぐに普通に使える日がくるかもw

取り急ぎ今後に注目です。

参考サイト:
http://www.html5rocks.com/en/tutorials/getusermedia/intro/

javascriptで動く物理エンジンライブラリ「box2d.js」をいじってみた

最近、html5で何かできないかネットを散歩してて、
気になったのでちょっとピックアップ!(大分古いです汗)

box2d.js」というjavascriptライブラリというのがあり、
複雑な物理演算を考えなくても簡単に作れてしまいました。
アークタンジェントとかシータとかわからなくても勝手に計算してくれますw

Flashなどでは結構みかけるのですが(http://box2dflash.sourceforge.net/)、今後html5に期待ということで、javascript版であそんでみました。

http://box2d-js.sourceforge.net/のサンプルをいじってみたのですが、
結構読み込みソースが多くてこれをスリム化できれば大分利便性があがるんじゃないかと期待をしてます。

一応html5ですので、ブラウザはchrome推奨です。
box2d.jsをいじったサンプル

box2djs


javascriptゲーム開発ライブラリ『enchant.js』 いい!

javascriptゲーム開発する際にやくにたちそうなライブラリを触わらせていただきました!

『enchant.js』
https://github.com/wise9/enchant.js

webベースのゲームが簡単に作れてしまいそうです!
enchant.jsのファイルもわかりやすくコメントが書かれているので、
より初心者にも優しい感じがとてもよかったです。
キーイベントやスプライトを簡単に触れて好感触でした。

また、サンプルで横スクロールアクションとRPG風の2点が用意されておりよりとても親切なファイルでした。

action

rpg

短時間で簡単なゲームを提供するときなど便利そうです!

自分もゲーム開発ライブラリを作りたくなってきた、、でもいまはandroidアプリを勉強せねばw

 

春シーズン用ギミック、html5(canvas)を利用した『桜が散るエフェクト』を追加しました。

もう4月ということで、本ブログに桜のエフェクトを追加しました。↑↑画面上部の「matsudapress」ロゴの部分にも地味に桜がちってます。

html5のcanvasを利用して作りました。
またgoogle先生のexcanvasを使っているのでhtml5未対応のIE8でも表示されます。
※IEの場合だけ、ちょっと重いので桜の散る数を少なくしてます。

japan sakura efect

 

また本エフェクトのソースは、下記githubにからソースコードを触れます。

https://github.com/matsuyoro/japan_sakura_efect

「MatsudaPress」フェイスブックファンページ

「第0回 HTML5プログラミング&クリエイティブ コンテスト」最終結果発表・・反省

「第0回 HTML5プログラミング&クリエイティブ コンテスト」最終結果発表
http://codezine.jp/article/detail/5828

http://www.atmarkit.co.jp/news/201103/08/html5con.html

上記、以前応募したhtml5のコンテストの最終結果が発表されました! 😮

結果は予想通り、反省点が残るばかりな結果です。。
次回チャンスがあれば、ちゃんと事前にプランニングして時間も確保したいと思います。

ツイットショット

twit shoot!
http://komachu.sakura.ne.jp/0thgallery/detail.html#free,108

twit shoot