Babylonjs
文章平均质量分 93
BabylonJS是世界上最强大、最惊艳、最易用的Web3D渲染引擎
MossGrower
世界是你们的,也是他们的,但是归根结底是我们程序猿的!!!
展开
-
Babylon.js 深入 - 第 3 章 - 行为(2)
Babylon.js 深入 - 第 3 章 - 行为(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。行为是 `Babylon.js v3.1` 引入的一个新的基于组件的工具。行为是一个简单的类,可以附加到一个目标上,它将提供一组特定的功能。功能将由定义的事件触发。原创 2022-05-06 11:09:10 · 1004 阅读 · 0 评论 -
Babylon.js 深入 - 第 3 章 - 行为(1)
Babylon.js 深入 - 第 3 章 - 行为(1)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。行为是 `Babylon.js v3.1` 引入的一个新的基于组件的工具。行为是一个简单的类,可以附加到一个目标上,它将提供一组特定的功能。功能将由定义的事件触发。原创 2022-03-30 10:14:15 · 808 阅读 · 3 评论 -
Babylon.js 深入 - 第 2 章 - 声音(2)
Babylon.js 深入 - 第 2 章 - 声音(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。`Babylon.js` 声音引擎基于 `Web Audio` 规范,要使用它,您需要使用与 `Web Audio` 兼容的浏览器。声音引擎提供环境、空间和定向声音。原创 2022-03-29 09:55:11 · 4019 阅读 · 0 评论 -
Babylon.js 深入 - 第 2 章 - 声音(1)
Babylon.js 深入 - 第 2 章 - 声音(1)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。`Babylon.js` 声音引擎基于 `Web Audio` 规范,要使用它,您需要使用与 `Web Audio` 兼容的浏览器。声音引擎提供环境、空间和定向声音。原创 2022-03-28 10:38:20 · 2962 阅读 · 0 评论 -
Babylon.js 深入 - 第 1 章 - 动画(6)
Babylon.js 深入 - 第 1 章 - 动画(6)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性,我们将在之后看一看 `Animation` 方法的描述。原创 2022-03-21 15:43:24 · 4833 阅读 · 0 评论 -
Babylon.js 深入 - 第 1 章 - 动画(5)
Babylon.js 深入 - 第 1 章 - 动画(5)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性,我们将在之后看一看 `Animation` 方法的描述。原创 2022-03-17 09:51:14 · 1519 阅读 · 0 评论 -
Babylon.js 深入 - 第 1 章 - 动画(4)
Babylon.js 深入 - 第 1 章 - 动画(4)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性,我们将在之后看一看 `Animation` 方法的描述。原创 2022-03-16 15:54:35 · 719 阅读 · 0 评论 -
Babylon.js 深入 - 第 1 章 - 动画(3)
Babylon.js 深入 - 第 1 章 - 动画(3)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性,我们将在之后看一看 `Animation` 方法的描述。原创 2022-03-15 11:32:57 · 4833 阅读 · 0 评论 -
Babylon.js 深入 - 第 1 章 - 动画(2)
Babylon.js 深入 - 第 1 章 - 动画(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性,我们将在之后看一看 `Animation` 方法的描述。原创 2022-03-14 11:23:20 · 5735 阅读 · 0 评论 -
Babylon.js 深入 - 第 1 章 - 动画(1)
Babylon.js 深入 - 第 1 章 - 动画(1)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性,我们将在之后看一看 `Animation` 方法的描述。无论动画是如何实现的,它都必须考虑所需的动作、时间、产生所需流动性所需的帧数和序列中的关键点。 可以用来帮助理解 `Babylon.js` 是如何处理动画的原创 2022-03-11 15:30:28 · 1020 阅读 · 0 评论 -
Babylon.js 入门 - 第 8 章 - 四处看看
Babylon.js 入门 - 第 8 章 - 四处看看Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。到目前为止,我们只是从远处看这个村庄,就像天空中的间谍一样。我们的最后一步是靠近一点观看。我们在角色身后安装了一个摄像头,以获得村庄的过肩视角,并在他走路时环顾四周。我们还可以更换摄像头,像间谍无人机一样跟随他。最后,向您展示 `Babylon.js` 可以使用现代 `3D` 查看器来提供一个完整的 `3D` 视角来观察我们的世界。原创 2022-03-10 10:08:06 · 856 阅读 · 0 评论 -
Babylon.js 入门 - 第 7 章 - 点亮夜晚
Babylon.js 入门 - 第 7 章 - 点亮夜晚Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。村子永远是明亮的会使睡眠变得非常困难,因此我们将通过调暗光线来展示夜间时间。当然人们不想晚上在完全黑暗中行走,所以我们会添加一些路灯。由于永夜并不比永昼好,我们将添加一个界面以切换昼夜。我们想在晚上把光线关掉,白天把它打开。让我们添加一个 `GUI` 控件来执行此操作。有光的地方也有阴影,`Babylon.js` 也可以添加它们。原创 2022-03-09 10:07:31 · 4096 阅读 · 0 评论 -
Babylon.js 入门 - 第 6 章 - 构建粒子喷泉
Babylon.js 入门 - 第 6 章 - 构建粒子喷泉Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。粒子喷泉,每个村庄都需要水,所以让我们安装一个喷泉。我们将使用一个旋转对称的网格来创建它。细颗粒将被回收以产生水效果。为了不浪费水,让我们添加一个开关事件来打开或关闭它。原创 2022-03-08 09:41:31 · 1000 阅读 · 0 评论 -
Babylon.js 入门 - 第 5 章 - 更好的环境
Babylon.js 入门 - 第 5 章 - 更好的环境 Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。我们的乡村世界有点平坦,没有气氛。让我们添加一些草、远处的山丘、天空和树木,所有这些都可以使用 `Babylon.js` 轻松完成,通过天空盒、纹理、高度图和精灵图。原创 2022-03-07 10:15:18 · 860 阅读 · 0 评论 -
Babylon.js 入门 - 第 4 章 - 避免碰撞
Babylon.js 入门 - 第 4 章 - 避免碰撞Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。这次只是一个快速的步骤。我们的角色在村子里晃来晃去,我们希望他避免被路过的汽车撞到。我们设置了一个危险区域,当汽车进入危险区域时,让角色停下来。如果他已经在危险区域,在这种情况下,他最好继续前进。原创 2022-03-04 16:15:50 · 914 阅读 · 0 评论 -
Babylon.js 入门 - 第 3 章 - 添加动画(2)
Babylon.js 入门 - 第 3 章 - 添加动画(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。由于目前我们的村庄还不是很热闹,所以让我们来添加一些动画。本章将向您介绍静态类型的父级子级和一种将网格链接在一起的方式,因此对父级网格的更改也同样作用于他们的子级网格。 我们将为一辆非常简单的带有轮子的汽车制作动画,这些轮子是父级车身的子级。有一种方式可以让我们的父级网格和子级网格表现得像一个真正的整体,子级可以独立于父级行事。做得很好,因为我们原创 2022-03-11 10:08:55 · 1136 阅读 · 0 评论 -
Babylon.js 入门 - 第 3 章 - 添加动画(1)
Babylon.js 入门 - 第 3 章 - 添加动画(1)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。由于目前我们的村庄还不是很热闹,所以让我们来添加一些动画。本章将向您介绍静态类型的父级子级和一种将网格链接在一起的方式,因此对父级网格的更改也同样作用于他们的子级网格。 我们将为一辆非常简单的带有轮子的汽车制作动画,这些轮子是父级车身的子级。有一种方式可以让我们的父级网格和子级网格表现得像一个真正的整体,子级可以独立于父级行事。原创 2022-02-23 17:22:49 · 998 阅读 · 0 评论 -
Babylon.js 入门 - 第 2 章 - 建造村庄(2)
Babylon.js 入门 - 第 2 章 - 建造村庄(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。现在我们迈出了一大步,因为我们把这个简单的盒子变成了一两个房子。由于房屋不是漂浮在空中的,所以我们需要创建一些地面,然后看看我们如何定位、旋转和重新调整房屋大小并将其放置在地面上。由于空白盒子看起来太过空白,我们将添加纹理以使其具有窗户和门的外观。为了不让雨淋到屋内,我们添加一个屋顶网格并将两个网格合并在一起。当然,几座房子并不能构成一个村庄,因原创 2022-03-11 09:48:59 · 6169 阅读 · 0 评论 -
Babylon.js 入门 - 第 2 章 - 建造村庄(1)
Babylon.js 入门 - 第 2 章 - 建造村庄(1)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。现在迈出了一大步,因为我们把这个简单的盒子变成了一两个房子。 由于房屋不漂浮,我们将创建一些地面,然后看看我们如何定位、旋转和重新调整房屋大小并将其放置在地面上。 由于空白盒子看起来就像一个空白盒子,我们将添加纹理以使其具有窗户和门的外观。 为了不下雨,让我们添加一个屋顶网格并将两个网格合并在一起。原创 2022-02-16 14:30:21 · 1044 阅读 · 0 评论 -
Babylon.js 入门 - 第 1 章 - 第一个场景、模型、应用
入门 - 第 1 章 - 第一个场景、模型、应用现在是时候一起开始我们的学习之旅了。第一步将向您介绍使用 Babylon.js 创建场景、编写简单模型并将其导出的基础知识。Babylon.js 不仅可以创建模型,还可以将在其他软件中创建的一系列模型类型导入 Babylon.js。我们将向您展示如何将模型导入场景、将其显示在 Web 上或从中创建 Web 应用程序。从通常的 Hello World 开始,我们将逐步构建一个简单的世界。在旅程的最后,我们将创建一个展示 Babylon.js 功能的小村庄。第原创 2022-02-15 14:54:03 · 3471 阅读 · 0 评论