理解babylonjs ,入门:
要害链接篇:
入门例子篇
重要api例子篇
api文档篇
图片压缩
查看模型
1.入门篇
a.开始一个例子,
https://doc.babylonjs.com/
b.理解搭建一个场景,必需元素有哪些
canvas, engine, scene, camera, light
c.开始浏览文档,比照介绍和api开始学习之旅
https://doc.babylonjs.com/exa...
https://doc.babylonjs.com/api...
d.与模型师搭档,开始模型和js联合之旅
e.相熟模型文件类型,把握各种模型引入形式
f.获取模型元素,扭转某元素的地位,大小
g.减少高空反光,陶冶整体环境气氛;减少环境贴图,减少环境亮度
h.相熟材质类型,扭转材质的办法,例子:扭转材质色彩
i.相熟模型动画,把握动画根本的解决办法,例如:扭转动画速率
j.相熟模型点击事件,进行交互操作,例如:点击弹出信息
k.减少操作杆,减少设施辨认
l.墙面贴视频贴图,减少趣味性
m.做盒子碰撞检测,用户交互更敌对
n.减少锚点点击,锚点是带动画成果的
// Create a sprite manager
const spriteManagerPlayer = new BABYLON.SpriteManager("playerManager", "../textures/sprite_test.png", 1, 80); const player = new BABYLON.Sprite("player0", spriteManagerPlayer); player.playAnimation(0, 17, true, 100);
n.GUI立体实现
问题篇
a.画面抖动
b.动画的开始,完结和重置,动画速率
e.控制杆实际,从babylon的原生控制杆到起初引入的nipple.js
d.模型的点击事件,从dom操作点击事件到actionManager
f.视频墙增加在pc端能失常播放,在微信端不反对,须要独自关上一个新弹窗
g.模型盒子如果有碰撞检测,须要有厚度而不是一层板
f.白膜减少须要有一个定位点,这样能够通过点的定位始终显示在固定地位上
h.创立盒子时,不要用BABYLON.Mesh.createBox去创立,碰撞检测不失效;须要用BABYLON.MeshBuilder.createBox创立;如果碰撞检测时,发现相机可能透视进入盒子里,但又没有齐全进入,则设置camera.minZ属性
i.页面底部呈现黑底或者是碰撞检测时透过盒子看到外面的内容设置camera.minZ属性