随笔分类 -  Three.js

摘要:想信大家看完前面四节three.js应该对three.js 有了一个大致的了解。 这一节,就给大家带来一个实例。 效果截图如下: 在线地址:http://www.17sucai.com//preview/703246/2018-01-09/demo11/index.html 人帅话不多,上代码,代码 阅读全文
posted @ 2018-01-12 16:33 Lafitewu 阅读(404) 评论(0) 推荐(0)
摘要:好久没更新three.js 了,前三章了解了部分基础知识。这一章我们来搞点事情,做点有意思的东西。 效果如下图: 因为截图是静止的,实际效果是地球在自转。 废话不多说,上代码: 这里我把地球图片上传上来,不然没有图片也无法加载。 最后提醒大家一点,当有图片加载到three.js 时,需要在服务器端运 阅读全文
posted @ 2018-01-08 11:52 Lafitewu 阅读(238) 评论(0) 推荐(0)
摘要:前面两节讲得都是在舞台上创建角色,这一节我们就让角色动起来。 three.js 中一般是用requestAnimationFrame();来做动画,当然也可以用setInterval定时器,这里不建议使用。 因为动画的核心就只有这个函数,然后如何做成何种动画,就靠自己去构思,去尝试了。 话不多说,上 阅读全文
posted @ 2017-12-26 16:10 Lafitewu 阅读(253) 评论(0) 推荐(0)
摘要:上一章节讲了如何完整的创建一个three.js的简单例子,这一节,分别细说每个必要元素的类别及功能。 讲在前面的话:这一节主要是细说类别。那么我希望大家多去尝试每个功能,就像刚买了新手机一样,每个新鲜的功能都去试一下, 这样自己才能深刻得体会到,这个代码原来是这个效果,这个功能原来是这个代码实现的。 阅读全文
posted @ 2017-12-16 15:40 Lafitewu 阅读(373) 评论(0) 推荐(0)
摘要:什么是three.js?它有什么用?这里我就不做详细的介绍了,毕竟百度很强大。 作为程序员,先把思路想好,在开始敲代码是很重要的(个人愚见)。 大概思路如下: 1.场景(scene); // three中所有元素都应该放在它里面,相当于一个舞台,所有的东西都应该在舞台上呈现。 2.相机(camera 阅读全文
posted @ 2017-12-14 16:13 Lafitewu 阅读(239) 评论(0) 推荐(0)