これwebの革命じゃない!?とおもうほどすごいwebGLを使っためちゃすごいサイト!!

 

すごい!技術アートの合作!

html5 + webGLを使っためちゃめちゃかっこいいサイト!

 

webgl cube reflection demo

webgl cube reflection demo


とにかく一度みてみたほうがいい!!(おそらくchrome推奨)

ここ!webgl cube reflection demo

インスパイアされてしまった!!こんなサイトつくりたい!

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

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

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

japan sakura efect

 

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

https://github.com/matsuyoro/japan_sakura_efect

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

『IMAGING SQUARE』すごすぎ!ほとんどの写真がアートになるのでは!?

CASIOさんのイメージングスクエアにびっくりしました!! 😯
ちら↓↓

http://art.casio.com/

いま、http://instagr.am/さんがiOSなどで人気ですが、
このイメスクも見逃せません!

写真が油絵などに簡単に変換できてしまう。
しかもこの精度すごすぎです!

もともと写真だったなんてわからないよね ↓

 

砂浜挙式(野獣派油彩)

または、こんな感じに ↓

DSC00035(パステル)

風景も!↓

沖縄風景(ゴシック油彩)

ソーキそばもこんな感じにw

DSC00298(重厚な油彩) (1)これそのまま写真をポスターなどにできますねw(汗

html5の公式ロゴ、、色々な評価があるようですが

http://www.w3.org/html/logo/#swag

W3Cのhtml5公式ロゴが決まってしばらくたちましたが・・・
twitterや記事のコメントで色々な評価があるようです。。

僕自身も正直最初は「Flashゲームみたい・・・」とおもってしまいました。
ただ何度か見ているとなれてきて逆にいいんじゃないかと、いまは好印象です!

html5

また、テクノロジークラス?用のロゴとならべるとフウインキよくていまは気にいってます 。


HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage