发 送

HTML5在线教程

  • html canvas animation game

    ... 以及更新游戏状态的函数 function endScreen() { ctx.fillStyle = 'rgb(255,255,255)'; ctx.font = "italic 80px Impact, Helvetica, Ariel"; ctx.fillText("GAME OVER", cvs.width / 2 - 200, cvs.height / 2); replayBtn.active = true; // 设定“重玩游戏”按钮的激活状态为可用 ...

  • css grid layout overview

    ... 面被划分为5个主要区域的游戏应用：标题、状态栏（stats area）、游戏面板（game board）、记分牌（score area）和控制栏（control area）。 作者的设计意图有如下几点： ... justify-self: center } <div id="grid"> <div id="title">Game Title</div> <div id="score">Score& ...

  • html forms

    ... 为它们设置相同的 name 属性： <label>兴趣</label> <input id="game" type="checkbox" name="interests"> <label for="game">电竞</label> <input id="coding" type="checkbox" name ...

  • html canvas animation physics

    12.25 HTML Canvas动画 - 物理特性 使用物理知识来模拟现实世界中的运动 本节将创建一个简单的太空场景，其中在太空深处有一个动态的小行星群。 创建小行星对象 本节开头的JavaScript代码并没有什么特别之处，实际上，它与上一章使用的代码几乎完全相同。主要的不同之处在于，上一章使用的对象是形状，而本章使用的对象是小行星。 将以下代码添加到一个外部JavaScript文件中，命名为 ...

  • html local storage

    12.27 HTML 本地存储（Local Storage） HTML本地存储允许在本地浏览器中存储数据 如课程引言中所述，本地应用程序（如移动APP）能够利用本地操作系统的文件系统来存储和读取数据，这使得其可以在离线环境下工作，由于节省了大量网络数据传输，从而可以获得更高的性能。 HTML5里面引入的本地存储（Local Storage）接口就是为了达到相同的目的，把部 ...

推广服务（新）
最新文章

  • 踏得网精选2016年度10大最佳HTML5动画

    踏得网精选2016年度最酷最新的HTML5动画集，评选标准为：创意新颖度+实现技术难度+趣味程度。使用一些在线H5生成工具的作品，因其主要使用图片和CSS3套路动画，...

  • 如何使用BabylonJS加载OBJ或STL模型

    BabylonJS（也就是babylon.js，这是一个和three.js类似的WebGL开发框架），更多的用在游戏领域。
    本文说明和演示如何使用babylon.js来加载一个标准3d模型文...

  • A-Frame WebVR（网页虚拟现实）快速开发入门教程

    WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实（VR）体验，但从工程化的角度而言，开发社区还需要更多方便强大的开发库来简化编程，Mozilla的

  • Blender2.7给平面模型添加纹理贴图

    在blender中给模型添加纹理，需要有2个步骤：首先在对象属性栏中给该对象添加材料和纹理建立纹理映射添加材料和纹理这是常见操作，略过步骤。但是仅仅这样操作，...

  • WebAssembly工作原理和JavaScript语言性能对比分析

    本文简单说明WebAssembly（简称wasm）工作原理和高性能的原由（和JavaScript相比）。不过需要提醒的是Wasm并非设计来完全替代JS，而是对JS的一个强大补充，JS中...

    • 更多...