- 博客(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
2020-08-09
boost 无法使用的问题
2016-12-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人