ThreeJS笔记(一)

【ThreeJS笔记(一)】的更多相关文章

ThreeJS笔记(一) ThreeJS的本质是WebGL,但是webGL使用起来不是很方便,threeJS则提供了比较上层的封装,开发起来更加轻便. 环境配置首先从github下载源码把ThreeJS包含到工程目录写个代码测试一下 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Thre…

webgl,threejs教程、笔记

发现一个不错的博客,学学. webgl和threejs教程…

threejs的学习笔记

很多时候,我们在开发3d效果的时候,容易搞不清楚x,y,z坐标分别指示哪个方向在开发threejs的时候可以先把坐标系添加到场景中,起到一个启示作用. js // show axes in the screen var axes = new THREE.AxisHelper(20); scene.add(axes); 坐标系中的X,Y,Z坐标轴分别对应颜色红,黄,蓝…

threejs学习笔记（二）

THREE.WebGLRenderer THREE.Scene THREE.OrthographicCamera正交相机 THREE.PerspectiveCamera透视相机 renderer.setClearColor (new THREE.Color) renderer.setSize renderer.render Geometry Geometries THREE.Shape .mvoeTo .lineTo 材质 THREE.MeshBasicMaterial 实际使用(没有光照的模…

threejs学习笔记（一）

得到webgl的渲染管线…

gis和threejs的学习资料

*********************************** 基础知识/名词瓦片/矢量瓦片GeoJson - 绘制GeoJson看数据, geojson规范, 中文版 ***********************************WEB前端地图框架Openlayers (3.x apiDoc http://geoadmin.github.io/ol3/apidoc/)mapbox-gl-js ***********************************Geo可视化t…

Three入门学习笔记整理

一.官方网站:https://threejs.org 二.关于Three.js 三.开始四.实例基本结构结果五.概念坐标系场景相机灯光 3D模型六.简单动画七.交互控制结束 # Three入门学习笔记整理 # 一.官方网站:https://threejs.org 二.关于Three.js WebGL是大部分浏览器直接支持的一种3D绘图标准,它可以创建二维图形和应用,还可以充分利用GPU,创建漂亮的.高性能的三维应用.直接使用WebGL非常复杂,Three.js库提供了一套基…

【带着canvas去流浪（11）】Three.js入门学习笔记

目录一. 资料推荐及建议二. Three.js中的基本概念三.重点笔记四.补充示例示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址:<大史住在大前端>原创博文目录华为云社区地址:[你要的前端打怪升级指南] 一. 资料推荐及建议 1.官方文档很详细,但是API部分单独理解也很难,属于工具书.官方github仓库里提供了海量的插件和demo页面. 2.在CSDN上找到的一个[Three.js系列博文] 内容相当全,包括了thr…

git-简单流程（学习笔记）

这是阅读廖雪峰的官方网站的笔记,用于自己以后回看 1.进入项目文件夹初始化一个Git仓库,使用git init命令. 添加文件到Git仓库,分两步: 第一步,使用命令git add <file>,注意,可反复多次使用,添加多个文件:// 第二步,使用命令git commit,完成. 2.修改文件 git status命令可以让我们时刻掌握仓库当前的状态,上面的命令告诉我们,readme.txt被修改过了,但还没有准备提交的修改. git diff顾名思义就是查看difference,显示的格…

js学习笔记：webpack基础入门（一）

之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者服务器一.安装webpack 你需要之前安装node.js $ npm install webpack -g 安装成功后,便可以使用webpack命令行了. ok,开始工作! 二.新建一个空目录,名字为myApp,文件如下 entry.js document.write("It works.&qu…