new CCDIKSolver( OOI.kira, iks )； // 创建逆运动学求解器

demo案例
在这里插入图片描述

new CCDIKSolver(OOI.kira, iks); 在使用某个特定的库或框架来创建一个逆运动学（Inverse Kinematics, IK）求解器实例。逆运动学在机器人学、动画和计算机图形学等领域中非常重要，它用于根据期望的末端执行器（如机器人的手或动画角色的脚）的位置和方向来求解关节的角度。

不过，由于 CCDIKSolver、OOI.kira 和 iks 都不是标准库或广泛认可的API的一部分，我将基于一般的逆运动学求解器和您提供的代码片段来解释。

入参 (Parameters)

  1. OOI.kira：

    • 代表机器人或动画角色的对象OOI，而 kira 这个对象包含有关机器人或角色的关节结构、关节限制等信息。

  2. iks：

    • 这个参数的具体含义取决于 CCDIKSolver 的设计。但一般来说，它可能包含有关逆运动学问题的信息，如末端执行器的目标位置、方向或其他约束条件。

出参 (Return Value)

  • 代码片段 new CCDIKSolver(OOI.kira, iks); 创建了一个新的 CCDIKSolver 实例，并返回该实例的引用。这个实例可以用来求解逆运动学问题，即给定末端执行器的目标位置和约束条件，计算出关节的角度。

方法 (Methods)

  • 由于 CCDIKSolver 不是标准库的一部分，具体的方法将取决于该类的设计。但一般来说，你可能会看到以下类型的方法：
    • solve()：用于求解逆运动学问题，并返回关节角度的解。
    • updateTarget()：用于更新末端执行器的目标位置或方向。
    • getJointAngles()：用于获取求解得到的关节角度。

属性 (Properties)

  • 类似地，具体的属性将取决于 CCDIKSolver 类的设计。但以下是一些常见的属性：
    • targetPosition：代表末端执行器的目标位置。
    • targetOrientation：代表末端执行器的目标方向。
    • jointAngles：存储求解得到的关节角度。
    • status：表示求解器的状态（如“正在求解”、“已解决”或“无解”等）。
    • …：其他可能的属性，如关节限制、错误信息等。
