发 送

在线教程

  • overview

    ... 兴 2009年后随着iPhone/Android智能手机的兴起，C/S模式在移动平台领域（Native APP)独领风骚 响应式网页应用 2014年年底HTML5标准得以最终确立，因应移动互联网的快速发展，建立了基于Web的跨终端跨平台的技术接口，可以想见未来移动应用也将逐步B/S化，迁移到移动网页应用（Mobile Web APP）的形态上来 软件行业一样奉行适者生存的 ...

  • html canvas animation game

    ... 同角度的移动或尺寸的变化，但图像文件通常以矩形的外观存在，如果在不使用透明底的情况下会造成一些叠层遮挡。所以这里大多使用支付透明底的图像格式（比如.PNG和.GIF)。当然，直接使用程序对象或使用SVG矢量 ... "重新开始"的按钮)。 游戏的得分和主角生命值 大多游戏使用"得分"来体现主角的成就，也用"生命值”用来判断是否结束游戏。所以这两个变量应该是全局变量，并需要在相应的事件中动态修改赋值。 用JS来绘制游戏封面 // 游戏封面的初始化函数 function mainScreen() { ...

  • css responsiveness

    ... 自己调整页面大小和位置来阅读网页的不同部分乃至屏幕外的部分。 创建一个单独的移动网站，比如像 m.baidu.com，然后检测用户代理并把移动端阅读重定向到这个独立网站。 使用响应式网页设计（responsive web design），也就是本章要介绍的内容。 设备（Device），浏览器（browser），视口（viewport） 我们首先定义几 ...

  • html canvas transform

    ... 一行和第二行，其中包含的数字值对应画布中使用的a至f。你可以看到，图9中每一个数字值都对应一种特定的变形。例如，a表示在x轴的缩放倍数，f表示在y轴的平移。 现在，在学习如何手动处理变换矩阵之前，我先说明一下 ... 放。 可以理解。而如果要平移画布原点呢？没错：你需要设置第5个和第6个参数，即e和f——分别对应x轴平移和y轴平移（参见图11）。 使用变换矩阵进行缩放平移 希望你现在已经理解了它的使用方法，手动操作变换矩阵其实并不复杂。 ...

  • html canvas animation physics

    ... 时，可以通过这两个参数来设置速度。那么，接下来需要为每颗小行星设置不同的速度，速度定义了每个动画循环中小行星移动的像素数目。 为了在循环中创建所有的小行星，需要在radius变量下面添加以下代码： var vX = Math. ... 是物体速度的变化情况，也就是说，它是单位时间内先前速度与当前速度之间的差值。通过在动画循环中添加以下代码，将加速度应用到每个小行星。 以下代码需要放在每颗小行星的速度代码（x和y位置）之后： tmpAsteroid.vX ...

  • js dom

    ... 的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。 DOM定义了访问 HTML 和 XML 文档 ... 的标准，是HTML和XML的应用程序接口（API），它允许程序和脚本动态地访问和更新文档的内容、结构和样式。Dom技术使得用户页面可以动态地变化，如可以动 ...

  • html canvas animation bounce

    ... 止，或者你希望形状移动到画布之外。 但是，如果你不需要这种行为怎么办？如果你希望形状能够感知周围的环境，或者在边界处反弹回来怎么办呢？这种行为可以避免机械性的动画，使动画更加自然和随机。 在学习如何实现这种行为之前，先用本章讨论的技术编写 ... 状的x位置大于画布的宽度，那么形状必然会超出右边界。同样，检查形状是否超过画布的左边界也可以采用这种方法。其中，形状的左边界的位置对应的x值为0。检查形状的x位置是否小于0，就可以确定形状是否位于画布的左边界之外。当然，也可以使 ...

  • css transform

    ... 殊，是一个函数translate() 。 使用translate()方法在动画语义上要比相对定义要明确。我们还可以使用 translateX() 和 translateY() 来分别在x或y轴方向上平移。 旋转（rotate） rotate() 函数允 ... 3D版本。 比如，translate() 的3D版本是 translate3d()，除了x,y方向外，还支持z方向上的位移。(因此也有一个对应的 translateZ() 方法）。 z 参数其实就是把元素拉近还是推远，视觉效果上和放大、缩 ...

  • html canvas animation circular

    ... 形。 半径是圆周内直角三角形的一条边 圆周中包含了一个三角形。但它有何用处呢？这个三角形能够提供一些准确的信息，帮助你计算形状沿圆周移动到新位置处的（x，y）坐标值。更具体地说，现在得到了一个三角形和两个角度 ... 中心的坐标为（0，0）），因此，当将x和y值添加到形状中对应的点（x，y）时，就可以把形状移动到正确的位置。 注意，形状对象中定义的点（x，y）现在引用的是圆周的中心——形状围绕它旋转的点，而不是形状的起点。 最后 ...

  • css grid layout overview

    ... 联网的发展，网站已经从单纯的文档演变成了多样化复杂的交互应用系统， 一些以往被作者使用的文档布局工具，例如浮动（floats）、表格（tables）结合一些JavaScript脚本已经显得过时而低效。 在适应可用空间有限且尺寸变化跨度较大的移动设备上容易出错，常会导致一些违反直观感觉的意外情况（我 ...

推广服务（新）
最新文章