サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
jp.html5collect.net
html5collect.net 2023 著作権. 不許複製 プライバシーポリシー
Canvasを使ってJPEGを透過させる新しい角度からのデモ『JPEGs with Alpha Channels?!?』 通常では透過されないJPEGを透過させるデモが公開されていましたので御報告致します。 JPEGs with Alpha Channels?!? サイトを訪れると、男性の画像が二枚縦に並んでいるかと思います。 実は、上側の画像は透過処理させたPNGではなく、 JPEG画像の上にPNG画像をマスクとして載せたものです。 下は普通の透過処理を施したPNG画像です。 見た所、どちらも人物以外は背景のストライプが見えており、 普通に透過されているように見えます。 早速、それぞれの元画像を見て見ましょう。 下のPNG画像のリンクをクリックすると生の画像を見る事が出来ますが、 やはり透過処理を行った普通のPNG画像です。 では、このPNG画像のような透過処理をどのようなファイ
『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした人体の動きを、WebGLとしてブラウザ上で表現したデモが公開されていましたので、御報告致します。 kinect サイトを訪れると、青っぽいパーティクルの集合で表された動く人のシルエットが 表示されるかと思います。 この人体のシルエットこそ、『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした 内容です。 ここまではっきりとキャプチャしてくれているんですね。 更に、そのキャプチャした内容を解析して、WebGLとして ここまでスムーズに表現出来るとは驚きです。 そのうちに、人体の動きをキャプチャしてブラウザを操作するなど、 ブラウザとのかかわり方の幅がとても広がっていく事でしょう。 このWebGLのデモでは、視点をマウスによって操作する事も可能です。 視点の操作は、寄りたい方向にマウスポインタをあわ
リアルタイムで交流できるオンラインRPGゲームがHTML5にて作成されました。正直、驚きの連続ですので、是非ともプレイしてみてください。 BrowserQuest まずはキャラクターを作成します。 キャラクター名を入力し、PLAYボタンをクリックすれば ゲームの開始です。 このゲームは基本的に 戦闘も移動もアイテムの取得や宝箱を開けるなどの動作は全てマウスで操作します。 ですが、内容や機能は本格的に実装されており、 モンスターとの戦闘方法もフィールド上で行えますし、 エンターキーを押せばフィールド内で発言する事も出来ますので、 リアルタイムでプレイしている他のプレイヤーと交流を持つ事も出来ます。 オンラインRPGの基本機能は全て実装されていると考えて間違いないでしょう。 フィールドも広く、建物の中に入れたり、町人がいたり、 取得するアイテムや装備品によってコスチュームが変更され
HTML5で製作されたクオリティの高いサイト70選が、海外のinstantshiftで紹介されていました。Html5Collectではさらに厳選して、個人的に気に入った3サイトを紹介します。 70+ Inspirational Examples of Websites Designed With HTML5 ブランドやプロモーションを手がけるトルコにあるコーポレートサイト。 マウスに追随して動くレイヤーなど、シンプルなのにこの表現力はすごいですね。 Digital Hands 最近、話題になっているNikeのサイト。 こちらもダイナミックな動きがかっこいいですね! Nike Better World デザイン性の高い、日本のWebデザイナーのサイトです。(※音注意) どうみてもFlashにしか見えないところにセンスと技術力の高さが伺えます。 S5-Style この他にも元エントリーで
このページを最初にブックマークしてみませんか?
『http://jp.html5collect.net/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く