THREE.JS 源码注释

最新推荐文章于 2019-07-30 15:11:40 发布
最新推荐文章于 2019-07-30 15:11:40 发布
阅读量1k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： webgl 注释
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/garreet/article/details/43562459
本文作者通过学习THREE.JS，对其源码进行了详尽注释，并制作成在线文档，方便开发者查阅。主要内容包括对THREE.JS的使用方法、核心渲染部分《WebGLRenderer.js》的深入分析，以及提供了一套详细的API说明。此外，作者还分享了注释过程中使用的JSDOC工具，并提供了源码下载链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

WebGL的发展越来越迅猛，让我这种C++的吊丝感觉自己已经跟不上时代的步伐了，奋起之下决定学习下WebGL的内容。看了国外的 http://learningwebgl.com/教程后感觉内容有点少，就想到了THREEJS这个目前比较流行的WebGL引擎，开始学习ING。。。


找了几天资料，都是关于THREE.JS如何使用的，没有对THREE.JS的源码进行分析的资料，而且THREE.JS本身的文档几乎没法看。

突然看到 omni360 同学的three.js注释的文章http://blog.youkuaiyun.com/omni360，受其感染，决定对three.js的源码做个注释，然后制作个在线文档，方便查阅。


又折腾了几天，学习了下JSDOC，开始对THREE.JS进行注释工作，目前除了extras内的大部分外，其余核心部分都已注释完成，希望可以作为大家的学习参照。


电子文档地址：

http://download.youkuaiyun.com/detail/garreet/8434199


JSDOC注释的源码地址：

GITHUB地址： https://github.com/garreet/ThreeJS-Notes

优快云地址： http://download.youkuaiyun.com/detail/garreet/8606119


源码内对函数内的关键代码也有注释，比生成的电子文档API说明要详细。

特别是渲染的核心部分《WebGLRenderer.js》


因时间关系，可能有不少错误的地方，欢迎大家一起完善，谢谢！


PS ： 下一步的计划是把THREE.JS的render函数进行详细分析


