前端那些年

封面图 在上一节中，我们用threejs成功创建了一个蓝色的立方体。但是如果我们仔细观察一下，会发现几个非常有意思的现象，比如： 我们在创建立方体的时候并没有对它做旋转操作，但是它看起来却是像被旋转过

封面图 这部分的目的是简单介绍threejs的开发流程，从创建场景、设置相机、添加几何体到将几何体渲染到节界面上。同时引出几个在开发过程中容易忽略的概念，在后面的小节中将做详细的介绍。 创建立方体 虽

封面图 国庆期间骑着车子带娃出去跑了一天山，这种走一路玩一路看一路风景的感觉确实很不错 什么是数字化 从字面的意义理解，数字化可以理解为信息化。因为当前的社会是一个高度发达的信息社会，我们无时无刻不在

封面图 前几天去参加了个考试，实际上并没有怎么看书，找一下考试的感觉，顺带着为以后做下准备 终究还是得会写服务端 两个月没有更新技术文章了，不知道最近都忙了什么。时间都浪费在了一些没有意义的事情上。

封面图 俗世洪流能站得住脚已经是千辛万苦，想出人头地恐怕比登天还难。 《一刀倾城》1993年的老电影，小的时候看过，今天又翻出来看了一遍，以后不会再有这么好看的电影了。 想好自己的退路 一过了三十岁，

封面图 今年的互联网行业形势不容乐观，所以在找工作的时候需要准备的尽量充分一些，来应对当前复杂多变的环境。 h5页面在无法滑动 前两天帮朋友处理了一个问题，说是写的h5页面在手机上无法滑动。我问他你用

封面图 今天下雨，随手拍的一张照片 面向百度开发 闲着的时候忽然想到面向百度开发这个词，意思是说很多开发从业人员在写代码的过程中都需要用百度找答案，其实这个词不够严谨，严谨一些的叫法应该是面向搜索引擎

封面图 总有刁民想害朕。 不知道是哪个居心叵测之人在网上散播谣言，说前端的日子没两天了。我很纳闷：一个干前端的怎么就这么期盼着这个行业完蛋？ 写个文章，题目要不就是什么前端已死，要么就是前端没了，为了

封面图 这个实现过程比较简单，主要用来练习一下ThreeJS中的基本操作，场景、灯光、相机、几何体。 实现过程 要是实现这个demo ,我们首先必须要先创建一个基本的场景，先把舞台搭建好,这些都是正常

我今年41岁，普通服装厂工人，喜欢穿行政夹克、开奥迪车，没想着就是这个小小的爱好让在这一天给我带来的不小的麻烦。 时间：xxxx 年xx月xx 日 这一天阳光明媚、温度适宜，我原本想着在家里休息一天，

封面图 想像一下我们正在导演一场电影，灯光在影视中的应用是必不可少的，它的左右有很多： 照明演出,使观众看清演员表演和景物形象; 导引观众视线 塑造人物形象,烘托情感和展现舞台幻觉; 创造剧中需要的空

封面图 LineBasicMaterial 线条基本材质，用于绘制线框样式几何图形的材质。 它的构造器接收的参数是一个对象，这个对象中有以下几个属性： color-材质的颜色，默认情况下设置为白色（0

封面图 这两天比较火的消息应该就是阿里裁员的消息吧，有的说阿里开了头，别的厂再跟进，会有一个连锁反应什么的。 关于裁员的一点看法 我倒觉得这是个很正常的现象，原因很简单，假设你是公司的负责人，在国际国

封面图 画画这个东西就是想画就画，不想画就不画，跟写文章一样，想写就写，不想写就不写。因为画画这本身就是一件陶冶性情的事儿，既然是为了陶冶性情，那么自己高兴就好了，就好比我儿子画了一幅画，然后很高兴的

封面图 这一小节接着说几何体。 EdgesGeometry 边缘几何体，用来绘制物体的边缘线,可以用来框住某个具体的物体，比如官方案例： 它的使用流程稍微复杂一些，首先要声明一个几何体，然后给这个几何

封面图 如果你厌倦了echarts等2d可视化的方案，那么没事儿的时候可以琢磨一下3d可视化的方案。 这里简单实现一个3D的柱状图，写这个demo的原因是上节文章讲了threejs中的基本的几何体，所

封面图 从这一小节开始，文中的代码及图片将逐渐多起来，以方便的描述相关的知识点。 Geometry翻译成中文为：几何图形、几何结构。顾名思义，它可以是长方体、立方体、圆柱体、圆锥体、一个平面、球体、环

封面图 顾名思义，渲染器主要是用来渲染我们前面创建的场景的。 WebGLRenderer 在threejs中，常用的渲染器WebGLRenderer。通常情况下使用WebGLRenderer非常简单，

封面图 threejs中的相机严格意义上讲应该叫摄像机。举个例子，假设我们要拍一部电影，我们不可能用相机对着演员一直咔咔咔的拍照片，我们肯定是用摄像机将演员的语言、动作记录下来，追踪演员的所有表现。