使用three.js实现炫酷的酸性风格3D页面
背景 近期学习了 WebGL 和 Three.js 的一些基础知识，于是想结合最近流行的酸性设计风格，装饰一下个人主页，同时总结一些学到的知识。本文内容主要介绍，通过使用 React + three.js 技术栈，加载 3D模型、添加 3D文字、增加动画、点击交互等，配合样式设计，实现充满 ...
原文：使用Three.js网页引擎创建酷炫的3D效果的标签墙
使用Three.js引擎 这是开源的webgl三维引擎，gitgub 进行一个简单应用。 做一个酷炫的 d效果的标签墙 已经放在我的博客首页的右下角，pc可见 ， 去我的博客首页看看实际效果 www.songshizhao.com 静态效果如下图所示： 让所有的标签组成一个球体，并且运动起来。可以手动拖拽，点击可以跳转等等。。 做完之后小小的总结一下。最后我会把本文的代码整理为html分享在这篇文 ...
2017-03-13 20:46 0 2556 推荐指数：
相关推荐
网页3D效果库Three.js初窥
背景 一直想研究下web页面的3D效果，最后选择了一个比较的成熟的框架Three.js下手 ThreeJs官网 ThreeJs-github; 接下来我会陆续翻译 Three.js官网的文档，部分文字和代码为我个人添加。 第一部分：three.js介绍 创建场景 这部分的目标 ...
使用three.js创建3D机房模型-分享一
序：前段时间公司一次研讨会上，一市场部同事展现了同行业其他公司的3D机房，我司领导觉得这个可以研究研究，为了节约成本，我们在网上大量检索，派本人研究一下web3D的技术，于是乎便有了下面的技术分享。 其它相关文章： 使用webgl(three.js)创建3D机房，3D机房微模块详细介绍(升级版 ...
使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课（炫酷版一）
这节课我们主要讲解园区三维可视化炫酷感官技术方案 前言： 当基础技术达到普及状态，应用就趋向于极致，在三维可视化领域也是这个道理。各大可视化公司都追求美观最大化，这时候美工的作用就不容忽视了。 背景说明： A、经济背景：经济下行的大环境下，各大有社会责任的企业与部门开始拉动 ...
酷炫的3D照片墙
今天给大家分享的案例是酷炫的3D照片墙 这个案例主要是通过 CSS3 和原生的 JS 来实现的，接下来我给大家分享一下这个效果实现的过程。博客上不知道怎么放本地视频，所以只能放两张效果截图了. 1.实现静态的散开的效果图 HTML内容 ...
用three.js在网页实现3D模型
首先，下载three.js文件，在threejs官网能下，这里附上地址链接一条https://threejs.org/ 然后，下载解压，会得到three.js-master文件，在build目录找到three.js，这个是three.js的核心功能库。在example/js/loaders目录 ...
拜托，使用Three.js让二维图片具有3D效果超酷的好吗 💥
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 背景 逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子，于是仿照他们的例子，使用 Three.js + React 技术栈，将二维 ...
使用Three.js实现神奇的3D文字悬浮效果
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 背景 在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React ...