three.js
关注
分享
扫一扫
文章平均质量分 73
newway007
这个作者很懒，什么都没留下…
展开
-
three.js之简单的一个效果
我有点学不动这个了。。主要是教程的代码有点旧了。各种效果出不来。我就当入门玩一下这个吧。一个可以运行的demo。<!DOCTYPE html><html lang="en"><head> <title></title> <meta charset="utf-8"> <s...原创 2020-01-06 20:48:27 · 232 阅读 · 0 评论 -
three.js 正交投影和透视投影
Three.js相机对象(正投影OrthographicCamera、透视投影PerspectiveCamera)针对不同应用的三维场景需要使用不同的投影方式，比如机械、工业设计领域常常采用正投影(平行投影), 游戏场景往往采用透视投影(中心投影)。为了完成三维场景不同的投影方式，three.js封装WebGL API和相关算法，提供了正投影OrthographicCamera、透视投影Pers...转载 2020-01-05 18:18:21 · 1766 阅读 · 0 评论 -
three.js画网格
var renderer; function initThree() {//初始化渲染器 width = document.getElementById('canvas-frame').clientWidth; height = document.getElementById('canvas-frame').clientHeigh...原创 2020-01-05 15:37:59 · 811 阅读 · 0 评论 -
three.js 相机camera属性解析
先说右手定则定坐标系。。右手掌心向左，拇指食指中指指向三个方向，拇指即指向X轴的正方向，食指指向Y轴的正方向，中指所指示的方向即是Z轴的正方向。记忆方法是你右手的拇指食指中指分别是xyz，逆时针记忆。function initCamera() { camera = new THREE.PerspectiveCamera(45, width / height, 1, 10...原创 2020-01-04 19:22:36 · 1066 阅读 · 0 评论 -
three.js学习
一个新的领域。demo1:<!DOCTYPE html><html><head> <title></title> <style>canvas { width: 100%; height: 100% }</style> <script src="js/three.js"...原创 2020-01-04 17:18:26 · 117 阅读 · 0 评论