小编nao*_*hfi的帖子

使用三个 js 和 React Three Fiber 以及 gltfjsx 为模型添加动态纹理

我想尝试三个js并按照本教程https://www.youtube.com/watch?v=xy_tbV4pC54,我能够运行它

在此输入图像描述

我现在想做的是在模型顶部添加图像纹理,如下所示

https://osorina.github.io/cup-demo/image/

在此输入图像描述

我还没有尝试过任何代码,因为我仍在寻找一种方法来做到这一点,有人说我需要使用fabricjs,但我找不到任何适合我需要的有用资源,希望这里有人知道如何做上面的杯子演示之类的事情。

这是沙箱https://codesandbox.io/s/floating-shoe-forked-qxjoj,提前致谢

javascript reactjs

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

从 Threejs 对象中拖动 FabricJS 对象

我正在尝试创建类似的东西https://www.owayo.com/konfigurator_html/index.php?sport=football&product=shirts_f3&lang=en&land=us#

现在我可以直接从 3D 模型中选择和取消选择 Fabricjs 对象。代码是这样的

function onMouseClick(evt) {
  evt.preventDefault();
  var array = getMousePosition(raycastContainer, evt.clientX, evt.clientY);
  onClickPosition.fromArray(array);
  var intersects = getIntersects(onClickPosition, object.children);
  console.log(intersects);
  if (intersects.length > 0 && intersects[0].uv) {
    var uv = intersects[0].uv;
    console.log(uv.x * 512);
    console.log(uv.y * 512);
    intersects[0].object.material.map.transformUv(uv);
    var selected = getObjectUnderPoint(uv);
    if (selected != null) {
        console.log(selected);
      controls.enabled = false;
      canvas.setActiveObject(selected);
      canvas.renderAll();
    } else {
        canvas.discardActiveObject().renderAll();
      controls.enabled = true;
    }
  } else {
    controls.enabled = true;
  }
}

function getRealPosition(axis, value) {
  let CORRECTION_VALUE = …
Run Code Online (Sandbox Code Playgroud)

javascript three.js fabricjs

5
推荐指数
0
解决办法
379
查看次数

接口 'FunctionMatchers<Fn>' 错误地扩展了接口 'Matchers<any>'

我使用 ngx-admin-starter,并更新为 angular 11,然后出现此错误

在此处输入图片说明

我已经尝试更改@types/jasmine版本,但错误仍然出现。

我也尝试过更改typescript,目前它在 4 上,但仍然出现错误。

这是我的依赖项

"@angular/cdk": "^11.2.12",
"@angular/common": "^11.2.13",
"@angular/compiler": "^11.2.13",
"@angular/core": "^11.2.13",
"@types/angular": "^1.8.1",
"@types/jasmine": "^3.7.2",
"@types/jasminewd2": "2.0.3",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
v"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
Run Code Online (Sandbox Code Playgroud)

有谁知道为什么?

angular

3
推荐指数
1
解决办法
561
查看次数

标签 统计

javascript ×2

angular ×1

fabricjs ×1

reactjs ×1

three.js ×1