Three.js 开发机房（三）
之前三节都没涉及到机房，只是一些零零散散的知识点，这一节我们就开始正式画外墙。 首先我了明显理解以下啥是墙？其实说白了就是一个长方体，长不确定，宽一般也就是40cm，高也就是两米，这就是一个简单的墙 ...
原文：THREE.JS开发《我的世界》（一）
大学时一直很喜欢玩minecraft这一款游戏，毕业之后便没有太多的时间玩游戏，但是对其的关注确一直没有减少，当网易获得我的世界代理权时，看到网易官网做的炫酷的 Dbanner。非常炫酷，于是萌生了做一个简单的网页版的世界的想法。 一，准备工作 库 框架选型 THREE.JS 要了解THREE.JS，首先要了解一下什么是WEBGL,WebGL 全写Web Graphics Library 是一种 ...
2018-06-10 18:07 1 3156 推荐指数：
相关推荐
Three.js 开发机房（二）
这一节先不进行后续，我们需要对Three.js的一些属性进行了解。 1、相机 常用相机除了前一篇博客用到的PerspectiveCamera相机（透视相机）， 还有一款名叫正交相机； 【a】透视相机： 类名：THREE.PerspectiveCamera ，重要参数：fov ...
Three.js 开发机房（四）
这一节我们讲讲怎么画机柜，其实机柜如果作的复杂一点、逼真一点可以用3D建模工具，不过一般的项目中也不用做的那么麻烦，那我们就可以将机柜抽象以下，首先它是一块具有长宽高的立方体铁块，然后我们从中间在掏掉 ...
Three.js 开发机房（一）
说两句题外话，这两天之前的项目终于有阶段性的胜利了，终于能有点时间总结与下这个项目中用到的东西了，之前四月就准备将Three.js开发机房的案例记录一下，怎奈天不随人愿，刚准备开始写这块东西项目据开始了，然后就开始了昏天黑地的开发，一天天累的狗一样，废话少说，开工 ------------------------------------------------------------------ ...
three.js实现世界3d地图
概况如下： 1、THREE.Shape绘制世界地图平面地图； 2、THREE.ExtrudeGeometry将绘制的平面沿着Z轴拉伸，实现3d效果； 效果图如下： 预览地址：three.js实现世界3d地图 初始化场景、相机、渲染器，设置相机位置，初始化 ...
Three.js - 走进3D的奇妙世界
本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界。 文章来源：宜信技术学院 & 宜信支付结算团队技术分享第6期-支付结算部支付研发团队前端研发高级工程师-刘琳《three.js - 走进3D的奇妙世界》 分享者：宜信支付结算部支付研发团队前端研发高级工程师-刘琳 ...
three.js通过canvas实现球体世界平面地图
线条； 5、canvas用于绘制球体世界地图贴图，通过THREE.CanvasTexture引入。 ...
Three.js开发指南---使用three.js的材质（第四章）
材质就像物体的皮肤，决定了几何体的外表，例如是否像草地/金属，是否透明，是否显示线框等 一 材质 THREE.js的材质分为多种，Three.js提供了一个材质基类THREE.Material， 该基类拥有three.js所有材质的公有属性，分为三类：基础属性，融合属性，高级 ...