我想从 GLTF 模型覆盖/打开和关闭纹理,但找不到如何或是否可能。我能够完美地加载它,但是当我尝试重新加载或覆盖纹理时,没有任何反应或出现一些错误。我尝试的最后一件事没有给我任何错误,但模型保留了原始纹理。我还尝试卸载模型并重新加载其他纹理,但也没有成功。
我正在使用来自three.js docs 的标准THREE.GLTFLoader 示例,只是更改了3d 加载模型并添加了一个函数来在一段时间后执行此更改。我可能会混淆一切,如果您能提供帮助,我将不胜感激,提前致谢。
访问对我没有帮助的链接: ThreeJS:从场景中删除对象; 三.js 在点击时切换对象; 如何动态更改 GLTF 模型的纹理?; 在运行时更改three.js中加载的.obj的纹理;在运行时在 THREE.JS 和 GLTF 中导入另一个纹理
我正在使用的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - glTF loader</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body {
font-family: Monospace;
background-color: #000;
color: #fff;
margin: 0px;
overflow: hidden;
}
#info {
color: #fff;
position: absolute;
top: 10px;
width: 100%;
text-align: center;
z-index: 100;
display:block;
}
#info a {
color: #75ddc1;
font-weight: …
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用ion-reorder对页面中的某些项目重新排序。这些项目按组组织,因此一个组有多个项目。我想在组内组织这些项目,但更重要的是我希望能够将项目从一个组更改为另一个组。
我目前面临两个问题:
html
<ion-content>
<ion-list *ngFor='let group of groupArray'>
<ion-reorder-group (ionItemReorder)="doReorder($event)" disabled="false">
<ion-list-header>{{group.name}}</ion-list-header>
<ion-item *ngFor='let item of group.items'>
<ion-reorder slot="start"></ion-reorder>
<ion-label>
{{item.name}}
</ion-label>
</ion-item>
</ion-reorder-group>
</ion-list>
</ion-content>
Run Code Online (Sandbox Code Playgroud)
打字稿
interface Item {
id: number,
name: string
}
interface Group {
name: string,
items: Item[]
}
interface GroupArray extends Array<Group>{}
...
private groupArray: GroupArray = [
{
name: 'FirstGroup',
items: [
{
id: 1,
name: 'FirstItem'
},{
id: 2,
name: 'SecondItem'
},{
id: 3,
name: 'ThirdItem'
}
] …
Run Code Online (Sandbox Code Playgroud) 我试图在按下按钮时应用某个函数,但有时会附加该按钮,因此我尝试将该函数应用于他的班级。问题是,只有将函数链接到按钮ID时,我才能使该函数起作用,而链接类时,什么也没发生。这发生在附加的按钮以及普通按钮上。
$(document).on('click', '.createCustomLayer', function () {
alert("Alert");
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="btn btn-light form-control" id="createCustomLayer" class="createCustomLayer" style="margin-top: 32px;">Create a custom layer</button>
Run Code Online (Sandbox Code Playgroud)
如果我更改.createCustomLayer
为#createCustomLayer
,则一切正常。