小编Art*_*s J的帖子

Three.js - 如何使用姿势估计数据为 3D 模型制作动画

我正在尝试使用姿势估计坐标来对 Three.js 中的装配模型进行动画处理 我正在使用的姿势估计技术提供了视频源中人物的实时 x、y、z 坐标,我正在尝试使用这些坐标相应地移动 3D 模型。我使用下面的代码(其中一些代码是我在相关问题的答案中找到的)作为起点......

let camera, scene, renderer, clock, rightArm;

init();
animate();

function init() {

  camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.01, 10);
  camera.position.set(2, 2, -2);

  clock = new THREE.Clock();

  scene = new THREE.Scene();
  scene.background = new THREE.Color(0xffffff);

  const light = new THREE.HemisphereLight(0xbbbbff, 0x444422);
  light.position.set(0, 1, 0);
  scene.add(light);

  // model
  const loader = new THREE.GLTFLoader();
  loader.load('https://threejs.org/examples/models/gltf/Soldier.glb', function(gltf) {

    const model = gltf.scene;

    rightArm = model.getObjectByName('mixamorigRightArm');

    scene.add(model);

  });

  renderer = new THREE.WebGLRenderer({
    antialias: true
  });
  renderer.setPixelRatio(window.devicePixelRatio); …
Run Code Online (Sandbox Code Playgroud)

javascript animation rotation three.js mediapipe

6
推荐指数
1
解决办法
2305
查看次数

Angular Material Tab Component - 如何更改标签字体大小

我正在使用 Angular Material tabs 组件。直接使用官方文档中的示例...

<mat-tab-group>
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
</mat-tab-group>
Run Code Online (Sandbox Code Playgroud)

一切正常,只是标签中的字体大小比我想要的要小,而且我似乎无法弄清楚如何使它变大。我在 CSS 中尝试了多种方法,但显然我遗漏了一些东西。如果有人可以提供帮助,将不胜感激。

css angular-material angular

2
推荐指数
1
解决办法
4392
查看次数

类型错误:无法读取未定义的属性

在 Angular 12 中工作,当我尝试在另一个方法中调用一个方法时遇到错误。这是我正在处理的内容的抽象(在 TypeScript 中就像在 Angular 中一样)

export class SomeClass {

  testvariable

  onTaskCompleted(results) {
    if (!results) {
      return;
    } else {
      //The line below works
      console.log(results);
      //The line below throws and error
      this.drawSomething(results)
      //In fact any reference to something outside of this function throws an error
      this.testvariable = results
    }
  }

  //The unique thing about OnTaskCompleted is that it is also used as a callback handler by a 3rd party library which is throwing the error
  //It is called …
Run Code Online (Sandbox Code Playgroud)

typescript angular

0
推荐指数
1
解决办法
1万
查看次数