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 =1

  cube = MeshBuilder.CreateBox('cube',{size:2})
  cube.material = mat
  cube.position = new Vector3(-4,0,0)

  sphere = MeshBuilder.CreateSphere('sphere',{diameter:2})
  sphere.material = mat
  sphere.position = new Vector3(0,0,0)

  cylinder = MeshBuilder.CreateCylinder('cylinder',{diameter:2})
  cylinder.material = mat
  cylinder.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,
    )
  )

}
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

superTiger_y

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值