|
|
|
@ -1,11 +1,11 @@
|
|
|
|
|
import { Button, Checkbox, Collapse, Divider, Radio, RadioGroup } from "@blueprintjs/core";
|
|
|
|
|
import { Button, Checkbox, Collapse, Divider, Label, Radio, RadioGroup } from "@blueprintjs/core";
|
|
|
|
|
import { inject, observer } from "mobx-react";
|
|
|
|
|
import * as React from "react";
|
|
|
|
|
import { DefaultParamMap } from "../../DatabaseServices/IMaterialDefaultParam";
|
|
|
|
|
import { MaterialStore } from "../Store/MaterialStore";
|
|
|
|
|
import { Check, ColorSelect, Lable, LableInput, LightDarkColor, Slider, TypeSelect } from "./MaterialCommon";
|
|
|
|
|
import { Check, ColorSelect, Input, Lable, LableInput, LightDarkColor, Select, Slider, TypeSelect } from "./MaterialCommon";
|
|
|
|
|
import { MaterialLinkShopId } from "./MaterialLinkShop";
|
|
|
|
|
import { Texture } from "./TextureItem";
|
|
|
|
|
import { Texture, WrapSelects } from "./TextureItem";
|
|
|
|
|
import { TextureList } from "./TextureList";
|
|
|
|
|
|
|
|
|
|
const ButtonStyle: React.CSSProperties = {
|
|
|
|
@ -22,7 +22,8 @@ const Style: React.CSSProperties = {
|
|
|
|
|
//材质的属性面板
|
|
|
|
|
@inject('store')
|
|
|
|
|
@observer
|
|
|
|
|
export class PropertiesPane extends React.Component<{ store?: MaterialStore; }, {}>{
|
|
|
|
|
export class PropertiesPane extends React.Component<{ store?: MaterialStore; }, {}>
|
|
|
|
|
{
|
|
|
|
|
|
|
|
|
|
public state = {
|
|
|
|
|
materialExtension: true,
|
|
|
|
@ -36,6 +37,7 @@ export class PropertiesPane extends React.Component<{ store?: MaterialStore; },
|
|
|
|
|
render()
|
|
|
|
|
{
|
|
|
|
|
let store = this.props.store;
|
|
|
|
|
let textureStore = store.textureMaping;
|
|
|
|
|
let ParamMap = [];
|
|
|
|
|
for (const key in DefaultParamMap)
|
|
|
|
|
{
|
|
|
|
@ -224,7 +226,29 @@ export class PropertiesPane extends React.Component<{ store?: MaterialStore; },
|
|
|
|
|
<Radio label="世界坐标" value={1} />
|
|
|
|
|
<Radio label="UV坐标" value={0} />
|
|
|
|
|
</RadioGroup>
|
|
|
|
|
<div>引用材质不支持修改参数</div>
|
|
|
|
|
{/* <div>引用材质不支持修改参数</div> */}
|
|
|
|
|
<div style={{ margin: 3, width: 300 }}>
|
|
|
|
|
<Select prompt="平铺U" value={textureStore.warpS} selects={WrapSelects} />
|
|
|
|
|
<Select prompt="平铺V" value={textureStore.wrapT} selects={WrapSelects} />
|
|
|
|
|
<Label style={{ display: "flex", margin: 3, }}>
|
|
|
|
|
<span style={{ width: 50 }} >旋转</span>
|
|
|
|
|
<Input value={textureStore.rotation} />
|
|
|
|
|
</Label>
|
|
|
|
|
<div style={{ margin: 3, display: "flex" }}>
|
|
|
|
|
<span style={{ ...{ alignSelf: "center", width: 60 }, width: 60, whiteSpace: "nowrap" }}>位移:</span>
|
|
|
|
|
<span style={{ alignSelf: "center", textAlign: "center", width: 20 }}>X</span>
|
|
|
|
|
<Input value={textureStore.moveX} />
|
|
|
|
|
<span style={{ alignSelf: "center", textAlign: "center", width: 20 }}>Y</span>
|
|
|
|
|
<Input value={textureStore.moveY} />
|
|
|
|
|
</div>
|
|
|
|
|
<div style={{ margin: 3, display: "flex" }}>
|
|
|
|
|
<span style={{ ...{ alignSelf: "center", width: 60 }, width: 60, whiteSpace: "nowrap" }}>尺寸(m):</span>
|
|
|
|
|
<span style={{ alignSelf: "center", textAlign: "center", width: 20 }}>长</span>
|
|
|
|
|
<Input value={textureStore.repeatX} />
|
|
|
|
|
<span style={{ alignSelf: "center", textAlign: "center", width: 20 }}>宽</span>
|
|
|
|
|
<Input value={textureStore.repeatY} />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
</div >
|
|
|
|
|