- 博客(11)
- 资源 (9)
- 收藏
- 关注
原创 WebGL学习资源汇总(持续更新)
WebGL学习资源汇总书籍书籍计算机图形图像处理基础《计算机图形图像处理基础》是2011年电子工业出版社出版的图书,作者是唐波。全书共分10章,主要内容包括了图形与图像处理的基本概念,图形图像处理的硬件与软件基础,基本图形的生成算法,图形显示技术,交互技术与图形软件标准,图像数字化与数学描述,图像正交变换,图像增强,图像恢复,图像分割。该书融合了计算机图形学与数字图像处理两门学科的知识...
2018-10-12 14:25:59 2420
原创 three.js ObjectControls.js
three.js ObjectControls.jsthree.js-object-controls Control object rotation, scale。控制物体的旋转和缩放。适合的场景是物体在坐标原点,绕Y轴左右旋转,绕X轴上下旋转,所以相机必须在Z轴上。比较类似orbitcontrols,但是功能更弱。合适演示地球。使用方法加载js文件<script src="t...
2018-10-31 19:25:03 1249 4
原创 three.js创建地球带大气层、辉光、云层、凹凸、高光
文章目录three.js创建地球1、基本场景搭建2、添加地球3、添加轨道控制器4、添加云层5、添加大气层6、添加星空背景7、添加辉光效果8、添加轨道卫星9、TS重构10、打包发布three.js创建地球本教程采用three.js创建一个地球带包含材质贴图,凹凸/高光贴图,以及大气层、辉光、云层、轨道卫星、星空等效果。涉及到的知识点有:three.js基本场景纹理贴图轨道控制器Shad...
2018-10-23 14:35:05 6778 6
原创 webgl中着色器的几种嵌入写法
webgl中着色器的几种嵌入写法在webgl中着色器程序是以JavaScript字符串形式编写的。为了书写美观和调试方面,经常出现不同的嵌入方式。下面总结了几种常用的方式。方式1:var vertexShaderSource = &amp;quot;&amp;quot; + &amp;quot;attribute vec4 aPos;&amp;quot; + &amp;quot;v
2018-10-18 19:08:00 695
原创 threejs基本场景
threejs基本场景自己开发中经常用到的基本测试场景,包含scene, camera, renderer, light, controls等。运行成功后会显示一个随意颜色的立方体和一个球体以及一个平面。用到的三个基本库文件。 &lt;script type="text/javascript" src="../js/three.js"&gt;&lt;/script&a
2018-10-18 18:18:05 1036
原创 ECharts学习笔记
ECharts学习笔记ECharts学习笔记ECharts学习笔记最新在学习使用Echarts来绘制可视化图表,觉得挺有意思的。对Echarts有了一些基本的概念。在它的官方文档中有详细的入门教程、api和配置项介绍。以及众多的案例可以参考。这也是网络上没有多少Echarts教程的原因吧,因为看文档就够了。配置项:http://echarts.baidu.com/option.html#ti...
2018-10-18 10:20:38 398
原创 使用threejs实现地球辉光和大气层效果
使用threejs实现地球辉光和大气层效果实现原理就是使用three.js的ShaderMaterial材质。我们把辉光分为几个步骤来实现:创建两个球体,一个作为原始物体,一个略大一些作为它的辉光作为辉光的球体从内到外片元透明度逐渐减小(线性减小或是指数减小都可以)将覆盖原始物体的部分丢弃掉主要代码如下:var vertexShader = [ 'varying vec3...
2018-10-15 10:46:51 10208 3
原创 THREE.ShaderMaterial
THREE.ShaderMaterialTHREE.ShaderMaterial是three.js中最通用、最复杂的材质之一。通过它可以使用自己的定义的做色漆,直接在webgl环境中运行。
2018-10-15 10:16:42 4581 1
原创 WebGL着色器和Three.js自己定义后期处理着色器
WebGL着色器和Three.js自己定义后期处理着色器为了渲染出一个网格的最终图像,开发者需要准确的定义顶点、变换、材质、光源以及相机是如何相互作用并最终生成图像的。而承担这个工作的就是着色器(shader)。着色器又称作可编程着色器,它是一段源码,它实现了将网格像素点投影到屏幕上的算法。图形硬件能够解析顶点、纹理以及其他底层的东西,但是并不能处理材质、光源、变换以及相机。这些高级的结构由着色...
2018-10-11 13:52:11 3996
原创 THREE.ShapeGeometry
ShapeGeometry从一个或多个路径形状创建一个单面多边形几何模型. 类似于 ExtrudeGeometry下面演示使用shape绘制一个二维的圆环,然后用该圆环的点来绘制出一个三维的圆。var shape = new THREE.Shape();shape.absarc(0,16,10,0,Math.PI*2,true);var points = shape.getPoints(...
2018-10-09 17:28:35 1731
原创 three.js 后期处理通道postprocessing
three.js 后期处理通道postprocessingThree.js提供了很多后期通道。下面列出了官方文档中的23个通道。AdaptiveToneMappingPassAfterimagePassBloomPass:该通道可以增强场景中明亮的区域,可以模拟辉光。BokehPassClearPassCubeTexturePassDotScreenPassEffectComp...
2018-10-09 16:55:47 5864 3
3d-force-graph.rar
2020-08-05
机器学习及其相关算法综述_陈凯
2019-01-02
基于WebGL的交互平台设计与实现_汪浩
2019-01-02
webgl-reference-card-1_0
2018-11-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人