原文:Three.js学习笔记 – “我和小伙伴都惊呆了”的特效和Three.js初探

什么是Three.js three.js是JavaScript编写的WebGL第三方库。提供了非常多的 D显示功能。Three.js 是一款运行在浏览器中的 D 引擎,你可以用它创建各种三维场景,包括了摄影机 光影 材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度 尤其是文档的匮乏 th ...

2013-07-10 09:49 1 66233 推荐指数:

查看详情

初探three.js光源

上一节我们简单的说了一下THREE中必要的元素。今天我们深入探讨一下各种THREE的光源。 一 基础光源 基础光源有4种1.THREE.AmbientLight(环境光源)2.THREE.PointLight(点光源)3.THREE.SpotLight(聚光灯 ...

Fri Nov 29 00:10:00 CST 2019 0 282
WEBGL学习笔记(四):three.js的结构

游戏已经做好,但是博客园不能支持哈,我在我的独立博客里面加入了这个游戏。 加载时候会黑屏,等待数秒即可,点击这里体验试玩:FlappyBird3d游戏试玩 我们知道three.js有几大件,掌握好这几个类,那么就算入门了! 场景scene,摄像机 ...

Tue Jul 12 18:02:00 CST 2016 0 5733
Three.js 学习之路(二)

常用辅助对象的使用 对于刚开始学习的开发者来说,有辅助工具协助能更快掌握Three.js三维空间。 1.ArrowHelper:箭头辅助工具   可以通过设置一个世界方向,起点,长度,颜色在scene中添加一个辅助箭头帮助我们辨认网页中的方向。下面示例添加一个世界原点朝向正上方的一个4单位 ...

Thu Oct 26 22:08:00 CST 2017 0 1915
我的three.js学习记录(一)

在之前因为项目需要使用WebGL技术做网页应用,但是苦于自己没有接触,只是使用过OpenGL。然后接触到了thre.js这个第三方库之后我突然心情很愉快,这将节省我很多时间。 过了这个项目之后,就再也没有看过它了,最近翻开我的个人记录发现了在角落边缘堆尘的three.js决定再看一下,然后记 ...

Wed Oct 11 00:42:00 CST 2017 4 926
我的three.js学习记录(二)

通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤。 1. 示例 上图是之前做的一个demo,有点丑,希望不要介意。 这个主要是外面一层包裹着天空盒, 然后里面是一个由开顶的立方体 ...

Tue Oct 17 04:27:00 CST 2017 3 1902
three.js初探骨骼动画

今后的几篇郭先生主要说说three.js骨骼动画。three.js骨骼动画十分有意思,但是对于初学者来说,学起来要稍微困难一些,官方文档比较少,网上除了用圆柱体的例子就是引用外部模型的,想要熟练使用骨骼动画就需要不断地探索和练习。这篇是初探three.js骨骼动画,也不深入讲解,先说说它的实现 ...

Thu Jul 30 17:29:00 CST 2020 0 1594
初探three.js几何体

今天说说three.js的几何体,常见的几何体今天就不说了,今天说一说如何画直线,圆弧线,以及高级几何体。 1. 画一条直线 画直线我们使用THREE.Geometry()对象。 这样就在空间画出了一条折线。 2.画一条圆弧线 画圆弧线我们借助THREE ...

Thu Dec 19 07:32:00 CST 2019 1 1061
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM