一、总述 当代WebGL编程所使用的3D模型大多是从3DsMax模型或Blender模型转化而来，这种工作模式比较适合3D设计师和3D程序员分工配合的场景。但对于单兵作战的WebGL爱好者来讲这种模式过于沉重：且不说转化插件本身存在的各种bug严重降低了转化的成功率，光是为了生成一个简单的模型就需要系统的学习3DsMax或Blender的使用方法就让人感觉得不偿失。 基于以上考虑，我计划编写一个基于Babylonjs的简单WebGL模型编辑器，供自己...
HTML5新的语义标签尽管有很多的好处，但是在低版本的老IE浏览器中还是存在兼容性问题的，常常让人感到头疼，到底是大胆的使用新标签还是使用传统的大量的DIV无义标签？今天就简单的看看H5新标签的兼容性处理方式。首先来看一小段简单的代码：HTML代码：<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>测试H5新标签兼容性</title><style>&nb1. 详细介绍HTML5新标签的兼容性处理（图）简介：HTML5新的语义标签...
ECMAScript 6(简称ES6)是JavaScript语言的最新标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。微信小程序支持绝大部分ES6的新增特性。Constants(常量)ES6新增了const关键字，用来声明常量，一旦声明，常量的值就不能改变了。const只在声明所在的块级作用域内有效。Scoping(作用域)ES6新增了let关键字，用来声明变量，但声明的作用只在代码块内有效。上面代码在代码块之中，分别用let和var声明了两个变量。然后...
粒子动画在ThreeJs可以用几种方式实现本次样例使用Sprite类来构建粒子官方对Sprite类的解释 Sprite A sprite is a plane that always faces towards the camera, generally with a partially transparent texture applied.Sprites do not cast shadows, setting castShadow = true will have no effect.大概意思：这个类创1. 推荐10款常用的粒子动画飘花用法，欢迎下载！简介：粒子动画在ThreeJs可以用几种方式实现本次样例使用Spr...
我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同，或者添加了其他控件，对于计算机上安装的一些播放器也都是编码和解码器的整合，其最核心的编码和解码技术是相同的。例如：网络上最流行的windows media流(asf，wma，wmv 格式)，Real流(rm，rmvb格式)，还有MPEG系列编码格式(MP4，MP3格式)。下面是admin10000.com整理的常见网页播放器代码1、使用Embed 标签播放多媒体文件格式<embed src="文件名...
这篇文章主要介绍了HTML5之pushstate、popstate操作history,无刷新改变当前url的相关资料,需要的朋友可以参考下一、认识window.historywindow.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中后退，可以这么做：wind...
1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染也可以考虑使用怪异盒模式2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>This is an image of something interesting. </p> </figcaption>&n1. h5的28个新特性的详细介绍简介：1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不...
HTML5/CSS3 经典案例-无插件拖拽上传图片（一）：上传基本是项目中经常出现的，一般采用：1、form提交 2、flash3、html5form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jquery的uploadify作为项目中的上传工具，uploadify也有基于html5好像是收费的，大家可以去官网看看；当然了，现在html5提供了API以及File，FileReader，XMLHttpRequest等强大的API，为我们拖放...
今天在学习HTML5的过程中遇到了中文乱码问题：<body><form >请输入内容:<input pattern="[A-Z]{3}" name="part"><input type="submit"></form></body>我是用myeclipse 2016开发的，但我的项目和html文件的编码格式都是utf-8,还是乱码，1. 中文乱码问题简介：今天在学习HTML5的过程中遇到了中文乱码问题： 我是用myeclipse 2016开发的，但我的项目和html文件的编码格式都是utf-8,还是乱码，去网上搜了搜都没有搜到，后来发现了一件有...
继上次学习了HTML5的路径画圆做了动态时钟、异次元空间的反转做了运动的太阳系，这两天将画线、画圆、填充等知识点结合起来做了一个简易的在线画图工具：查看DEMO：HTML5简易在线画图工具功能包括自由画笔、橡皮擦、文字填充、画三角形、画圆等，相对我这个新手来说，感觉挺难的，不过还是参考了资料慢慢“拼”出来了。自由画笔的思路：/******* 自由画笔 *******/ function dBrush(n){setStatus(actions,n,1);//鼠标按下的时候var...
CreateJS库是一款HTML5游戏开发的引擎，是一套可以构建丰富交互体验的HTML5游戏的开源工具包，旨在降低HTML5项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。掌握了CreateJS可以更方便的完成HTML5的游戏开发。CreateJS提供了EaselJS、TweenJS、SoundJS和PreLoadJS四款工具：EaselJS:简化处理HTML5画布 TweenJS:用来帮助调整HTML5和Javascript属性 SoundJS:用来简化处理HTML5 audio PreLoadJS:帮助管理和...
目前使用手机端购物的人越来越多，移动端的流量已经超出了PC端，很多商家直接推出了自己的移动站，甚至有些商家只建设移动站，摒弃了传统PC站，既然移动站这么火热，Gxl网也为大家推荐5款大气的手机商城前端模板，欢迎下载！1. 手机WAP版水果商城网站模板全套下载演示和下载地址：http://www.gxlcms.com/xiazai/code/184手机WAP版水果商城网站模板全套下载，很漂亮，欢迎下载！2. 手机WAP版超市百货购物商城网站模板下载演示和下载...
响应式网页设计是针对多屏幕问题的一个很好的解决方案，但从印刷的视角来看有点困难。没有固定的页面尺寸，没有毫米或英寸，没有任何的物理限制，无从下手。为了desktop和mobile单独使用像素设计的方法也成为了过去，因为越来越多的设备都可以打开网站。因此，我们需要弄清楚响应式网页设计的一些基本原则，接受流体网页，而不是与之相抗。1.响应式 vs 自适应网页设计它们看起来似乎是相同的，但事实并非如此。这两种方法相辅相成，...
HTML5支持跨文档消息通信(Cross-Document Messaging)。既然使用到消息通信，那么必然有事件(event)产生。根据事件的产生和消费，我们能够找到发送者和接收者，也就是Sender和Listener。其中Litener需要做如下的工作：编写一个消息处理函数；将消息处理函数注册：addEventListener(message, function, false);其中Sender需要做以下工作：postMessage(this is a message, http://www.gxlcms.com);事件对象event中包含的成员包括：dat...
jq-signature.js是一个帮助你创建签名的jQuery插件，允许你的用户使用鼠标，手指或者铅笔生成签名。下面这篇文章主要给大家介绍了利用html5+canvas实现支持触屏的签名插件的相关资料，需要的朋友可以参考下。前言大家在日常开发中使用该jQuery插件来制作在线签名，用户绘制的东西以图片的形式保存下来，非常方便实用。下面将实现支持的方法分享给大家，供大家参考学习，下面来一起看看详细的介绍吧。方法如下：使用该签名插件要引入...