<!DOCTYPE html>
<html lang="en"><head><title>three.js webgl - animation - skinning - ik</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"><meta name="author" content="Antoine BERNIER (abernier)" /><link type="text/css" rel="stylesheet" href="main.css"><style>body {color:white;}#info a {color:#4d6675;}</style></head><body><div id="info"><a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> - webgl - inverse kinematics<br />Character model by <a href="https://assetstore.unity.com/packages/3d/characters/humanoids/humans/kira-lowpoly-character-100303" target="_blank" rel="noopener">Aki</a>, furnitures from <a href="https://poly.pizza" target="_blank" rel="noopener">poly.pizza</a>, scene by <a href="https://abernier.name/three.js/examples/webgl_esher.html" target="_blank" rel="noopener">abernier</a>. CC0.</div><script type="importmap">{"imports": {"three": "../build/three.module.js","three/addons/": "./jsm/"}}</script><script type="module">// 导入所需的模块import * as THREE from 'three';import { OrbitControls } from 'three/addons/controls/OrbitControls.js';import { TransformControls } from 'three/addons/controls/TransformControls.js';import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';import { CCDIKSolver, CCDIKHelper } from './jsm/animation/CCDIKSolver.js';import Stats from 'three/addons/libs/stats.module.js';import { GUI } from 'three/addons/libs/lil-gui.module.min.js';let scene, camera, renderer, orbitControls, transformControls;let mirrorSphereCamera;const OOI = {};let IKSolver;let stats, gui, conf;const v0 = new THREE.Vector3();// 初始化函数init().then( animate );async function init() {// 配置参数conf = {followSphere: false,turnHead: true,ik_solver: true,update: updateIK};scene = new THREE.Scene(); // 创建场景scene.fog = new THREE.FogExp2( 0xffffff, .17 ); // 添加雾效scene.background = new THREE.Color( 0xffffff ); // 设置背景色camera = new THREE.PerspectiveCamera( 55, window.innerWidth / window.innerHeight, 0.001, 5000 ); // 创建透视相机camera.position.set( 0.9728517749133652, 1.1044765132727201, 0.7316689528482836 ); // 设置相机位置camera.lookAt( scene.position ); // 设置相机朝向const ambientLight = new THREE.AmbientLight( 0xffffff, 8 ); // 创建环境光scene.add( ambientLight ); // 将环境光添加到场景中renderer = new THREE.WebGLRenderer( { antialias: true, logarithmicDepthBuffer: true } ); // 创建WebGL渲染器renderer.setPixelRatio( window.devicePixelRatio ); // 设置像素比例renderer.setSize( window.innerWidth, window.innerHeight ); // 设置渲染器尺寸document.body.appendChild( renderer.domElement ); // 将渲染器元素添加到body中stats = new Stats(); // 创建性能统计对象document.body.appendChild( stats.dom ); // 将性能统计元素添加到body中orbitControls = new OrbitControls( camera, renderer.domElement ); // 创建轨道控制器orbitControls.minDistance = 0.2; // 设置轨道控制器最小距离orbitControls.maxDistance = 1.5; // 设置轨道控制器最大距离orbitControls.enableDamping = true; // 启用阻尼效果const dracoLoader = new DRACOLoader(); // 创建DRACO加载器dracoLoader.setDecoderPath( 'jsm/libs/draco/' ); // 设置DRACO解码器路径const gltfLoader = new GLTFLoader(); // 创建GLTF加载器gltfLoader.setDRACOLoader( dracoLoader ); // 设置GLTF加载器的DRACO加载器const gltf = await gltfLoader.loadAsync( 'models/gltf/kira.glb' ); // 异步加载GLTF模型gltf.scene.traverse( n => {// 遍历模型场景if ( n.name === 'head' ) OOI.head = n;if ( n.name === 'lowerarm_l' ) OOI.lowerarm_l = n;if ( n.name === 'Upperarm_l' ) OOI.Upperarm_l = n;if ( n.name === 'hand_l' ) OOI.hand_l = n;if ( n.name === 'target_hand_l' ) OOI.target_hand_l = n;if ( n.name === 'boule' ) OOI.sphere = n;if ( n.name === 'Kira_Shirt_left' ) OOI.kira = n;} );scene.add( gltf.scene ); // 将GLTF场景添加到场景中orbitControls.target.copy( OOI.sphere.position ); // 轨道控制器以球体为焦点OOI.hand_l.attach( OOI.sphere ); // 将手臂附加到球体上// 创建镜像球体相机const cubeRenderTarget = new THREE.WebGLCubeRenderTarget( 1024 );mirrorSphereCamera = new THREE.CubeCamera( 0.05, 50, cubeRenderTarget );scene.add( mirrorSphereCamera );const mirrorSphereMaterial = new THREE.MeshBasicMaterial( { envMap: cubeRenderTarget.texture } );OOI.sphere.material = mirrorSphereMaterial;transformControls = new TransformControls( camera,renderer.domElement ); // 创建变换控制器transformControls.size = 0.75; // 设置控制器大小transformControls.showX = false; // 隐藏X轴transformControls.space = 'world'; // 设置变换空间transformControls.attach( OOI.target_hand_l ); // 将控制器附加到目标手臂上scene.add( transformControls ); // 将控制器添加到场景中// 使用变换控制器时禁用轨道控制器transformControls.addEventListener( 'mouseDown', () => orbitControls.enabled = false );transformControls.addEventListener( 'mouseUp', () => orbitControls.enabled = true );// 将第一个骨骼添加到模型上OOI.kira.add( OOI.kira.skeleton.bones[ 0 ] );// 定义逆运动学参数const iks = [{target: 22, // "target_hand_l"effector: 6, // "hand_l"links: [{index: 5, // "lowerarm_l"rotationMin: new THREE.Vector3( 1.2, - 1.8, - .4 ),rotationMax: new THREE.Vector3( 1.7, - 1.1, .3 )},{index: 4, // "Upperarm_l"rotationMin: new THREE.Vector3( 0.1, - 0.7, - 1.8 ),rotationMax: new THREE.Vector3( 1.1, 0, - 1.4 )},],}];IKSolver = new CCDIKSolver( OOI.kira, iks ); // 创建逆运动学求解器const ccdikhelper = new CCDIKHelper( OOI.kira, iks, 0.01 ); // 创建逆运动学帮助器scene.add( ccdikhelper ); // 将逆运动学帮助器添加到场景中gui = new GUI(); // 创建GUIgui.add( conf, 'followSphere' ).name( 'follow sphere' ); // 添加跟随球体的控制项gui.add( conf, 'turnHead' ).name( 'turn head' ); // 添加转动头部的控制项gui.add( conf, 'ik_solver' ).name( 'IK auto update' ); // 添加逆运动学自动更新的控制项gui.add( conf, 'update' ).name( 'IK manual update()' ); // 添加手动更新逆运动学的控制项gui.open(); // 默认打开GUIwindow.addEventListener( 'resize', onWindowResize, false ); // 监听窗口大小变化事件}function animate( ) {// 更新镜像球体相机位置和渲染if ( OOI.sphere && mirrorSphereCamera ) {OOI.sphere.visible = false;OOI.sphere.getWorldPosition( mirrorSphereCamera.position );mirrorSphereCamera.update( renderer, scene );OOI.sphere.visible = true;}// 如果设置了跟随球体，轨道控制器将跟随球体位置if ( OOI.sphere && conf.followSphere ) {OOI.sphere.getWorldPosition( v0 );orbitControls.target.lerp( v0, 0.1 );}// 如果设置了转动头部，头部朝向球体if ( OOI.head && OOI.sphere && conf.turnHead ) {OOI.sphere.getWorldPosition( v0 );OOI.head.lookAt( v0 );OOI.head.rotation.set( OOI.head.rotation.x, OOI.head.rotation.y + Math.PI, OOI.head.rotation.z );}// 如果设置了逆运动学自动更新，更新逆运动学if ( conf.ik_solver ) {updateIK();}orbitControls.update(); // 更新轨道控制器renderer.render( scene, camera ); // 渲染场景stats.update(); // 更新性能统计requestAnimationFrame( animate ); // 请求下一帧动画}function updateIK() {// 更新逆运动学if ( IKSolver ) IKSolver.update();scene.traverse( function ( object ) {// 遍历场景中的对象if ( object.isSkinnedMesh ) object.computeBoundingSphere();} );}function onWindowResize() {// 窗口大小变化事件处理函数camera.aspect = window.innerWidth / window.innerHeight;camera.updateProjectionMatrix();renderer.setSize( window.innerWidth, window.innerHeight );}</script></body>
</html>

