ホームページ > ウェブフロントエンド > htmlチュートリアル > 軽量の 3D CSS library_html/css_WEB-ITnose

軽量の 3D CSS library_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:57:00
オリジナル
866 人が閲覧しました

JavaScript 3D ライブラリ

このプロジェクトの目的は、軽量で実用的でシンプルな 3D CSS ライブラリを作成することです。

使い方 使い方

縮小したライブラリファイルとcssファイルをダウンロードしてHTMLに組み込むだけで簡単です。

<script src="js/voxelcss.js"></script><link rel='stylesheet' href="css/voxel.css"></link>
ログイン後にコピー

次のコードはそのアプリケーションです:

<script>    var scene, world, editor;    init();    function init() {    scene = new voxelcss.Scene();    scene.rotate(-Math.PI / 8, Math.PI / 4, 0);    scene.attach(document.body);    var lightSource = new voxelcss.LightSource(300, 300, 300, 750, 0.3, 1);    scene.addLightSource(lightSource);    world = new voxelcss.World(scene);    editor = new voxelcss.Editor(world);    editor.enableAutoSave();    editor.load();    if(world.getVoxels().length === 0)      editor.add(new voxelcss.Voxel(0, 0, 0, 100, {        mesh: voxelcss.Meshes.grass      }));    }</script>
ログイン後にコピー
  • 公式ドキュメント
  • 3D CSS アプリケーション デモ
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート