![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
菜鸟学three
啊辉的小号
多学习,才能进步
展开
-
threejs 实现光影效果
threejs 阴影原创 2022-05-23 09:53:17 · 996 阅读 · 0 评论 -
法线外延法 写 描边材质
1通过法线外延的方式实现1.顶点shader 和片元shadervar outlinevertexShader = [ 'uniform float thickness;', 'void main() {', 'gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);', 'vec3 norm = normalMatrix * normal;',原创 2021-05-20 12:07:33 · 288 阅读 · 0 评论 -
three js 记录一下 基础的代码
创建一个场景 var scene = new THREE.Scene(); 创建一个摄像机: var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); 创建一个渲染器 function initWebGLR...原创 2020-03-20 19:50:52 · 132 阅读 · 0 评论 -
学习threejs 在WebGL中混合HTML页面
近期遇到一个问题,就是在webgl 中如加载html页面,翻遍了各个网站终于找到解决方案:收先奉上大神的文章http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/ 可能需要爬墙出去才能观看。看了看时间是13年写的,想象那个时候,我还不知道html为何物其中的主要思想就...原创 2020-03-20 19:34:24 · 5198 阅读 · 3 评论 -
threejs 初学一
近期闲来无事,学习一下threejs,以备日后项目需要。学习中有一些心得,在此做个笔记。首先学习three 最好的网站 就是three官网:https://threejs.org/ 作为一个最渣渣的程序员,接触一个新东西,看文档是必不可少的。然后就是大量的尝试。实践出真知嘛,还好three 要求的环境成本并不高,一个浏览器,一个文本编辑器就可以。我们利用three 的主要目的就是为...原创 2020-03-20 15:24:24 · 732 阅读 · 0 评论