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)接口就是为了达到相同的目的,把部 ...

推广服务(新)
最新文章
  • 2019年开源WebRTC媒体服务器选型比较

    什么是WebRTC服务器?在WebRTC的早期开始,该技术的主要卖点之一是它允许点对点(浏览器到浏览器)通信,几乎没有服务器的干预,服务器通常仅用于信令(比如用于...

  • 2019年NodeJS框架Koa和Express选型比较

    Koa和Express都是NodeJS的主流应用开发框架。
    Express是一个完整的nodejs应用框架。Koa是由Express团队开发的,但是它有不同的关注点。Koa致力于核心中间件...

  • OpenGL/WebGL顶点坐标变换过程简介

    世界坐标是按照笛卡尔坐标系定义出来的绝对坐标系,下面的各种坐标系都建立在世界坐标的基础上。对象坐标系对象被应用于任何...

  • 增强现实引擎ARToolKit工作原理简介

    ARToolkit是一个基于CV(计算机视觉)和Marker(标识)的开源增强现实引擎。其具备如下功能特性:A. 鲁棒跟踪,包括基于标记的跟踪与基于特征的跟踪;

  • 常用光照类型基本概念工作原理及其计算公式

    在三维场景中,原理上物体的渲染效果取决于光照与物体表面的相互作用,对于渲染程序而言,可以通过把一些数学公式应用于像素着色来实现,从而模拟出真实生活中的...

  • 更多...