BabyLon.js 6.0 学习笔记（二）

locus321

已于 2023-10-09 22:47:22 修改

阅读量261

点赞数

分类专栏： WebGPU 文章标签： javascript 学习笔记

于 2023-10-05 08:42:32 首次发布

本文链接：https://blog.csdn.net/locus321/article/details/133574058

版权

WebGPU 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

简介

我们继续上一篇 BabyLon.js 学习笔记（一）中的内容，拓展一些相机控制以及几何体的创建API。

BabyLon.js中的世界坐标系

在这里插入图片描述

设置相机视点的平移

//set camera position
camera.setPosition(new BABYLON.Vector3(2,5,-10));

几何体创建

地面

//create ground
const ground = BABYLON.MeshBuilder.CreateGround(
 "ground", //name
 {width: 6,
 height: 6}, //地面的宽高
 scene   //地面网格所在的场景
);

在这里插入图片描述

平面

//create plane
const plane = BABYLON.MeshBuilder.CreatePlane(
 "plane",
 {size: 6},
 scene
);

在这里插入图片描述

方块

//create box
const box =BABYLON.MeshBuilder.CreateBox(
   "box",
   {size: 2},
   scene
);

在这里插入图片描述

球体

//add a sphere
const sphere = BABYLON.MeshBuilder.CreateSphere(
    "sphere",//name
    {diameter: 2},//radius of ball
    scene
);

在这里插入图片描述

圆柱体

//create cylinder 圆柱体
const cylinder = BABYLON.MeshBuilder.CreateCylinder(
  "cylinder",
  {
  height: 2,  //高度
  diameter: 2  //半径
  },
  scene
);

在这里插入图片描述

圆锥

// create cone 圆锥体
const cone = BABYLON.MeshBuilder.CreateCylinder(
  "cone",
{
  height: 2, //高度
  diameterTop: 0.25,  //顶部半径
  diameterBottom: 3, //底部半径
  tessellation: 32  //曲面细分数，数值越高，曲面越圆滑
},
  scene
);

在这里插入图片描述

圆环

//create torus 圆环
const torus = BABYLON.MeshBuilder.CreateTorus(
  "torus",
  {
    diameter: 3,
    thickness: 1,  //厚度，数值越大，中间空心圆越小
    tessellation: 32
  },
  scene
);

在这里插入图片描述这样就比较像甜甜圈了

官网API参考

在这里插入图片描述

在API页搜索 MeshBuilder 可以看到详细说明

Class containing static functions to help procedurally build meshes

Type declaration
CreateBox: typeof CreateBox
CreateCapsule: typeof CreateCapsule
CreateCylinder: typeof CreateCylinder
CreateDashedLines: typeof CreateDashedLines
CreateDecal: typeof CreateDecal
CreateDisc: typeof CreateDisc
CreateGeodesic: typeof CreateGeodesic
CreateGoldberg: typeof CreateGoldberg
CreateGround: typeof CreateGround
CreateGroundFromHeightMap: typeof CreateGroundFromHeightMap
CreateIcoSphere: typeof CreateIcoSphere
CreateLathe: typeof CreateLathe
CreateLineSystem: typeof CreateLineSystem
CreateLines: typeof CreateLines
CreatePlane: typeof CreatePlane
CreatePolygon: typeof CreatePolygon
CreatePolyhedron: typeof CreatePolyhedron
CreateRibbon: typeof CreateRibbon
CreateSphere: typeof CreateSphere
CreateText: typeof CreateText
CreateTiledBox: typeof CreateTiledBox
CreateTiledGround: typeof CreateTiledGround
CreateTiledPlane: typeof CreateTiledPlane
CreateTorus: typeof CreateTorus
CreateTorusKnot: typeof CreateTorusKnot
CreateTube: typeof CreateTube
ExtrudePolygon: typeof ExtrudePolygon
ExtrudeShape: typeof ExtrudeShape
ExtrudeShapeCustom: typeof ExtrudeShapeCustom