自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

webgpu

webgpu

  • 博客(10)
  • 资源 (2)
  • 问答 (1)
  • 收藏
  • 关注

原创 OpenGL学习 延迟着色 Deferred Shading

这个操作看了看介绍是为了减少正向渲染(就是一个模型完了再渲染下一个)的开销介绍正向渲染(Forward Rendering)或者正向着色法(Forward Shading),在场景中我们根据所有光源照亮一个物体,之后再渲染下一个物体,以此类推。它非常容易理解,也很容易实现,但是同时它对程序性能的影响也很大,因为对于每一个需要渲染的物体,程序都要对每一个光源每一个需要渲染的片段进行迭代,这是...

2018-10-24 11:24:43 601

原创 threejs 第二十用 shaderMaterial

自己写shader就得用这个材质需要vertex fragment先 <script id="vertex-Shader" type="x-shader/x-vertex"> varying vec2 vUv; void main() { gl_Position = projectionMatrix * modelViewMatrix ...

2018-10-23 11:28:30 3634

原创 threejs第十九用 rendertarget fbo

把场景作为纹理const renderTarget = new THREE.WebGLRenderTarget( 1920, 1280); var renderS = new THREE.Scene();renderS.add(new THREE.AmbientLight(0xffffff)); var light = new THREE...

2018-10-22 15:35:00 1056

原创 threejs 第十八用 BSP

var g = new THREE.BoxGeometry(2, 2, 2);var m = new THREE.MeshLambertMaterial({ color: 0xff0000 }) var cube2=new THREE.Mesh(g,m);var sphereGeometry = new THREE.SphereGeometry(2, 50, 50); ...

2018-10-16 17:58:01 1062

原创 threejs第十七用 merge合并

merge可以合并一些属性顶点位置 uv。。来提升性能不过 好像不能合并纹理 。var geometry = new THREE.Geometry();var material = new THREE.MeshLambertMaterial({ color: 0xf33f66 })var g = new THREE.BoxGeometry(2, 2, 2);var m = new ...

2018-10-15 09:49:41 6619

原创 js 判断点在三角形中

function angle(a, b) { return Math.acos((a.x * b.x + a.y * b.y + a.z * b.z) / (length(a) * length(b))); } function makeLine(a, b) { ...

2018-10-12 18:07:47 1089

原创 js 判断3D空间中 三点共线

需要一个有x y z的数据结构  class Point { constructor(a=0,b=0,c=0) { this.x=a; this.y=b; this.z=c; } }  一个计算边...

2018-10-12 14:51:02 2716

原创 threejs第十六用 OrbitController

头文件 <script src="js/controls/OrbitControls.js"></script>var controls = new THREE.OrbitControls( c, r.domElement );  camera和WebGLRenderer// 使动画循环使用时阻尼或自转 意思是否有惯性 controls.enableDampin...

2018-10-11 13:52:39 991 2

原创 threejs第十五用 背景透明

var r = new THREE.WebGLRenderer({alpha:true});r.setClearColor(0x000000,0);这样。。就可以了

2018-10-09 14:56:28 2569

原创 threejs第十四用 FirstPersonControls

初始化一个相机 再初始化一个控制器 在requestanimate里面update就可以了var c = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); c.lookAt(new THREE.Vector3(0, 0, 0)); c.posi...

2018-10-08 09:21:16 1684

VulkanSDK.zip

去那几个官网下载东西会因为不知名原因很慢,并且有时候会半途下载失败,我把glm glfw-3.3.2.bin.win64 vulkansdk打包一起下载下来了

2020-08-09

openGL资源包

两个文件夹都打包好了。只需要解压出来你自己找个路径。

2017-12-13

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除