open-index/open-npm huggingface dataset:
npm package: 3dsignals-design-system
Description: Check out our [storybook](https://main--626e441197ce92004af1aa89.chromatic.com) for live demos and docs.
Author: 3ds
Latest version: 0.0.27

# 3dSignals Design System

Check out our [storybook](https://main--626e441197ce92004af1aa89.chromatic.com) for live demos and docs.

# Installation and usage

```
yarn add 3dsignals-design-system
```

Then use it in your app:
```js
import {
    useClickOutside,
    Theme,
    Anchor,
    Button,
    Card,
    Chip,
    Icon,
    Text,
    Toggle,
    Tooltip,
    MetricCard,
    MetricCardInfo,
    MetricCardStack,
    MetricCardRow,
    ChartCardHeader,
    Checkbox,
    Radio,
    Dropdown,
    DropdownItem
} from "3dsignals-design-system";

const {
    colors,
    typography,
    breakPoints,
    spacing,
    shadows,
    focusOutline
} = Theme;

const App = (props) => {
    // use components normally in your app, and Theme for layouts, fonts, colors etc. 
    // Check out the docs for each component props and more info.
    const style = {
        background: colors.grey200,
        padding: spacing[2].desktop,
        boxShadow: shadows[1],
    };
    return (
        <div style={style}>
            <Card>
                <Text>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit...
                    <Tooltip>
                        <Icon/>
                    </Tooltip>
                </Text>
            </Card>
        </div>
    );
};
```
npm package: 3dsmaxversion
Description: 获取.max文件对应的3dsmax的版本
Latest version: 1.0.5

[![Build Status](https://travis-ci.org/nacholibre/node-readlines.svg)](https://travis-ci.org/nacholibre/node-readlines)
# 3dsmaxversion
获取.max文件对应的3dsmax的版本

## install
```
npm install 3dsmaxversion
```

---------------------------------------

## Documentation
### 3dsmaxversion.get3dMaxVersion(filename)
返回.max文件的版本号

---------------------------------------

## Example
```javascript
const { get3dMaxVersion } = require("3dsmaxversion");
const basePath = "E:\\";
get3dMaxVersion(
  path.join(basePath, "test.max")
).then(version => {
  console.log(version);
});
```
npm package: 3dsub
Description: Convert subtitles (SRT) to Advanced Substation Alpha (ASS) for correct output on 3D screens
Author: Chris Magnussen
Latest version: 0.1.5

3DSub
=========

Convert subtitles (SRT) to Advanced Substation Alpha (ASS) for correct output on 3D screens

## Installation

  npm install 3dsub

## Usage

  var sub = require('3dsub');
  
  sub.convert('stubs/bighero.srt', 'bighero.ass');

## Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style.
Add unit tests for any new or changed functionality. Lint and test your code.

## Release History

* 0.1.4 Initial alpha release
npm package: 3dtiles-polygon-crop
Description: Cesium 3D Tiles polygon cutting
Author: Rofix
Latest version: 0.0.3

# 3dtiles-polygon-crop

![](example.gif)

Limited by Cesium API, currently only single area cropping can be provided. For details, see CesiumGS/cesium#8751

## Install

```javascript
npm install 3dtiles-polygon-crop
```

## Usage

```javascript
import { tileSetClipByPolygon } from "3dtiles-polygon-crop";

const points = [
  [106.443237643721, 29.46804376199225],
  [106.443237643721, 29.49579683916092],
  [106.500710551558, 29.49579683916092],
  [106.499071590308, 29.46301761415856],
  [106.490986048141, 29.443022286907117],
  [106.451323185888, 29.450780036824349],
];
const tileset = await Cesium.Cesium3DTileset.fromIonAssetId(40866);
const CeiumPolygonClip = new tileSetClipByPolygon({
  tileSet: tileset,
  originPositions: points,
  unionClippingRegions: false,
});

CeiumPolygonClip.clippingByPositions();
```

## Options

| Name                 | Type            | Default            |
| -------------------- | --------------- | ------------------ |
| tileSet              | Cesium3DTileset | Null               |
| originPositions      | Array           | []                 |
| unionClippingRegions | Boolean         | True               |
| edgeWidth            | Number          | 0.0                |
| edgeColor            | Cesium.Color    | Cesium.Color.WHITE |
| enabled              | Boolean         | True               |

## License

[MIT](LICENSE)
npm package: 3dtoolkit-server-store
Description: database that tracks active 3dtookit servers
Latest version: 1.0.1

# server-store

A module used by the orchestration service of the [3dtoolkit](https://github.com/CatalystCode/3dtoolkit) to managed the shared state around active vms handing webrtc servers.

## Installation

```
$ npm install --save 3dtoolkit-server-store
```

## Initialization

The module exposes a class, ServerStore. Instances of this class requires initialization to setup the database client via the init method with the options below. Only cosmosDbEndpoint and cosmosDbKey are required, the others, if not provided, will default to the values below.

```
let serverStore = new ServerStore();

let options = {
    cosmosDbEndpoint: <CosmosDB endpoint>,
    cosmosDbKey: <CosmosDB key>,
    databaseName: <Database Name>, // defaults to '3dtoolkit'
    collectionName: <Collection Name>, // defaults to 'servers'
    collectionRUs: <# of request units to provision for collection> // defaults to 1000
};

serverStore.init(options, err => {

    // ... perform actions on serverStore per below

});
```

## serverStore.upsert(server, callback)

You can upsert servers into the store via 'upsert'. If a server exists it will be updated, otherwise it will be inserted.

```
// server is of the form { serverId: "...", azureServerId: "...", turnServerId: "..." }
serverStore.upsert(server, err => {
    // server has been upserted.
});
```

## serverStore.delete(serverId, callback)

Deletes a server from the store.

```
serverStore.delete(serverId, err => {
    // server has been deleted.
}
```

## getByServerId(serverId, callback)

Gets a server's entry by server id.

```
serverStore.getByServerId((err, servers => {
    // servers is an array of server entries
})
```

More usage details can be found in the unit tests.
npm package: 3dtutorial
Description: A book
Author: PengJiyuan
Latest version: 1.0.0

# CSS33D    

## 需要知道的属性:

|属性名称|作用|
|---|---|
|transform|向元素应用 2D 或 3D 转换|
|transform-origin|允许你改变被转换元素的位置|
|transform-style|规定被嵌套元素如何在 3D 空间中显示|
|perspective|规定 3D 元素的透视效果|
|perspective-origin|规定 3D 元素的底部位|
|backface-visibility|定义元素在不面对屏幕时是否可见|

__transform的属性：__    

|属性名称|作用|
|---|---|
|translate3d(x,y,z)|定义在x轴y轴z轴上的转换|
|scale3d(x,y,z)|定义在x轴y轴z轴上的 3D 缩放转换|
|rotate3d(x,y,z,angle)|定义在x轴y轴z轴上的 3D 旋转|
|skew(x-angle,y-angle)|定义沿着 X 和 Y 轴的 2D 倾斜转换|
|perspective(n)|为 3D 转换元素定义透视视图|

**tip: 操作多个属性的都可以分解成操作单一属性的。**     
**如：translate3d(x,y,z) ---- translateX(x)  translateY(y)  translateZ(z)**