Three.js的3D图形开发

ThreeJS中文API文档
http://download.csdn.net/download/garreet/8434199

Three.js的左手坐标系
http://blog.csdn.net/qq408896436/article/details/53737863

线框等开发指南
https://www.cnblogs.com/amy2011/p/6148736.html

在GitHub下载指定版本的Three.js,目前已知r48——r59默认使用四边形网格,从r52开始有OrbitControls鼠标控制
https://www.zhihu.com/question/20080881

(page 112) PararnetricGeome町 的参数useTris 默认是 false。 如果设为 true , 那么该几何体创建时将会使用 三角商
片 。 如果设为 false , 使用的将是四边形

Face4的three.js来源
http://www.hewebgl.com/article/getarticle/126

治木用户手册
https://wenku.baidu.com/view/6c830d7d0622192e453610661ed9ad51f01d54bf.html###

3D引擎

  • Canvas教程
    https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial

  • 如何使用 Canvas 建立 3D 圖形
    https://msdn.microsoft.com/zh-tw/library/hh535759

  • 典型开源3D引擎分类比较
    http://blog.csdn.net/andyhebear/article/details/51750791

  • 用 JavaScript 构建一个3D引擎
    http://web.jobbole.com/86929/

  • 用Canvas玩3D:点-线-面
    http://www.cnblogs.com/axes/p/3529561.html

  • Unity3D课程学习
    http://forum.china.unity3d.com/forum.php?mod=forumdisplay&fid=51

  • unity3D基础入门教程
    http://jingyan.baidu.com/article/c910274bfa091fcd361d2d14.html

  • Unity3D–腾讯传课
    https://ke.qq.com/course/list/unity3d

  • Unity3D快速入门
    http://www.imooc.com/learn/313

Three.JS

  • 【最佳入门】 THREE.JS入门教程(1)THREE.JS使用前了解
    http://www.jb51.net/article/33517.htm

  • error creating webgl context 这样的提示怎么解决?
    http://bbs.csdn.net/topics/390650044

  • Three.js教程
    http://www.hewebgl.com/article/articledir/1

  • Three.js入门篇
    http://www.cnblogs.com/shawn-xie/archive/2012/08/16/2642553.html

  • Three.js - renderer
    http://blog.sina.com.cn/s/blog_690c60bb010191m1.html

  • three.js220MB源码包
    http://www.bvbcode.com/cn/tc9z5m0r

  • three.js github地址
    https://github.com/mrdoob/three.js/archive/master.zip

  • Three.js快速入门教程
    http://www.jb51.net/article/92350.htm

  • THREE.JS之文本对象
    http://blog.csdn.net/u011135260/article/details/52699062?utm_source=itdadao&utm_medium=referral

  • CanvasRenderer/地球旋转demo
    http://download.csdn.net/download/wangyi_lin/4164117
    http://www.cnblogs.com/zfyouxi/p/4065102.html

  • Three.js 入门:如何使用并绘制基础 3D 图形
    http://www.freebuf.com/company-information/143923.html

  • 图解WebGL&Three.js工作原理
    http://www.cnblogs.com/wanbo/p/6754066.html

  • threejs-选择合适的相机
    http://www.myjscode.com/page/three/2/7.html

深入Three.js

  • MeshBasicMaterial 网格基础材质
    http://blog.csdn.net/aprildove/article/details/48623337

  • ThreeJS 开发实例
    http://blog.csdn.net/ruangong1203/article/details/52156327

  • Three.js使用顶点绘制立方体
    http://blog.csdn.net/qq_30100043/article/details/76725905

  • JS:指定FPS帧频,requestAnimationFrame播放动画
    http://www.cnblogs.com/kenkofox/p/3849067.html

显示效果

  • 如何解决修改js文件后火狐浏览器无法更新的问题
    http://blog.csdn.net/w200221626/article/details/53420784

  • MultiMaterial
    http://blog.csdn.net/ruangong1203/article/details/60476916
    http://feg.netease.com/archives/266.html
    http://blog.csdn.net/ruangong1203/article/details/52156327

-直接采用立方体的话,可以避免三角斜线
Three.js的3D图形开发_第1张图片
Three.js的3D图形开发_第2张图片

  • 三维空间旋转和Three.JS中的实现
    https://www.cnblogs.com/silent-stranger/p/6027266.html
  • three.js实现围绕某物体旋转
    http://www.jb51.net/article/104256.htm
  • Three.js之新手初学——构建魔方
    http://blog.csdn.net/ll19930120/article/details/44983723
  • [webGL学习]基于three.js构建WebGL实例第三讲
    http://blog.csdn.net/baihuaxiu123/article/details/52749131
  • 在threejs中对3D物体旋转的思考
    http://blog.csdn.net/srk19960903/article/details/68925004
  • threejs指定对象旋转中心
    http://blog.csdn.net/ruangong1203/article/details/60476782
  • three.js学习笔记 相机控件
    http://blog.csdn.net/u014658748/article/details/50491922
  • threejs路径
    http://blog.csdn.net/ruangong1203/article/details/60477093

在使用最新的r89-OrbitControls的情况下,再次面对三角网格斜线问题

  • three.js中新建一个立方体怎么让它只显示六条边?
    https://www.zhihu.com/question/30417680
  • three.js 给立方体设置边框
    http://blog.csdn.net/u011011025/article/details/50723417
  • 3.boxhelper:包围盒辅助工具
    https://www.cnblogs.com/JiSight/p/7736529.html
  • three.js 展示 EdgesHelper.js源代码
    http://www.bvbcode.com/cn/tc9z5m0r-1816678
  • EdgesGeometry
    https://threejs.org/docs/#api/geometries/EdgesGeometry
  • ThreeJs中给立方体设置没有对角线的border
    https://segmentfault.com/a/1190000004384945
    Three.js的3D图形开发_第3张图片

你可能感兴趣的:(Three.js的3D图形开发)