原文:[微信小游戏+Three.JS]给场景添加反射材质,实现3D水珠移动效果

前几篇博客,我分别加好了 D移动盒子,也给场景加好了天空盒 这篇博客,就给场景再加一些效果 绘制的水珠的源代码来自Three.JS在GitHub上的demo 小游戏所用到的,修改过的JS库,大家可以移步我之前发的博客下载 直接上代码 效果展示 ...

2018-06-24 09:38 0 1473 推荐指数:

查看详情

Three.js 实现3D全景侦探小游戏🕵️

背景 你是嘿嘿嘿侦探社实习侦探🕵️,接到上级指派任务,到甄开心小镇🏠调查市民甄不戳👨宝石💎失窃案,根据线人流浪汉老石👨‍🎤提供的线索,小偷就躲在小镇,快把他找出来,帮甄不戳寻回失窃的宝石吧! 本文使用 Three.js SphereGeometry 创建 3D 全景图 ...

Fri Dec 17 05:52:00 CST 2021 2 2199
three.js 小游戏

最近在 https://classroom.udacity.com/courses/cs291 学习了一些 3D 引擎和 three.js 的知识 把 three.js 弄到小游戏里,先随便跑一跑 最终效果: 代码结构如下: (先忽略 audio 和 images, 这里先不用 ...

Fri Nov 09 01:19:00 CST 2018 0 667
小游戏 Three.js UI 2D text 简单方案

小游戏中使用 THREE.js 引擎,没有合适的 UI 库可用,只能自己动手。图片啥的都还好,text 不好弄。text 要计算 width 和 height,不然事件响应范围不对。 徒手编写小游戏示例代码:wechat_minigame_threejs_ui ...

Sun Jun 09 00:22:00 CST 2019 1 781
小游戏开发之四:使用three.js引擎

一、前言 小游戏中最魔性的‘跳一跳’就是基于three.js 引擎开发的 源码放到github上了:GitHub地址 请自行下载。 二、下载 three.min.js 打开页面,复制代码到本地 三、引用 使用如下方式在小游戏中引用three let THREE ...

Fri May 04 16:45:00 CST 2018 0 926
three.js添加3d模型

three官方的几何体也就那么几个,想要生成各种各样的模型,其难度十分之大,这时引入外部模型也不失为一种选择。具体引入办法如下。 导入依赖 点击查看代码 虽然名字为GLTFLoader,但实际上glb文件也是能加载的。 初始化场景 点击查看代码 其中需要 ...

Thu Mar 03 09:06:00 CST 2022 0 750
网页3D效果Three.js初窥

背景 一直想研究下web页面的3D效果,最后选择了一个比较的成熟的框架Three.js下手 ThreeJs官网 ThreeJs-github; 接下来我会陆续翻译 Three.js官网的文档,部分文字和代码为我个人添加。 第一部分:three.js介绍 创建场景 这部分的目标 ...

Thu Oct 27 04:15:00 CST 2016 6 3013
three.js - 添加材质 灯光 阴影

看下运行效果: 源码解释: 和上一个demo的差别: 1. 添加了一个光源 2. 改变材质, 把 MeshBasicMaterial材质 改成 MeshLambertMaterial材质(MeshLambertMaterial和MeshPhoneMaterial材质 ...

Fri Apr 07 18:12:00 CST 2017 0 2647
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM