Three.js教程（7）：材质
之前说过网格（Mesh） = 几何体（Geometry） + 材质（Material），也就是一个物体是有它的形状和材质来决定。几何体（Geometry）类似于前端的HTML而材质（Material）类似于前端的CSS，今天我们看一下材质相关的内容。
MaterialMaterial是所有材质的父
...
Three.js教程（6）：几何体
发表于
|
分类于
Three.js
之前的章节中我们使用了平地、方块、球体等几何体（Geometry），今天我们探讨更多的几何体。先说一个事实，在WebGL中只能绘制3种东西，分别是点、线和三角形。什么？我们之前做的方块和球体，明明就不是三角形呢？其实他们确实是由三角形组成的。多个小的三角形就是可以组成包括球体以内的几乎任何几何体。我
...
Three.js教程（5）：光源
发表于
|
分类于
Three.js
Three.js的作用就是做3D效果，一说到3D就绕不过一个话题，那就是阴影。而要出现阴影的效果，那么就要涉及光源。本章介绍Three.js中光源相关的知识。
光源简介光源是THREE.Light类的子类。所有光源都有2个属性，一个是color，是一个THREE.Color类型的值，表示光源的颜色
...
Chrome的小恐龙游戏自动躲避障碍物
发表于
|
分类于
JavaScript
年初一篇名叫《Chrome 的小恐龙游戏，被我破解了…》的文章在掘金上火了一把，文章中说的是如果在控制台输入Runner.instance_.setSpeed(100)就可以改变小恐龙的速度；如果在控制台输入Runner.prototype.gameOver=()=>{}，
...
Nuxt项目给script标签添加crossorigin属性
发表于
|
分类于
配置
最近给项目添加一个错误日志上报的功能，由于使用的是第三方的服务，导致上报的错误信息都是Script error.。文档上写的很清楚，要处理这个问题只需要两步：添加“crossorigin="anonymous" 属性和添加跨域 HTTP 响应头。那么Nuxt项目该如何添加cros
...
使用GithubActions自动部署应用到自己的服务器（ECS）
发表于
|
分类于
Node
最近折腾了一段时间的Github Actions，踩了不少坑，最后成功实现了自动部署到自己的服务器上。Github Actions是Github上一个类似于持续集成的功能，它允许你在一些节点上（如提交代码，特定时间等）触发一些操作。我们这里就利用它来实现自动部署应用到自己的服务器。
自动部署个人博
...
Three.js教程（4）：相机
发表于
|
分类于
Three.js
相机这部分的内容并不是很多，Three.js主要支持两种相机，一种是PerspectiveCamera即透视投影摄像机，另一种是OrthographicCamera即正交投影摄像机。两种相机都是继承自Camera对象，Camera对象又是继承自Object3D。
透视投影摄像机透视投影摄像机（Pe
...
Three.js教程（3）：场景
发表于
|
分类于
Three.js
场景（Scene）相当于是一个容器，可以在它上面添加光线，物体等，最后Three.js把它和相机一起渲染到DOM中。
Three.js中的坐标系在开始本章的时候我们需要先了解一下Three.js中的坐标系。Three.js的坐标系如下：
由上，我们可知Three.js中的坐标系X轴是水平朝右的，
...
Three.js教程（2）：工具篇
发表于
|
分类于
Three.js
上一章我们基本上领略了three.js的魅力，这一章我们先不急着深入three.js，先学习2个非常有用的工具库，分别是stats.js和dat.gui，也许你没有听过两个库，但是很可能你见过他们。
stats.jsstats.js是three.js的作者mrdoob开发的一个简单的JavaScr
...
Three.js教程（1）：初识three.js
发表于
|
分类于
Three.js
今天开始我们进入一个新的世界，那就是3D世界。由于我自己也是刚接触到这块内容，所以如果文章中有问题，请尽快在文章最后的留言板中请指出。本教程有配套代码仓库，请点击https://github.com/KaiOrange/three.js-demo。
为什么要使用three.js要回答为什么要使用t
...