jquery 3D房间创建插件 jRoom

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-02 23:13:08

软件介绍

jRoom

 一个可以创建3d房间的jquery插件。只需添加一行js脚本就可以创建出一个可以拖动旋转的3d房间。

配置项

  • 可用配置项

    • 墙纸宽度 wallWidth , 墙纸高度 wallHeight

    • 立方体背景配置 cube

    • 墙面附加物配置 attach

    • 立方体class名称 cubeClass

    • 视角调整比例 perspectiveRate

  • 默认配置

{
    wallWidth: 300,
    wallHeight: 300,
    cube: {
        front: 'white',
        back: 'white',
        left: '#d3d3d3',
        right: '#d3d3d3',
        top: '#f3f3f3',
        bottom: '#ddd'
    },
    attach: {
        front: '',
        back: '',
        left: '',
        right: '',
        top: '',
        bottom: ''
    },
    cubeClass: 'room-cube',
    perspectiveRate: 1,
    viewLimit: {
        xMin: -15,
        xMax: 15,
        yMin: -360,
        yMax: 360
    }
}

基本使用方法

<head>
    <script src="jquery.min.js"></script>
    <script src="../dist/jRoom.min.js"></script>
</head>

<body>
...

<div class="room">

</div>
...

<script>
    $(function(){
       $('.room').jRoom({
           wallWidth:635,
           wallHeight:664,
           cube:{
               back:'a/back.jpg',
               front:'a/front.jpg',
               left:'a/left.jpg',
               right:'a/right.jpg',
               top:'#90c0c0',
               bottom:'#9f5d3b'
           },
           perspectiveRate:1.21
       });
    });
</script>
</body>

详细请查看 demo页面 / demo页面2

本文地址:https://codercto.com/soft/d/22537.html

Algorithms Unlocked

Algorithms Unlocked

Thomas H. Cormen / The MIT Press / 2013-3-1 / USD 25.00

Have you ever wondered how your GPS can find the fastest way to your destination, selecting one route from seemingly countless possibilities in mere seconds? How your credit card account number is pro......一起来看看 《Algorithms Unlocked》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

随机密码生成器
随机密码生成器

多种字符组合密码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具