使用Three.js网页引擎创建酷炫的3D效果的标签墙
使用Three.js引擎（这是开源的webgl三维引擎，gitgub）进行一个简单应用。 做一个酷炫的3d效果的标签墙（已经放在我的博客首页的右下角，pc可见）， 去我的博客首页看看实际效果 www.songshizhao.com 静态效果如下图所示： 让所有的标签组成一个球体 ...
原文：网页3D效果库Three.js初窥
背景 一直想研究下web页面的 D效果，最后选择了一个比较的成熟的框架Three.js下手 ThreeJs官网 ThreeJs github 接下来我会陆续翻译 Three.js官网的文档，部分文字和代码为我个人添加。 第一部分：three.js介绍 创建场景 这部分的目标是为Three.js做一个简单的介绍，我们会以创建一个场景，一个旋转的立方里开始，文章的结尾会有一个可运行的完整示例为你解惑。 ...
2016-10-26 20:15 6 3013 推荐指数：
相关推荐
用three.js在网页实现3D模型
首先，下载three.js文件，在threejs官网能下，这里附上地址链接一条https://threejs.org/ 然后，下载解压，会得到three.js-master文件，在build目录找到three.js，这个是three.js的核心功能库。在example/js/loaders目录 ...
three.js 绘制3d地图
通过地图数据配合three可以做出非常酷炫的地图，在大数据展示中十分常见。 这篇郭先生就来说说使用three.js几何体制作3D地图。在线案例点击原文地址。 地图的数据是各个地图块的点数组，通过THREE.ExtrudeGeometry方法挤压出地图的版块，然后通过THREE.Line方法画出 ...
three.js 3d 智慧园区
一、页面效果 使用three.js实现智慧城市 智慧园区 二、技术选择 中间的建筑相关的显示和效果都是threejs实现的 左右两侧用的是echarts 三、代码结构 1. 画布 用js自己创建一个放置画布的div 2. 场景的创建 之后的比如几何体 摄像机 ...
three.js添加3d模型
three官方的几何体也就那么几个，想要生成各种各样的模型，其难度十分之大，这时引入外部模型也不失为一种选择。具体引入办法如下。 导入依赖 点击查看代码 虽然名字为GLTFLoader,但实际上glb文件也是能加载的。 初始化场景 点击查看代码 其中需要 ...
three.js 运行3D模型
HTML View Code model.js 实例指向的原型方法 View Code contorler.js 初始化函数 View Code 如果错误，请指出 ...
使用Three.js实现神奇的3D文字悬浮效果
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 背景 在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React ...
拜托，使用Three.js让二维图片具有3D效果超酷的好吗 💥
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 背景 逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子，于是仿照他们的例子，使用 Three.js + React 技术栈，将二维 ...