![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
生活在他方
那天的流星划过天际,落入心中成为平凡的石头。
展开
-
Unity2019在WebGL平台下播放音频
如果音频文件小,直接在Unity的Editor里面拖动设置即可。WebGL可以把音频放在StreamingAsstes目录下加载。 void Start() { StartCoroutine(GetAudioClip()); } IEnumerator GetAudioClip() { string path = Path.Combine(Application.streamingAssetsPath, "two.ogg").原创 2020-07-29 12:41:08 · 2381 阅读 · 3 评论 -
Unity2019在WebGL下播放视频
Unity2019自带的VideoPlayer组件,可以直接通过URL地址播放视频。设置URL地址即可。如果要播放本地视频,推荐将视频放置在StreamingAssets目录下,StreamingAssets目录和在安卓平台一样,不会被打包。通过下面的代码,即可对url进行赋值,而且,在Editor编辑器下也可以正常使用。 video.url = Path.Combine(Application.streamingAssetsPath, "birds.mp4"); v原创 2020-07-26 13:31:31 · 6030 阅读 · 1 评论 -
网页播放全景视频和全景图片
现在360度全景视频和图片很热,公司也想弄个在网页上。先找到一家叫得图的,提供sdk,但是,试验后发现,那个sdk在本机测试播放本地视可以,但是在网络上播放本地视频出错。貌似,只能播放得图的视频。然后,mozila提供了一解决的,https://github.com/aframevr/aframe用的是aframe,然后,里面有一个播放全景视频的例子,代码也还简原创 2016-08-26 10:03:42 · 10212 阅读 · 0 评论 -
矢量图标字体自定义li编号样式
li的编号样子实在太少太难看了,如果用list-style-image的方式,当屏幕尺寸变化的时候,图片尺寸不会改变。目前最好的方案还是用矢量图标字体。原理很简单,一看代码就明白了。无标题文档ul { list-style: none; padding: 0;}li { padding-left: 1.3em;}li:before { content:原创 2016-12-07 16:54:05 · 2378 阅读 · 0 评论 -
阿里巴巴矢量图标库使用
之前的矢量图标,经常用的是fontawesome的,不过最近阿里巴巴推出了个矢量图包库,也不错。fontawesome使用方法:http://blog.csdn.net/wuyt2008/article/details/50509274阿里巴巴矢量图标库地址:http://www.iconfont.cn/需要用新浪微博或者github的账号登录,原创 2016-12-07 16:41:37 · 9520 阅读 · 0 评论 -
html5+css3实现扇形
html5+css3实现扇形,思路来自http://tympanus.net/codrops/2013/08/09/building-a-circular-navigation-with-css-transforms/老外的文章没说的特别明白,重新整理了一下,并且自己重新封装了一个jquery 的扇形插件。html5+css3实现扇形:1、建立一个div外框,正方形,原创 2016-11-23 13:19:14 · 12274 阅读 · 3 评论 -
css3实现六边形列表
最近在做六边形列表,看到老外写的一个,感觉很不错。https://github.com/web-tiki/responsive-grid-of-hexagonsdemo:https://codepen.io/web-tiki/pen/HhCyd这个可以容易的嵌入背景图片,只是会被放大些许。优点是:可以自适应。缺点是:需要手动在css代码例如设置每行有多少个六原创 2016-11-11 16:37:53 · 7846 阅读 · 4 评论 -
内部用的html5和css3资料
以下内容基于Bootstrap1、css的样式命名:英文单词+减号+英文单词或者数字,例如:remove-row-padding。尽量不用缩写,用缩写的话必须用正确的英文缩写。2、背景图里面套主体内容,如下图效果处理方式如下 .... .... .container-backgro原创 2015-12-10 14:45:52 · 1804 阅读 · 0 评论 -
web前端插件列表
以前收集过不少插件,但是都因为重装系统啥的找不到了。所以,放在网络上的才是存留最久的。于是重新开始收集。spritely用来制作视差动画的插件,不过貌似很久没更新了。http://spritely.net/Animate.css用css实现简单的动画效果,例如进入,抖动啥的演示地址:https://daneden.github.io/an原创 2015-09-17 15:53:02 · 2502 阅读 · 0 评论 -
html5,静态页面用echarts快速做漂亮的图表
最新任务,找个漂亮的图表插件给做大数据的用,他们做的太丑了。于是,发现有个echarts的,百度弄的图表插件吧。还很不错。如果图表数据动态生成那没我事,这边要用来做静态页面。首先,echarts的官网http://echarts.baidu.com/点击“实例”http://echarts.baidu.com/examples.html原创 2016-09-13 17:29:08 · 21989 阅读 · 6 评论 -
phonegap5.0+android studio本地打包应用
有段时间没弄phonegap了,现在又来弄。phonegap的安装和之前的一样。需要安装jdk,apache ant,android sdk,node js,并且需要配置路径。然后在node js里面运行npm install -g phonegap 可以参看我以前的帖子http://blog.csdn.net/wuyt2008/article/details/21455659原创 2015-06-03 10:56:58 · 10942 阅读 · 0 评论 -
FonrtAwesome使用
FortAwesome是个图标字体,有很多常用图标,而且,现在啥QQ,微信的图标也有了,在网站上很好用。比起之前用图片做的图标总是遇到和文字无法对齐,用FortAwesome对齐就很方便。下载地址:https://github.com/FortAwesome/Font-Awesome主页:http://fortawesome.github.io/Font-Awesome/原创 2016-01-13 11:36:54 · 2173 阅读 · 0 评论 -
construct2游戏引擎介绍
construct2是一款跨平台二维游戏开发引擎,不需要编码,通过定义各个部件和事件完成html5的游戏开发。该引擎可以将开发的封装成多种形式,如phonegap、cocoonjs,再用相应工具生成ios和android的应用。特点:不需要编程,简单直观,入门容易。长处是开发射击及动作类的平面游戏。有丰富的英文资料。缺点:工具自身无法直接打包应用,必须借助第三方工具原创 2014-09-04 10:58:50 · 16076 阅读 · 0 评论 -
手机网站和webapp开发默认页面
手机网站和webapp开发,有好多meta,每次都找挺麻烦的,于是做这么一个默认页面,用起来方便。无标题文档-->--><!--默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–ip原创 2013-08-23 11:35:01 · 5805 阅读 · 0 评论 -
看到了很不错的css3 animation的教程
内容太多,懒得转载了,给个链接,大家自己看吧。(译) CSS3 Transitions, Transforms 和 Animation 详解 http://css3.bradshawenterprises.com/转载 2013-07-18 16:47:14 · 1276 阅读 · 1 评论 -
PhoneGap+jQuery mobile下,页面切换出现的闪烁问题。
用PhoneGap+jQuery mobile开发移动应用和web应用的时候,页面切换会闪烁。感觉,造成这样的原因大概是jQuery mobile在移动浏览器下的性能不佳造成的。jQuery mobile页面切换可以有很多效果,用data-transition来定义。超链接和脚本跳转都能定义。将data-transition定义为none,页面跳转的时候基本就不会出现闪烁了。h原创 2013-06-06 16:39:48 · 7177 阅读 · 0 评论 -
offline.appcache,html5缓存清单文件简单说明
支持浏览器:Firefox 3.5+ Safari 4.0+ Chrome 5.0+ Opera10.6+ iPhone 2.1+ Android 2.0+,IE,貌似只有ie10,不很确定。必须在页面文件中引用本地缓存内容CACHE MANIFEST/clock.css/clock.js网络访问内容NETWORK:/原创 2013-05-29 13:36:37 · 3784 阅读 · 0 评论 -
html5打包成移动平台应用的工具的大致情况
首先说,日期很重要,这是2013年5月24日做的简单调查。题外话,之前做网站维护,职位设置太坑爹了,于是改行做移动平台开发,主要方向是用html5打包成移动应用。首先声明,在下的英文水平以及行业水平都不怎么样,如有错误,请多多包涵,多多指教。我在jQuery Mobile的页面上找到了一个相关资源的列表,顺着大致看了下,也参考了一些其他的。大致情况如下:原创 2013-05-24 14:11:29 · 12373 阅读 · 2 评论