three.js进阶
关注
分享
扫一扫
文章平均质量分 74
coder_路远
抱着学习的心态做IT
展开
-
Three.js使用TextBufferGeometry创建3D文本
学习交流欢迎加群：789723098，博主会将一些demo整理共享我们知道在Web前端上，可以用CSS样式设置多种多样的二维字体格式。如果我们想文本当成3D几何绘制在场景中，即生成3D文本来提升场景的逼格，可不可以呢？答案是肯定的，Three.js中提供了绘制文本的接口，TextGeometry和TextBufferGeometry，使用这两个接口，再配合FontLoader就可以实现3D字体...原创 2019-11-12 20:31:54 · 2200 阅读 · 0 评论 -
Three.js用SkinedMesh创建蒙皮 (1)
学习交流欢迎加群：789723098，博主会将一些demo整理共享蒙皮(skin)是3D动画中常用的一种为模型添加骨骼的技术，由于骨骼与模型是相互独立的，为了让骨骼驱动模型性运动，把模型绑定到骨骼上的技术称之为蒙皮。蒙皮被广泛应用于3D动画制作或者3D游戏中的角色对象，很多模型制作软件都有带这一功能，例如3Dmax和blender，而由它们创建出来的动画模型利用unity这样的游戏引擎，...原创 2019-11-08 21:29:04 · 996 阅读 · 0 评论 -
Three.js动态增删场景模型
学习交流欢迎加群：789723098，博主会将一些demo整理共享有时候我们在开发一些项目的时候，需要不断的往场景中添加和移除模型，所以会经常调用到scene，这是一件很烦的事，特别是当项目很大的时候，你会发现再很多地方乱用scene.add和scene.romove会很容易出错，那有没有什么好方法避免N多次的scene调用的，当然是有的啦，three.js设计的时候应该也考虑到这个问题了吧...原创 2019-11-06 21:55:08 · 4605 阅读 · 0 评论 -
使用three.js的着色器通道二之渲染太阳模型
在第一节：https://blog.youkuaiyun.com/qq_37338983/article/details/80289631，讲了如何利用基本的着色器通道对地球模型进行渲染，文章里面只是单纯地用到了着色器通道，代码里也没有着色器代码的编写，本节将会使用着色器代码和着色器通道结合共同来渲染一个类似于太阳的模型，模拟太阳表面的流动效果。所用贴图在上一篇文章里面有提到过下载方法，请读者自行下载：点击打...原创 2018-05-17 21:41:08 · 1828 阅读 · 0 评论 -
使用three.js的着色器通道一之渲染地球模型
学习交流欢迎加群：789723098，博主会将一些demo整理共享我们都知道，three.js库里面内置了很多着色器通道对象供我们渲染场景，本文将对EffectComposer、RenderPass、FilmPass这三个通道进行学习和实现：1.RenderPass这个通道会在当前场景（scene）和摄像机（camera）的基础上渲染出一个新场景，新建：let renderPass ...原创 2018-05-12 11:27:51 · 3157 阅读 · 0 评论