garreet
关注
three.js 源码注释（一）./Three.js
omni360的专栏
08-26 1万+
在Three.js文件中包含了THREE.js大部分的常量,主要分为以下几类CustomBlendingEquation,GLState,Materials,ShadowingTypes,Textures. 着色方式 绝大多数的3D物体是由多边形（polygon）所构成的，它们都必须经过某些着色处理的手续，才不会以线结构（wireframe）的方式显示。 这些着色处理方式有差到好，依次主要分为FlatShading、GouraudShading、PhoneShading、
three.js 源码注释（四十五）Material /Material .js
omni360的专栏
12-22 2852
Material是材质对象的抽象基类,当创建材质时都从这个类继承.Material对象的功能函数采用定义构造的函数原型对象来实现. 简单的说就是物体看起来是什么质地。材质可以看成是材料和质感的结合。在渲染程式中，它是表面各可视属性的结合， 这些可视属性是指表面的色彩、纹理、光滑度、透明度、反射率、折射率、发光度等。
ThreeJS 中文注释源码
04-18
对ThreeJS的中文注释源码 可以用JavaDoc生成相应API文档 对《WebGLRenderer.js》的函数做了详细注释，希望对源码核心感兴趣的同学有帮助
three.js代码注释
追求专业
06-04 245
转载请保留此句：商域无疆 - 本博客专注于 敏捷开发及移动和物联设备研究：数据可视化、GOLANG、html5、WEBGL、THREE.JS，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。 俺也是刚开始学,好多地儿肯定不对还请见谅. 以下代码是THREE.JS 源码文件中Light/DirectionalLight.js文件的注释. /*** @author mrdoob / http...
three.js学习笔记（二）-对一个简单three.js进行注释
soraduo的博客
07-30 437
Anyone can say that. Show me the code, please! 理论知识是需要建立在实践上的，所以我想给大家具体来分析一下代码 <!DOCTYPE html> <html> <head> <title></title> <style>canvas { width: 100%; ...
three.js源码注释
liangjiamingbaobei的博客
05-04 213
更多更新在: https://github.com/omni360/three.js.sourcecode
Three.js视频教程源码.rar
08-19
在"Three.js视频教程_65节源码"中，每一节都包含详细的源码和注释，方便学习者逐个击破知识点，从基础到高级，逐步掌握Three.js的精髓。通过实践这些示例，你可以快速提升在HTML5 3D领域的技能，开启网页3D世界的...
three.js 源码注释（二十二）Core/Object3D.js
omni360的专栏
11-24 7233
以下代码是THREE.JS 源码文件中Core/Object3D.js文件的注释. Object3D是场景中图形对象的基类.Object3D对象的功能函数采用定义构造的函数原型对象来实现.
three.js 源码注释（五十）Material /MeshPhongMaterial.js
omni360的专栏
12-28 4581
MeshPhongMaterial方法根据参数parameters创建mesh(网格)的phong(冯氏)材质类型,表面有光泽的材质类型,计算每个像素, parameters参数的格式看上面.MeshPhongMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material. <summary>MeshPhongMaterial</summary> <param name ="parameters" type="String">string类型的JSON格式
three.js 源码注释（二十四）Core/Face4.js
omni360的专栏
11-25 2099
Face3对象的构造函数.用来在四维空间内通过参数a,b,c,d, normal, color, materialIndex创建一个四角面对象.Face4对象的功能函数采用 定义构造的函数原型对象来实现. NOTE:Face4方法已经删除,使用Face3替代,这里保留为了向下兼容. 用法: var a=0,b=1,c=2,d=3;var normal = new THREE.Vector3( 0, 1, 0 ); var color = new THREE.Color( 0xffaa00 ); va
ThreeJs源码解释
01-12
threejs源码中函数的解释，有助于深入学习webgl以及threejs原理。
three.js 源码
11-08
three.js 源码，web 3d开发，学习简单，可以做3d库房，3d游戏。
threejs源码(threejs知识点：1.模型分析)
11-09
threejs源码(threejs知识点：1.模型分析)threejs源码(threejs知识点：1.模型分析)threejs源码(threejs知识点：1.模型分析)threejs源码(threejs知识点：1.模型分析)threejs源码(threejs知识点：1.模型分析)
three.js开发指南及其示例源码（中文版）
12-03
本 资源分享了three.js开发指南中文版的PDF及其课本所附示例程序源码
three.js 源码注释（六十）objects/Line.js
omni360的专栏
01-20 3023
Line对象,创建一条线,或者一组线. 用法:var geometry = new THREE.Geometry(); //创建geometry对象 var material = new THREE.LineBasicMaterial({color: 0xffff00}); //创建材质对象,这里有专门适用于line对象的材质对象LineBasicMaterial. geometry.verteces.push(new THREE.Vector3(-10,0,0), //为geome
three.js 源码注释（二）Math/color.js
omni360的专栏
09-11 3491
以下代码是THREE.JS 源码文件中Math/color.js文件的注释.
three.js 源码注释（九十六）Cameras/CubeCamera.js
omni360的专栏
02-01 3789
CubeCamera方法根据 near, far ,cubeResolution 生成立方体相机.CubeCamera对象的功能函数采用 定义构造的函数原型对象来实现. CubeCamera经常用来创建天空盒子.由六张图片拼接成一个场景. <summary>CubeCamera</summary> <param name ="near" type="Number">指明相对于深度剪切面的近的距离，必须为正数,可选参数,如果未指定,初始化为0.1</param> <param name ="far" ty
three.js 源码注释（十七）Math/Math.js
omni360的专栏
11-20 3577
three.js 源码注释（十七）Math/Math.js Math对象的构造函数.包含了一些常用的数学方法. generateUUID()方法用来生成一个36位的uuid通用唯一识别码 (Universally Unique Identifier). clamp()方法用来限制x的值在a和b之间， 如果x小于a，返回a。 如果x大于b，返回b，否则返回x. sign()方法返回参数x的符号,如果大于0返回1,如果小于0返回-1,否则返回0. isPowerOfTwo()方法是否2的幂,如果该值是2的幂，
three.js 源码注释（四十）Light/PointLight.js
omni360的专栏
12-06 1697
PointLight方法根据设置灯光的颜属性color, 强度属性intensity,距离属性 distance 创建点光源.PointLight对象的功能函数采用 定义构造的函数原型对象来实现. TODO: PointLight类型灯光在这个版本内还没有实现阴影.??? Example: var light = new THREE.PointLight(0xff0000,1,100); //创建灯光对象 light.position.set(50,50,30); //设置位置 sc
Three.js源码及注释包 - JS开发必备工具
资源摘要信息:"在本文中，我们将深入探讨标题为'js源码及注释.zip'的压缩文件内容。该压缩包包含了与JavaScript相关的多个文件，包括三个主要的.js文件，即Three.min.js、Three.js以及three.bak.js，它们都是Three....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值