nsytsqdtn-优快云博客

WebGL three.js学习笔记 5种类型的纹理介绍及应用（一）普通纹理计算机图形学中的纹理既包括通常意义上物体表面的纹理即使物体表面呈现凹凸不平的沟纹，同时也包括在物体的光滑表面上的彩色图案，所谓的纹理映射就是在物体的表面上绘制彩色的图案。在three.js中使用纹理可以实现很多不同的效果，但是最基本的就是为网格体的每个像素指定颜色。等同于将一张纹理图片应用在一个几何体的材质上。使用...

2019-05-15 22:35:00 929

原创 WebGL three.js学习笔记加载外部模型以及 Tween.js动画

WebGL three.js学习笔记加载外部模型以及Tween.js动画本文的程序实现了加载外部stl格式的模型，以及学习了如何把加载的模型变为一个粒子系统，并使用Tween.js对该粒子系统进行动画设置模型动画demo演示(网页加载速度可能会比较慢)demo地址：https://nsytsqdtn.github.io/demo/naval_craft/naval_craftdemo截图...

2019-05-11 23:15:21 1175

原创 WebGL three.js学习笔记使用粒子系统模拟时空隧道（虫洞）

WebGL three.js学习笔记使用粒子系统模拟时空隧道本例的运行结果如图：时空隧道demo演示Demo地址：https://nsytsqdtn.github.io/demo/360/360three.js的粒子系统three.js的粒子系统主要是依靠精灵体来创建的，要实现three.js中的粒子系统创建，一般有两种方式。第一种是在场景中使用很多歌THREE.Sprite创建单...

2019-04-26 23:16:03 2250 4

原创 WebGL three.js学习笔记法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法

WebGL学习----Three.js学习笔记（5）点击查看demo演示Demo地址：https://nsytsqdtn.github.io/demo/360/360简单网格材质 MeshNormalMaterialMeshNormalMaterial是一种不受渲染时使用的颜色影响的材质，它只与自己每一个面从内到外的法向量有关。法向量在webgl中用处十分广泛，光的反射，以及三维图形的纹理...

2019-04-21 23:10:36 907

原创 WebGL three.js学习笔记自定义顶点建立几何体

自定义顶点建立几何体与克隆Three.js本身已经有很多的网格模型，基本已经够我们的使用，但是如果我们还是想自己根据顶点坐标来建立几何模型的话，Three.js也是可以的。基本效果如图：实际上出于性能的考虑，three.js是认为我们的几何体在整个生命周期中是不会改变的，但是我们还是想使用dat.gui.js去实时更新我们自定义几何体的顶点信息。当顶点信息发生变化时，我们就需要使用ge...

2019-04-15 22:57:15 1298

原创 WebGL three.js学习笔记纹理贴图模拟太阳系运转

纹理贴图的应用以及实现一个太阳系的自转公转three.js中的纹理纹理贴图是通过将图像应用到对象的一个或多个面，来为3D对象添加细节的一种方法。可以使用TextureLoader类的load方法来加载纹理function loadImgTexture(){ var loader = new THREE.TextureLoader(); loader.load("metal-...

2019-04-13 22:46:28 1449

原创 WebGL three.js学习笔记阴影与实现物体的动画

WebGL学习----Three.js（2)本程序将创建一个场景，并实现物体的动画效果运行的结果如图：完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Three.js</title> &l...

2019-04-13 17:12:53 410

原创 WebGL three.js学习笔记创建three.js代码的基本框架

WebGL学习----Three.js（1）webgl介绍WebGL是一种3D绘图协议，它把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网...

2019-04-13 16:49:44 457

Tower3.0.rar

用Unity3D写的一个单机塔防游戏，这一个是pc版的。游戏一共有4种武器，7种不同的敌人，一共三个关卡，和一个Boss，游戏商店可以购买物品和地图，可以存档。

2020-03-20

WebGL入门指南源代码

《WebGL编程指南》《WebGL Programming Guide》的源代码，包含书中每一章的教程的源代码，以及书中所需要的4个js文件，以及所有的贴图文件。

2019-04-13

安卓塔防游戏怪物大作战 Unity3D

用Unity3D写的一个安卓单机塔防游戏，pc也有，不过这里先放安卓版。游戏一共有4种武器，7种不同的敌人，一共三个关卡，和一个Boss。画面和特效自我感觉还行，游戏功能比较健全，希望和大家多交流，留下宝贵的意见。

2019-03-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

Tower3.0.rar

WebGL入门指南源代码

安卓 塔防游戏 怪物大作战 Unity3D

空空如也

安卓塔防游戏怪物大作战 Unity3D