这篇文章是对射线法raycaster的补充，上一篇文章主要讲的是raycaster射线法拾取模型的原理，而这篇文章着重讲使用射线法要注意的地方。首先我们来看下图。 我来解释一下上图中的originTriangle，这就是Triangle2三角形第一次绘制在空间中的位置，而Triangle2当前的位置 ...
分类：
Web程序 时间：
2018-11-18 11:33:42
阅读次数：
353
从这篇文章开始，就要进入实际工程的构造了，我会逐个功能模块进行实现，这篇文章介绍的是在webgl中加入多个模型。 使用过threejs的同学都知道，在threejs的场景（scene）中可以加入多个网格（mesh），那么在原生webgl中自然也可以模仿threejs的方式加入多个网格，下面我们就在我 ...
分类：
Web程序 时间：
2018-11-17 13:16:54
阅读次数：
210
今天要把WebGL中一个非常重要的算法记录下来——raycaster射线法拾取模型。首先我们来了解一下为什么要做模型拾取，我们在做webgl场景交互的时候经常要选中场景中的某个模型，比如鼠标拖拽旋转，平移。为了能做到鼠标交互，就首先要能选中场景中的模型对象，这就要用到模型拾取算法，本文仅讨论射线法模 ...
分类：
Web程序 时间：
2018-11-17 11:53:25
阅读次数：
164
使用unity开发webgl避免不了和web端进行通讯，废话不多说直接上代码。1.unity向js通讯代码c#代码：///<summary>///unity向js发送消息///</summary>publicvoidUnityToJs(){Debug.LogError("Unity向js发送数据::"+input.text);Application.ExternalCall
分类：
编程语言 时间：
2018-11-15 14:34:18
阅读次数：
423
今天总结记录一下WebGL中主循环的创建和作用。我先说明什么是主循环，其实单纯的webgl不存在主循环这个概念，这个概念是由渲染引擎引入的，主循环就是利用一个死循环或无截止条件的递归达到定时刷新canvas场景的函数，也就是人们常说的canvas刷新率（fps）。在讨论主循环的用处之前，我们先明确一 ...
者有了开发游戏的能力。小游戏没有WXSS、WXML、多页面等内容，但加了一些渲染、文件系统以及后台多线程的功能。 小游戏的运行环境是小程序环境的扩展，基本思路也是封装必要的 WEB 接口提供给用户，尽可能追求和 WEB 同样的开发体验。小游戏在小程序环境的基础上提供了 WebGL 接口的封装，使得渲 ...
分类：
微信 时间：
2018-11-10 15:01:18
阅读次数：
303
今天和大家分享的是webgl渲染树形结构的流程。用过threejs，babylonjs的同学都知道，一个大模型都是由n个子模型拼装而成的，那么如何依次渲染子模型，以及渲染每个子模型在原生webgl中的流程是怎样的呢，我就以osg框架为原本，为同学们展示出来。 首先介绍osg框架，该框架是基于open ...
分类：
Web程序 时间：
2018-11-04 11:05:08
阅读次数：
269
Cesium是国外Analytical Graphics, Inc.公司开发的一款基于JavaScript 的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示，可以自行绘制图形，高亮区域，并提供良好的触摸支持，且支持绝大多数的浏览器和mobile。 围绕该款产品，Cesi ...
分类：
其他好文 时间：
2018-11-02 14:24:59
阅读次数：
399
对于这两个相机官方有一个示例更容易让人理解 https://threejs.org/examples/#webgl_camera 按O和P两个按钮切换相机 ...
分类：
Web程序 时间：
2018-10-30 11:23:13
阅读次数：
219
浏览器支持: Mozilla Firefox 42,Google Chrome 46,Apple Safari 9.0,MS Internet Explorer 11,MS Edge 13 Safari不支持全屏 Chrome需要大量内存解析js代码，可能导致内存不足 IE11号称支持，但是太慢，导 ...
分类：
Web程序 时间：
2018-10-13 19:46:10
阅读次数：
305
