Babylonjs学习笔记(八)——网格行为

2023-11-09 07:44

本文主要是介绍Babylonjs学习笔记(八)——网格行为,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

书接上回,这里讨论MeshAction网格行为!!!

一、搭建基础场景
let box:AbstractMesh;
let cube:AbstractMesh;
let sphere:AbstractMesh;
let cylinder:AbstractMesh;
let mat:PBRMaterial;// 创建天空盒
const createSkyBox = (scene:Scene):void=>{const envTex = CubeTexture.CreateFromPrefilteredData('./env/environment.env',scene)scene.environmentTexture = envTex;scene.createDefaultSkybox(envTex,true,1000,0.2,true)scene.environmentIntensity = 1.5
}// 创建网格
const creatMeshes=(scene:Scene):void=>{mat = new PBRMaterial('pbr')mat.albedoColor = new Color3(1,0,0);mat.roughness =1cube = MeshBuilder.CreateBox('cube',{size:2})cube.material = matcube.position = new Vector3(-4,0,0)sphere = MeshBuilder.CreateSphere('sphere',{diameter:2})sphere.material = matsphere.position = new Vector3(0,0,0)cylinder = MeshBuilder.CreateCylinder('cylinder',{diameter:2})cylinder.material = matcylinder.position = new Vector3(4,0,0)// 创建行为// createActions(scene)
}// 创建相机
new FreeCamera("camera",new Vector3(0,0,-8));

 

二、创建网格行为

const createActions=(scene:Scene):void=>{cube.actionManager = new ActionManager()/*** 点击之后放大*/cube.actionManager.registerAction(new SetValueAction(ActionManager.OnPickDownTrigger,cube,"scaling",new Vector3(1.2,1.2,1.2)))?.then(new SetValueAction(ActionManager.NothingTrigger,cube,"scaling",new Vector3(1,1,1)))/*** 点击切换材质反照率颜色* 3秒内切成换绿色* * 再次点击* 1秒内切换成蓝色*/sphere.actionManager = new ActionManager()sphere.actionManager.registerAction(new InterpolateValueAction(ActionManager.OnPickDownTrigger,mat,"albedoColor",new Color3(0,1,0),2000))?.then( new InterpolateValueAction(ActionManager.OnPickDownTrigger,mat,"albedoColor",new Color3(0,0,1),1000))/*** 圆柱体绕X轴旋转*/scene.actionManager = new ActionManager()scene.actionManager.registerAction(new IncrementValueAction(ActionManager.OnEveryFrameTrigger,cylinder,"rotation.x",0.01,))}
 

这篇关于Babylonjs学习笔记(八)——网格行为的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/374814

相关文章

Java进阶学习之如何开启远程调式

《Java进阶学习之如何开启远程调式》Java开发中的远程调试是一项至关重要的技能,特别是在处理生产环境的问题或者协作开发时,:本文主要介绍Java进阶学习之如何开启远程调式的相关资料,需要的朋友... 目录概述Java远程调试的开启与底层原理开启Java远程调试底层原理JVM参数总结&nbsMbKKXJx

kotlin中的行为组件及高级用法

《kotlin中的行为组件及高级用法》Jetpack中的四大行为组件:WorkManager、DataBinding、Coroutines和Lifecycle,分别解决了后台任务调度、数据驱动UI、异... 目录WorkManager工作原理最佳实践Data Binding工作原理进阶技巧Coroutine

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

学习hash总结

2014/1/29/   最近刚开始学hash,名字很陌生,但是hash的思想却很熟悉,以前早就做过此类的题,但是不知道这就是hash思想而已,说白了hash就是一个映射,往往灵活利用数组的下标来实现算法,hash的作用:1、判重;2、统计次数;

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合,内部除了存储元素外,还会存储一个score,存储在zset中的元素会按照score的大小升序排列,不同元素的score可以重复,score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]

【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

引言 高斯过程(Gaussian Process,简称GP)是一种概率模型,用于描述一组随机变量的联合概率分布,其中任何一个有限维度的子集都具有高斯分布 文章目录 引言一、高斯过程1.1 基本定义1.1.1 随机过程1.1.2 高斯分布 1.2 高斯过程的特性1.2.1 联合高斯性1.2.2 均值函数1.2.3 协方差函数(或核函数) 1.3 核函数1.4 高斯过程回归(Gauss