WunWun' Blog

Talk is cheap

简单的动画

glTF系列教程06

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

Posted by WunWun on July 22, 2017

场景和节点

glTF系列教程04

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

Posted by WunWun on July 22, 2017

最小的glTF文件

glTF系列教程03

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

Posted by WunWun on July 22, 2017

网格

glTF系列教程08

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

Posted by WunWun on July 22, 2017

Buffers,BufferViews,Accessors

glTF系列教程05

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

Posted by WunWun on July 22, 2017

动画

glTF系列教程07

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

Posted by WunWun on July 22, 2017

glTF 介绍

glTF系列教程01

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

Posted by WunWun on July 21, 2017

glTF 基本结构

glTF系列教程02

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

Posted by WunWun on July 21, 2017

JavaScript Methods

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

Posted by WunWun on February 11, 2017

JavaScript Inheritance

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

Posted by WunWun on February 11, 2017

FEATURED TAGS
前端开发 JavaScript Android 学习笔记 自定义控件 滑动 绘图 glTF WebGL
ABOUT ME

左手写诗，右手弹吉他，双手敲代码。

FRIENDS