摘要: 好久没更新three.js 了,前三章了解了部分基础知识。这一章我们来搞点事情,做点有意思的东西。 效果如下图: 因为截图是静止的,实际效果是地球在自转。 废话不多说,上代码: 这里我把地球图片上传上来,不然没有图片也无法加载。 最后提醒大家一点,当有图片加载到three.js 时,需要在服务器端运 阅读全文
posted @ 2018-01-08 11:52 Lafitewu 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 在项目中碰到一个问题,宽度为100%的容器,如何把其分成均等的三份,不可用js。 这个时候calc就登场了。 写法如下: width: calc( 100% / 3); 将每个容器的宽度设置这个宽度就可以了。 阅读全文
posted @ 2018-01-06 10:22 Lafitewu 阅读(619) 评论(0) 推荐(0) 编辑
摘要: 昨天写的时候,在下面代码处就碰到了问题, 如下: 因为代码耦合程度太高,所以想用一个函数来封装,如下: 却无法让其改变原始的参数值,挣扎了许久,就放下了。 今天经过一天的征战,终于得以解决。源码如下: timeDate.js 好,优化完成。 阅读全文
posted @ 2018-01-05 17:27 Lafitewu 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 前言,因项目需要,需要在H5页面中插入时间。 为了方便以后直接调用,所以动手做了一个小插件。(此插件基于jquery) 可以先看看效果(不用插件可以达到一样的效果,方便下次还有调用时间) 如图: 先看看我如何调用的, 代码如下: 对你没看错,就这两行代码,实现上面的时间和日期。 最后贴上插件源码,如 阅读全文
posted @ 2018-01-04 17:16 Lafitewu 阅读(452) 评论(0) 推荐(0) 编辑
摘要: 当做移动端H5项目的时候,会碰到页面上下可以滑动。这个时候可以通过以下代码来禁止滚动。 原生版js: document.querySelector('body').addEventListener('touchmove', function(e) { e.preventDefault();}); j 阅读全文
posted @ 2018-01-04 10:03 Lafitewu 阅读(2380) 评论(0) 推荐(0) 编辑
摘要: 现在的APP很多都可以打开QQ,那么在H5中,或者pc端怎么打开呢? 来上代码: // 调用QQ(pc 端)http://wpa.qq.com/msgrd?v=3&uin= // 在最后面加上qq号 在a标签中引入这个地址,pc端则可以打开QQ对话了。 // 调用QQ(手机上调用)ps: 浏览器模拟 阅读全文
posted @ 2017-12-29 14:29 Lafitewu 阅读(942) 评论(0) 推荐(0) 编辑
摘要: 有时候我们想要获取ip地址,这时候我来用两行代码实现这个功能。 首先我们需要引入一个js,<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 然后输入以下代码试试: alert(returnCitySN['cip'] + retu 阅读全文
posted @ 2017-12-27 14:56 Lafitewu 阅读(4931) 评论(2) 推荐(0) 编辑
摘要: 有时候做移动端的H5页面时,希望可以直接调用手机电话。 这时候一行代码就可以实现这个功能,如下: <a href="tel://156****2023">拨打电话</a> 对的,你没看错,就这一行代码,就可以实现了。 阅读全文
posted @ 2017-12-27 14:44 Lafitewu 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 前面两节讲得都是在舞台上创建角色,这一节我们就让角色动起来。 three.js 中一般是用requestAnimationFrame();来做动画,当然也可以用setInterval定时器,这里不建议使用。 因为动画的核心就只有这个函数,然后如何做成何种动画,就靠自己去构思,去尝试了。 话不多说,上 阅读全文
posted @ 2017-12-26 16:10 Lafitewu 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 上一章节讲了如何完整的创建一个three.js的简单例子,这一节,分别细说每个必要元素的类别及功能。 讲在前面的话:这一节主要是细说类别。那么我希望大家多去尝试每个功能,就像刚买了新手机一样,每个新鲜的功能都去试一下, 这样自己才能深刻得体会到,这个代码原来是这个效果,这个功能原来是这个代码实现的。 阅读全文
posted @ 2017-12-16 15:40 Lafitewu 阅读(350) 评论(0) 推荐(0) 编辑