three
ranran125
这个作者很懒,什么都没留下…
展开
-
threejs 的texture2DArray渲染流程
此时并没有真的去执行gl.createtexture(); 会有一个setValue => DataTexture2DArray此时创建材质的时候 每个uniform 的存入值 都会有想对应的setValue 和构造函数这些准备完以后,等再次进入webglRender 的时候会依次执行renderObject函数(渲染所有的对象)=>setProgram=>更新材质 =>webglUniforms.upload()=>遍历uniforms 找到对应的setValue.原创 2020-05-21 13:16:58 · 1037 阅读 · 0 评论 -
three -添加辅助线
var axisHelper = new THREE.AxisHelper(500); this.scene.add(axisHelper);three里边的helper 比较多这个是添加辅助线的原创 2017-11-29 08:56:29 · 2013 阅读 · 0 评论 -
鼠标点击获取3维坐标three
鼠标点击的屏幕坐标转换到视点坐标系 var me = this, view = this.getView(), viewModel = this.getViewModel(); var text = view.down(‘[name=Pickuppos]’).getText(); if (me._object) { if (text...原创 2018-03-19 19:38:40 · 5678 阅读 · 0 评论 -
three后期处理与多通道渲染
1.设置后期处理设置Three.js库为后期处理做准备,我们需要通过以下步骤对当前的配置进行修改:1)创建一个EffectComposer(效果组合器)对象,然后在该对象上添加后期处理通道。2)配置该对象,使它可以渲染我们的场景,并应用额外的后期处理步骤。3)在render循环中,使用EffectComposer渲染场景、应用通道,并输出结果。要使用后期处理,需要引入一些ja...转载 2018-04-19 09:29:04 · 4947 阅读 · 0 评论 -
微信的小程序和小游戏的区别
小游戏是小程序的一个类目,小游戏是微信开放给小程序的更多的能力,让小程序开发者有了开发游戏的能力。小游戏没有WXSS、WXML、多页面等内容,但加了一些渲染、文件系统以及后台多线程的功能。小游戏的运行环境是小程序环境的扩展,基本思路也是封装必要的 WEB 接口提供给用户,尽可能追求和 WEB 同样的开发体验。小游戏在小程序环境的基础上提供了 WebGL 接口的封装,使得渲染能力和性能有了大幅度...翻译 2018-06-13 15:09:39 · 18098 阅读 · 0 评论 -
图解WebGL&Three.js工作原理
1、什么是矩阵?简单说来,矩阵用于坐标变换,如下图:2、那它具体是怎么变换的呢,如下图:3、举个实例,将坐标平移2,如下图:如果这时候,你还是没有理解,没有关系,你只需要知道,矩阵用于坐标变换。四、WebGL的工作原理4.1、WebGL API在了解一门新技术前,我们都会先看看它的开发文档或者API。查看Canvas的绘图API,我们会发现它能画直线、矩形、圆、弧线、贝塞尔曲...转载 2018-12-17 17:35:26 · 326 阅读 · 0 评论