タグ別アーカイブ: Advanced CSS

featured_voxel

CSS が voxel.css と 3 D を行く

From CSS goes 3D with voxel.css

Web は、明らかに二次元媒体としてしばしば見られています。
そして、公平を期すためです。
それは何それはのために設計されました。
さらに、ライブ、レンダリング、3次元グラフィックスの追加は t伝統的には、プラグインが必要な。
Macromedia は衝撃波をくれた、団結してくれたユニティの Web プレイヤーとすべての中で、ほとんどのゲームで 3 D グラフィックスを使用しました。
HTML5、CSS3、およびいくつかの独創的な JavaScript は、しかし、これを変更する多くを行っています。
ああ、ゲームは、まだほとんど使われますが取ることができます。
それはさらに、正規のサイトにこれまでよりも簡単にグラフィックを統合します。
確かに、我々 はまだ have のユーザビリティへの懸念。
ナビゲーションまたは本質的な内容の 3 D グラフィックに依存するサイトは still 恐ろしい考え。
しかし、漸進的に強化を使用すると 3 D は現実的でも性能マンスに優しい方法ワンランク上のものを取る。
そのために、voxel.css を紹介します。
voxel.css はフレームCSS3 を使用して 3D オブジェクトをレンダリングの重い物を持ち上げる仕事。
Java スクリプトの設定を使用して、追加するインター活動、アニメーションをトリガーし、かなり多くのすべて他。
スタイルよく、これはわれわれは t CSS です。
約 alking。
Crysis レベルのグラフィックを取得するつもりはないです。
このフレームワークの名前として提案します。
s は、あなたが得るものは、キューブの多くは。
ブラウザーで Minecraft を考えます。
(誰かが、Minecra を造るとこの 3 つの ft クローン … 2 …) まだ、色むらがあるいくつかの印象的なことを行うことができますグラフィック。
8 ビット アートを全く新しいレベルに撮影と考えます。
簡単な 3 D レンダリングの基本的な実装voxel.css の実例には、ライブラリを含めると 15 行のコードが必要です。
これにより、なります仮想シーンのモデル、ポイント アンド クリックのスタイルを編集することができます。
T を表示できます。
いずれかに hese シーン web ページ、必要に応じてそれらをアニメーション化する. テクスチャは、PNG を使用してあらゆる種類の画像を使用します。
透明性、アニメーションの GIF または無制限のスケーラビリティの SVG ファイル。
Reaso の JPG を使用してください。
ns 未知のまたは、WebP 形式でまだすべてのブラウザーで実装されていないものが好きなので. あなたの web カメラからのライブ映像をテクスチャとして使用して、ブロックをデモもあります。
GPU アクスleration もう、CSS3 です。
デバイスのグラフィックス カードの優れたレンダリング パワーを使用することができます。
(またはチップ、場合によって、ある) あなたの仕事を表示します。
途切れ途切れのグラフィックについて心配する必要はありません。
モバイル デバイスの最も遅いが、何か。
(を使用する必要バック落ちる任意の ca の方にe.) 結論 voxel.css は yo にいくつかの三次元の良さを取得する単純なまじめな方法web アプリケーション、ページ、サイト、またはゲーム。
それを試して見て、デモをしているかどうかそれはあなたのプロのために右ジェクト。
写真素材の最後の日: 大規模な割引 90% オフ! ソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}