Geg-Babylonjs

安装

# 克隆项目
git clone https://github.com/GengineJS/geg-babylonjs.git
# 进入项目目录
cd geg-babylonjs

目录结构

├── src # 源代码
│  ├── gegbabylon # babylonjs组件
│  ├── libs # 用到的源码库
│  ├── app.js # 功能入口
│  └── template.xml # template层级文件
│ 
├── game.js # 微信小游戏入口
├── game.json # 小游戏相关配置
└── project.config.json # 工程相关配置

组件核心

@serializeAsVector3("position")
private _position = Vector3.Zero();
/**
 * Gets or set the node position (default is (0.0, 0.0, 0.0))
 */
public get position(): Vector3 {
 return this._position;
}
public set position(newPosition: Vector3) {
 this._position = newPosition;
 this._isDirty = true;
}
@serializeAsVector3("rotation")
private _rotation = Vector3.Zero();
/**
 * Gets or sets the rotation property : a Vector3 defining the rotation value in radians around each local axis X, Y, Z (default is (0.0, 0.0, 0.0)).
 * If rotation quaternion is set, this Vector3 will be ignored and copy from the quaternion
 */
public get rotation(): Vector3 {
 return this._rotation;
}
public set rotation(newRotation: Vector3) {
 this._rotation = newRotation;
 this._rotationQuaternion = null;
 this._isDirty = true;
}
@serializeAsVector3("scaling")
protected _scaling = Vector3.One();
/**
 * Gets or sets the scaling property : a Vector3 defining the node scaling along each local axis X, Y, Z (default is (0.0, 0.0, 0.0)).
 */
public get scaling(): Vector3 {
 return this._scaling;
}
public set scaling(newScaling: Vector3) {
 this._scaling = newScaling;
 this._isDirty = true;
}

// mesh组件的默认对象就是立方体
<mesh :position="{x:0,y:0,z:0}" :scaling="{x:2,y:2,z:2}"></mesh>

Base组件

export default {
 name: 'customLifeCycle',
 data() {
 return {
 test: 'custom'
 }
 },
 Awake(engine) {
 console.log(this.test)
 },
 Start(scene) {
 },
 Update(delta) {
 }
}

props: {
 components: {
 type: Array,
 default() {
 return []
 }
 }
},
methods: {
 // 为当前geg组件添加逻辑组件
 AddComponent(component) {
 this.components.push(component)
 },
 // 根据逻辑组件名称获取逻辑组件
 GetComponentFromName(name) {
 return this.components.filter(comp => {return comp.name === name})
 },
 // 根据逻辑组件ID获取逻辑组件
 GetComponentFromID(id) {
 return this.components.filter(comp => {return comp.id === id})
 },
 // 移除逻辑组件
 RemoveComponent(component) {
 let compIndex = this.components.indexOf(component)
 if(compIndex > -1) {
 this.components.splice(compIndex, 1)
 }
 }
}

DisplayObject组件

<Light ref="currLight"></Light>
export default {
 Start() {
 this.$refs.currLight.config.position = {x:10, y:20, z:10} // 或 new Babylon.Vector3(10, 20, 10)
 }
}

// 平行光的定义
this.curObj = new Babylon.DirectionalLight()

其余组件