webdesignkeys

CSSやjavascriptなどを利用した動的なサイト作りやwebデザインに関するネタを紹介!

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comment

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2012.04.16 | | # [ edit ]

コメントの投稿













管理者にだけ表示を許可する
 

Flashを思わせるようなHTML5の技術に触れてみる

html5_likeflash_top_e95_000.png

flashを思わせるかのようなHTML5のデモ集です。chromeで見ることを強くオススメします。
Canvas Minimal Particle Animation

アニメーションで入力した文字が1文字ずつ出現し微粒子となって吹き飛ぶ!というデモです。
粒子の数とアニメーションをちょこっといじることができます。
日本語には対応してないです。

html5_likeflash_e95_001.png

CanvasMol
色々な分子の3Dモデリングです。ひたすらぐるぐる回ってます。
どうやったらこんなの作れるのか謎ですね
この記事のトップはコカインです。デモページには、モルヒネやMDMAとかの危ない感じのもあります

html5_likeflash_e95_002.png

Flickr and Canvas in 3D
canvasで3Dのギャラリーです。作成されたのは、かなり前みたいです。
パネルをクリックすると、frickerの画像が表示されます。

html5_likeflash_e95_003.png

Cloth Simulation
マウスでクリックすると掴んで動かすことができます。
伸縮性のあるネットみたいな感じで滑らかに動きます。

html5_likeflash_e95_004.png

Google Images Gift Box – CSS 3D example
ギフトボックスらしいです。
あけたり閉めたり、文字入力したりできます

html5_likeflash_e95_005.png

Liquid Particles

こちらも粒子が滑らかに動きます。マウスにくっついてくるのでクリックしたりして色々動かしましょう
わ~きれ~ってなります
html5_likeflash_e95_006.png

Ball Pool

flashでよく見かけるタイプのアニメーションです。フォトギャラリーとかでよくお目にかかるタイプですね
クリックするとカラフルなボールが湧き出て下に落ちていきます。もちろんボールを掴んでふっとばすことも可能です。他のタブ開いてからこのページのタブを押すと一斉にジャンプしてくれます。なんかイキですねぇ

html5_likeflash_e95_007.png

Bomomo

描画領域で複数の円がぐるぐるとアニメーションで踊ってくれてます。
クリックすると、動きに合わせて描いてくれるという斬新なアイデアです。なんかとってもすごいんですけど、色々組み合わせて最終的にきれいな画像を作るのは難しいです。
html5_likeflash_e95_008.png



「これflashだろ?」と一概に言えない時代ってことですね

Comment

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2012.04.16 | | # [ edit ]

コメントの投稿













管理者にだけ表示を許可する
 
<< PREV | HOME | NEXT >>

FC2 template
fc2_template_question.jpg

Category

NEWS
 

Comment

Archives

Favorite
125x125 banner 1
125x125 banner 2
125x125 banner 3
125x125 banner 4

Object
CoRich word of mouth information
Web service is developed through word of mouth information. ⇒CoRich
web design keys fc2 blog ranking!!
It challenges the ranking on my site. Please click this links. ⇒FC2 Blog Ranking
Proin magna amet fermentum dignissim
Nulla gravida, lacus molestie convallis dolor sem suscipit nisl, ut pharetra erat leo in elit.
Fusce pulvinar euismod urna vel viverra
Quisque malesuada laoreet tellus vel iaculis. Morbi nulla leo euismod pulvinar erat.
Class aptent taciti sociosqu ad litora
Curabitur vestibulum est eu purus bibendum eu eleifend diam tempor. Fusce metus eros, faucibus ut hendrerit ac.

Links

 
 
 
 
 
 
Copyright Info.

Nulla enim nibh, conse ctetuer sed, vesti bulum eleme ntum, sagittis nec, diam. Mauris blan dit vehi cula neque. Read More

 
Other Links
 
 
 
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。