WunWun' Blog

Talk is cheap

简单的动画

glTF系列教程06

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 一个简单的动画 如前面章节 Scenes and Nodes所述,每个节点可以有一个局部变换。这个变换可以由节点的 matrix 属性给出,或者是 translation,rotation和scale(TRS)属性。...

场景和节点

glTF系列教程04

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 Scenes 和 nodes Scenes 在一个glTF文件中可能存在多个场景,但在许多情况下,通常只有一个场景,也就是默认场景。 每个场景包含 nodes的数组,它们是场景图的根节点的ID。 同样的,glTF文...

最小的glTF文件

glTF系列教程03

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 一个最小的 glTF 文件 下面的glTF资源包含一个单一的三角形,虽然小但是完整。 您可以将其复制并粘贴到一个gltf 文件中,每个基于glTF的应用程序都应该能够加载和渲染它。 本节将基于这个例子,解释glTF的...

网格

glTF系列教程08

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 Meshes mesh表示出现在场景中的几何对象。在最小glTF文件中,我们已经见过网格的第一个示例。这个示例具有附加到单个节点的单个网格,并且网格由(包含单个属性的)单个 mesh.primitive组成——顶点位...

Buffers,BufferViews,Accessors

glTF系列教程05

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 Buffers, BufferViews, Accessors buffer, bufferView 和 accessor 的示例已经 最小glTF文件部分中给出。 本节将更详细地解释这些概念。 Buffers ...

动画

glTF系列教程07

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 Animations 如Simple animation所示, animation可用于描述节点的translation, rotation 或 scale属性如何随时间变化。 下面是animation的另一个例子...

glTF 介绍

glTF系列教程01

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 对 glTF 的介绍 基于3D内容的应用和服务越来越多。 在线商店提供3D预览的产品配置器。 博物馆正在使用3D扫描将他们的工件数字化,并允许在虚拟画廊中探索他们的收藏品。 城市规划者使用3D城市模型进行规划和信息可...

glTF 基本结构

glTF系列教程02

又复习了一下glTF模型,发现了一个很好的英文教程,讲解的非常详细。没有图形学知识背景的人也可以听懂。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文教程。 glTF 的基本结构 glTF的核心是一个JSON文件。 此文件描述3D场景的全部内容。它通过定义场景图的节点层次结构来描述场景结构。 使用附加到节点的网格(meshes)定义场景中出现的3D对象。 材质(Mater...

JavaScript Methods

JavaScript提供了一套小型的可用在标准类型上的标准方法集。 Array array.concat(item…) array.concat(item...)方法会产生一个新数组,它包含一份array的浅复制(shallow copy)并把一个或多个参数item附加在其后。如果参数item是一个数组,那么它的每个元素会被分别添加。 var a = ['a', 'b', '...

JavaScript Inheritance

JavaScript是一门弱类型语言,从不需要类型转换。对象继承关系变得无关紧要。对于一个对象来说重要的是它能做什么,而不是它从哪里来。 JavaScript是一门基于原型的语言,这意味着对象直接从其他对象继承。 伪类 当一个函数对象被创建时,Function构造器产生的函数对象会运行类似这样的一些代码: this.prototype = {constructor: this}; ...