!2658 新增:支持修改库材质的纹理

pull/2810/head
罗春太 4 months ago committed by ChenX
parent e55954a7d7
commit ad8df31f96

@ -419,11 +419,11 @@ export default class ResourceStore
mtl.UWroldRo = data[U_WORLD_RO] ?? data[U_RO] ?? 0;
mtl.UWorldMove = data[U_WORLD_MOVE] ?? 0;
mtl.UWorldMove = data[V_WORLD_MOVE] ?? 0;
mtl.VWorldMove = data[V_WORLD_MOVE] ?? 0;
t.rotation = -mtl.UWroldRo;
t.moveX = mtl.UWorldMove;
t.moveY = mtl.UWorldMove;
t.moveY = mtl.VWorldMove;
}
else
{

@ -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 >

Loading…
Cancel
Save