小编leo*_*med的帖子

如何从 GLTF 模型动态叠加纹理 - Three.js

我想从 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)

javascript three.js gltf

5
推荐指数
1
解决办法
7918
查看次数

如何使用 ion-reorder 对分组项目重新排序

我正在尝试使用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)

ionic-framework angular

4
推荐指数
1
解决办法
2552
查看次数

为什么我可以将JS / Jquery函数应用于按钮特定的ID,但不能链接到他的类?

我试图在按下按钮时应用某个函数,但有时会附加该按钮,因此我尝试将该函数应用于他的班级。问题是,只有将函数链接到按钮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,则一切正常。

html javascript jquery

3
推荐指数
2
解决办法
71
查看次数

标签 统计

javascript ×2

angular ×1

gltf ×1

html ×1

ionic-framework ×1

jquery ×1

three.js ×1