05 2023 档案

摘要：前面我们学习了如何画一堆房子（如下图），显然这单调的绿色大地，看上去效果并不好。 babylon.js中，可以用图片模拟出地势高低不同的效果，比如下面这张图片： 颜色越深的地方，表示地势越低（即：盆地），而颜色越浅的地方，地势越高（即：高山），可以参考下面的代码： const createScene 阅读全文

摘要：接上回继续，今天继续捣腾动画，上一节咱们让汽车的轮子动了起来，回顾一下核心代码： //轮子转动 const wheelAnimation = (scene, wheels) => { //定义一个动画，每秒30帧，绕y轴转动 const animWheel = new BABYLON.Animati 阅读全文

摘要：前面我们画的小房子，基本上都是用内置的标准形状组合而成，但并非所有对象都这么简单，今天我们来画一个小汽车，汽车由多个零件组成，控制这些零件的缩放、位置、旋转，如果每个都单独用代码来修改position/roration/scaling，未免太复杂，幸好babylon.js中，对象有所谓的child/ 阅读全文

摘要：按上回继续，上节知道了如何用 『方块+三棱柱+贴图』结合起来，画一个简单的小房子，实际应用中可以把这3个打包在一起，组成1个house对象，这样更方便一些 const buildHouse = () => { const box1 = buildBox(); const roof1 = buildR 阅读全文

摘要：一、理解babylon.js 坐标系 const createScene = function () { const scene = new BABYLON.Scene(engine); const camera = new BABYLON.ArcRotateCamera("camera", -Ma 阅读全文

摘要：如何在网页中嵌入设计好的模型？ 接上回继续，我们设计好精美的模型后，最终总要展示给客户，比如利用playground画了1个方块： const createScene = () => { const scene = new BABYLON.Scene(engine); const camera = 阅读全文

摘要：简单来说，babylon.js 是一个能跑在浏览器上的(3D)游戏渲染引擎，而且官方提供了一个友好在线交互学习平台Playground，其开源项目在github上star数截止2023.05.14高达20.6K。下面是官方文档的学习笔记 ： 一、hello world 强烈建议新手通过Playgro 阅读全文