网页3D效果库Three.js初窥
背景 一直想研究下web页面的3D效果，最后选择了一个比较的成熟的框架Three.js下手 ThreeJs官网 ThreeJs-github; 接下来我会陆续翻译 Three.js官网的文档，部分文字和代码为我个人添加。 第一部分：three.js介绍 创建场景 这部分的目标 ...
原文：使用Three.js实现神奇的3D文字悬浮效果
声明：本文涉及图文和模型素材仅用于个人学习 研究和欣赏，请勿二次修改 非法传播 转载 出版 商用 及进行其他获利行为。 背景 在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 D 文字悬浮效果的例子，本文使用 React Three.js 技术栈，参照示例实现类似的效果。本文中涉及到的知识点主要包括：CSS 网格背景 MeshNormalMate ...
2022-03-09 08:57 4 2317 推荐指数：
相关推荐
拜托，使用Three.js让二维图片具有3D效果超酷的好吗 💥
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 背景 逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子，于是仿照他们的例子，使用 Three.js + React 技术栈，将二维 ...
使用Three.js网页引擎创建酷炫的3D效果的标签墙
使用Three.js引擎（这是开源的webgl三维引擎，gitgub）进行一个简单应用。 做一个酷炫的3d效果的标签墙（已经放在我的博客首页的右下角，pc可见）， 去我的博客首页看看实际效果 www.songshizhao.com 静态效果如下图所示： 让所有的标签组成一个球体 ...
用three.js在网页实现3D模型
首先，下载three.js文件，在threejs官网能下，这里附上地址链接一条https://threejs.org/ 然后，下载解压，会得到three.js-master文件，在build目录找到three.js，这个是three.js的核心功能库。在example/js/loaders目录 ...
three.js实现世界3d地图
概况如下： 1、THREE.Shape绘制世界地图平面地图； 2、THREE.ExtrudeGeometry将绘制的平面沿着Z轴拉伸，实现3d效果； 效果图如下： 预览地址：three.js实现世界3d地图 初始化场景、相机、渲染器，设置相机位置，初始化 ...
three.js实现3D模型展示
由于项目需要展示3d模型,所以对three做了点研究,分享出来 希望能帮到大家 先看看效果: three.js整体来说 不是很难 只要你静下心来研究研究 很快就会上手的 首先我们在页面上需要创建一个能够放置3D模型的画布 也可以说是初始化 Three 通过上面的代码 ...
Three.js 实现虎年春节3D创意页面
背景 虎年 🐅 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度 ...
Three.js 实现3D全景侦探小游戏🕵️
背景 你是嘿嘿嘿侦探社实习侦探🕵️，接到上级指派任务，到甄开心小镇🏠调查市民甄不戳👨宝石💎失窃案，根据线人流浪汉老石👨🎤提供的线索，小偷就躲在小镇，快把他找出来，帮甄不戳寻回失窃的宝石吧！ 本文使用 Three.js SphereGeometry 创建 3D 全景图 ...