本内容来源于小豆包，想要更多内容请跳转小豆包 》

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/19337.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

建设现代智能工业-智能化、数字化、自动化节能减排

建设现代智能工业-智能化、数字化、自动化节能减排

建设现代智能工业-智能化节能减排 遵循“一体化”能源管理(Integrated Energy Management)的设计宗旨&#xff0c;集成城市各领域(如工业.交通、建筑等&#xff09;的能源生产和消费信息&#xff0c;面向城市政府、企业、公众三类实体&#xff0c;提供“一体化”的综合能源管理…
阅读更多...
uniapp h5项目切换导航栏及动态渲染按钮颜色

uniapp h5项目切换导航栏及动态渲染按钮颜色

1.效果图 2.html,动态渲染按钮样式---三元判断 <!-- 切换栏 --><view class"statusList"><block v-for"(item,index) in list" :key"index"><view class"swiper-tab-list" :class"current item.id?activ…
阅读更多...
CEEMDAN +组合预测模型(CNN-Transfromer + XGBoost)

CEEMDAN +组合预测模型(CNN-Transfromer + XGBoost)

注意&#xff1a;本模型继续加入 组合预测模型全家桶 中&#xff0c;之前购买的同学请及时更新下载! 往期精彩内容&#xff1a; 时序预测&#xff1a;LSTM、ARIMA、Holt-Winters、SARIMA模型的分析与比较-CSDN博客 VMD CEEMDAN 二次分解&#xff0c;Transformer-BiGRU预测模…
阅读更多...
【JAVA WEB实用与优化技巧】如何自己封装一个自定义UI的Swagger组件，包含Swagger如何处理JWT无状态鉴权自动TOKEN获取

