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