Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 背景 2545光年之外的开普勒1028星系，有一颗色彩斑 ...
原文：Three.js 实现3D全景侦探小游戏🕵️
背景 你是嘿嘿嘿侦探社实习侦探 ，接到上级指派任务，到甄开心小镇 调查市民甄不戳 宝石 失窃案，根据线人流浪汉老石 提供的线索，小偷就躲在小镇，快把他找出来，帮甄不戳寻回失窃的宝石吧 本文使用 Three.js SphereGeometry 创建 D 全景图预览功能，并在全景图中添加二维 SpriteMaterial Canvas 三维 GLTF 等交互点，实现具备场景切换 点击交互的侦探小游戏 ...
2021-12-16 21:52 2 2199 推荐指数：
相关推荐
[微信小游戏+Three.JS]给场景添加反射材质，实现3D水珠移动效果
前几篇博客，我分别加好了3D移动盒子，也给场景加好了天空盒 这篇博客，就给场景再加一些效果 绘制的水珠的源代码来自Three.JS在GitHub上的demo 小游戏所用到的，修改过的JS库，大家可以移步我之前发的博客下载 直接上代码 效果展示 ...
three.js 微信小游戏
最近在 https://classroom.udacity.com/courses/cs291 学习了一些 3D 引擎和 three.js 的知识 把 three.js 弄到微信小游戏里，先随便跑一跑 最终效果： 代码结构如下： (先忽略 audio 和 images, 这里先不用 ...
用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开发实现3D地图的实践过程，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。希望能帮助到大家。 前言 本文主要介绍Three.js的开发基础和基本原理，以及如何实现 ...