【JAVA WEB实用与优化技巧】如何自己封装一个自定义UI的Swagger组件，包含Swagger如何处理JWT无状态鉴权自动TOKEN获取

目录 一、Swagger 简介1. 什么是 Swagger&#xff1f;2. 如何使用 Swagger3. Springboot 中swagger的使用示例1. maven 引入安装2. java配置 二、Swagger UI存在的缺点1.不够方便直观2.请求的参数没有缓存3.不够美观4.如果是JWT 无状态登录&#xff0c;Swagger使用起来就没有那…
阅读更多...
STL-stack的使用及其模拟实现

STL-stack的使用及其模拟实现

在C标准库中&#xff0c;stack是一种容器适配器&#xff0c;它以后进先出的方式组织数据&#xff0c;其删除只能从容器的栈顶进行元素的插入与取出操作。 stack的使用 stack的构造函数 stack的成员函数 empty&#xff1a;判断栈是否为空back&#xff1a;返回当前栈中元素的数量…
阅读更多...
推荐一个 Java 开源企业级新能源汽车智能共享充电桩管理平台

推荐一个 Java 开源企业级新能源汽车智能共享充电桩管理平台

文末可获取 Orise 平台源码 01 Orise 智能充电桩管理平台 奥升( Orise ) 新能源汽车充电桩管理 Saas 云平台是一个集充电设备管理、用户充电管理、线上小程序内容管理于一体的综合管理平台。Orise充电桩平台支持高并发业务、业务动态伸缩、桩通信负载均衡&#xff0c;通过Docke…
阅读更多...
Golang项目代码组织架构实践

Golang项目代码组织架构实践

Golang在项目结构上没有强制性规范&#xff0c;虽然这给了开发者很大的自由度&#xff0c;但也需要自己沉淀一套可行的架构。本文介绍了一种项目布局&#xff0c;可以以此为参考设计适合自己的 Golang 项目组织模式。原文: Golang Project Layout Go 有很多强制的或是约定俗成的…
阅读更多...
收藏:六款好用的企业防泄密软件推荐

收藏:六款好用的企业防泄密软件推荐

企业数据如同企业的生命线&#xff0c;保护数据安全免遭泄露变得至关重要。 面对日益复杂的网络安全威胁&#xff0c;一套高效的企业防泄密软件成为企业安全架构的基石。 以下是精心挑选的六款企业防泄密软件&#xff0c;它们在数据加密、访问控制、行为监控等方面表现出色&am…
阅读更多...
lua vm 常识一: attempt to yield across a C-call boundary 的原因分析

lua vm 常识一: attempt to yield across a C-call boundary 的原因分析

使用 lua 的时候有时候会遇到这样的报错&#xff1a;“attempt to yield across a C-call boundary”。 1. 网络上的解释 可以在网上找到一些关于这个问题的解释。 1.1 解释一 这个 issue&#xff1a;一个关于 yield across a C-call boundary 的问题&#xff0c;云风的解释是…
阅读更多...
轮廓系数(Average silhouette) | 最佳聚类数的判定

轮廓系数(Average silhouette) | 最佳聚类数的判定

1.最佳分类个数 # 辅助确定最佳聚类数 4.7*2.6 factoextra::fviz_nbclust( t(DPAU_2), kmeans, method "silhouette")在2有下降拐点&#xff0c;但是样本较多时分成2类一般意义不大。 在7时也有下降拐点。 2.查看每个分类的轮廓系数 (1) pam k5 library(cluste…
阅读更多...
【Paddle】Inplace相关问题：反向传播、影响内存使用和性能

【Paddle】Inplace相关问题：反向传播、影响内存使用和性能

【Paddle】Inplace相关问题&#xff1a;反向传播、影响内存使用和性能 写在最前面inplace 的好处有哪些&#xff1f;能降低计算复杂度吗在反向传播时&#xff0c;Inplace为什么会阻碍呢&#xff1f;“计算图的完整性受损”表达有误原地操作 sin_()为什么原地操作会阻碍反向传播…
阅读更多...
活动会议邀请函制作易企秀源码系统 清爽的画面轻轻滑动自动翻页 带完整的前后端搭建教程

活动会议邀请函制作易企秀源码系统 清爽的画面轻轻滑动自动翻页 带完整的前后端搭建教程

系统概述 在当今数字化时代&#xff0c;活动会议的组织和宣传变得至关重要。为了满足这一需求&#xff0c;活动会议邀请函制作易企秀源码系统应运而生。它不仅为用户提供了一个便捷、高效的工具&#xff0c;还具备一系列令人瞩目的特色功能&#xff0c;为活动会议的成功举办提…
阅读更多...
Ubuntu22.04设置程序崩溃产生Core文件

Ubuntu22.04设置程序崩溃产生Core文件

Ubuntu22.04设置程序崩溃产生Core文件 文章目录 Ubuntu22.04设置程序崩溃产生Core文件摘要Ubuntu 生成Core文件配置1. 检查 core 文件大小限制2. 设置 core 文件大小限制3. 配置 core 文件命名和存储路径4. 重启系统或重新加载配置5. 测试配置 关键字&#xff1a; Ubuntu、 C…
阅读更多...
CSS浮动详细教学（CSS从入门到精通学习第四天）

CSS浮动详细教学（CSS从入门到精通学习第四天）

css第04天 一、其他样式 1、圆角边框 在 CSS3 中&#xff0c;新增了圆角边框样式&#xff0c;这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法&#xff1a; border-radius:length; 参数值可以为数值或百分比的形式如果是正方形&…
阅读更多...
RTT UART设备框架学习

RTT UART设备框架学习

UART简介 UART&#xff08;Universal Asynchronous Receiver/Transmitter&#xff09;通用异步收发传输器&#xff0c;UART 作为异步串口通信协议的一种&#xff0c;工作原理是将传输数据的每个字符一位接一位地传输。是在应用程序开发过程中使用频率最高的数据总线。 UART串…
阅读更多...
MySQL注入 — Dns 注入

MySQL注入 — Dns 注入

DNS注入原理 通过子查询&#xff0c;将内容拼接到域名内&#xff0c;让load_file()去访问共享文件&#xff0c;访问的域名被记录此时变为显错注入,将盲注变显错注入,读取远程共享文件&#xff0c;通过拼接出函数做查询,拼接到域名中&#xff0c;访问时将访问服务器&#xff0c;…
阅读更多...
CISP难度将加大？还考不考啊...

CISP难度将加大？还考不考啊...

最新消息&#xff1a;CISP即将调整知识体系大纲&#xff0c;更新题库&#xff0c;后续考试难度加大。 最近几年&#xff0c;CISP改版地比较频繁&#xff0c;难度也在不断上升&#xff0c;因此各位小伙伴有考CISP想法的尽早考。 随着《网络安全法》、《网络空间安全战略》、《…
阅读更多...
2024/5/28 P1247 取火柴游戏

2024/5/28 P1247 取火柴游戏

取火柴游戏 题目描述 输入 k k k 及 k k k 个整数 n 1 , n 2 , ⋯ , n k n_1,n_2,\cdots,n_k n1​,n2​,⋯,nk​&#xff0c;表示有 k k k 堆火柴棒&#xff0c;第 i i i 堆火柴棒的根数为 n i n_i ni​&#xff1b;接着便是你和计算机取火柴棒的对弈游戏。取的规则如下&…
阅读更多...
定点化和模型量化（三）

定点化和模型量化（三）

量化解决的是训练使用的浮点和运行使用的硬件只支持定点的矛盾。这里介绍一些实际量化中使用到的工具。 SNPE简介 The Snapdragon Neural Processing Engine (SNPE)是高通骁龙为了加速网络模型设计的框架。但它不只支持高通&#xff0c;SNPE还支持多种硬件平台&#xff0c;AR…
阅读更多...
Beego 使用教程 8：Session 和 Cookie

Beego 使用教程 8：Session 和 Cookie

beego 是一个用于Go编程语言的开源、高性能的 web 框架 beego 被用于在Go语言中企业应用程序的快速开发&#xff0c;包括RESTful API、web应用程序和后端服务。它的灵感来源于Tornado&#xff0c; Sinatra 和 Flask beego 官网&#xff1a;http://beego.gocn.vip/ 上面的 be…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023