如何使用Createjs来编写HTML5游戏完成一个简单的打飞机游戏

html-css013

如何使用Createjs来编写HTML5游戏完成一个简单的打飞机游戏,第1张

CreateJS包含4个部分,EaselJS、TweenJS、PreloadJS、SoundJS,其中最主要的部分EaselJS包含了开发Html5游戏的所有功能,仅仅使用EaselJS几乎可以完成所有的开发工作,其余三项可以看作EaselJS的辅助工具。比如响应tick事件然后改变元素坐标就可以实现动画功能,而使用TweenJS来创建补间动画,则可以省去你很多代码,简化了操作。一个简单的tick动画看起来是这样的:<pre t="code" l="js">var stage, circle

function init(){

stage = new createjs.Stage(document.getElementById('game'))

createjs.Ticker.addEventListener("tick", handleTick)

createjs.Ticker.setFPS(60)

circle = new createjs.Shape()

circle.graphics.f("red").dc(0,0,50)

circle.x = 0

circle.y = 100

stage.addChild(circle)

circle.addEventListener("click", function(event){

createjs.Ticker.setPaused(!createjs.Ticker.getPaused())

})

}

function handleTick(event){

if(!event.paused){

circle.x +=5

if(circle.x >1000){

circle.x = 0

}

}

stage.update()

}

游戏类型:敏捷小游戏

游戏大小:2680K

开发语言:HTML5

游戏开发:腾讯

游戏平台:微信

游戏介绍

《飞机大战》这是一款经典飞行射击类游戏,精美绚丽的画面,整体环境主要还是围绕太空为主,高保真的音效,为玩家呈现一场不一样射击体验。简单的触屏操作,触屏按住随意一个地方,左右移动,便可自动攻击敌人,上下移动亦可躲避强敌。在飞机的左下角还有两个道具槽,直接点击就可以发动道具效果,前提是你必须要吃到道具。玩家在游戏中要做的就是驾驶着最新战机,向敌人的总部发起了冲击。除了传承经典的飞行射击类元素之外,同时还加入了商店系统,通过购买相关配件和物品升级武器和飞机。另外还有装备系统,可以让你的飞机变得更强悍,替换相关配件让你火力全开。

飞机大战

操作指南

如何开始

游戏加载完成后点击[开始游戏]即可开始游戏。

操作方法

使用键盘方向键↑↓←→键控制飞机移动,空格键为发射子弹,当击中敌机时,增加10分,被敌机打到时扣除一个生命值,分数每增加100分增加一条生命,并且敌机的速度会加快,撞上敌机时游戏结束。

无人机航测倾斜摄影测量内业工作站集群的搭建方法与操作步骤详解:以CC软件(Context Capture)为例 原创

2020-11-12 09:28:01

8点赞

Rainpoo_

码龄4年

关注

在这里插入图片描述

引言

现阶段,无人机航测作业主要分为外业和内业两个方面。而老话说得好,工欲善其事,必先利其器,倾斜摄影测量外业数据采集工作需要熟练稳重的飞手,搭配上安全稳定的飞机和性能卓越、工作稳定的相机。同样地,内业数据处理也需要经验丰富的内业人员和性能强大的软、硬件支撑。

目前多数倾斜摄影测量内业空三建模软件均支持集群运行,例如常用的Context Capture软件、瞰景Smart3D 2019软件等,那么今天就以Context Capture软件(以下简称CC)为例,来聊聊如何搭建集群处理数据,提高内业效率。

注:Context Capture软件集群运行需要Center版本,单机版CC不仅不能集群,而且有最大像素量限制。

在这里插入图片描述

一、硬件准备

集群电脑若干台、磁盘阵列服务器、万兆交换机、万兆光纤跳线、万兆光模块、万兆网卡、六类/超六类网线、UPS不间断电源、集群机柜、HDMI虚拟显示器。在这里插入图片描述

(一)集群电脑配置

1、CPU:电脑CPU的性能对空三速度的影响极大,优先选择主频高的CPU,核心数次之,所以并不推荐至强Xeno系列,现在一般以Inter Core I7/I9/I10和AMD Ryzen系列为主,可以选择超频至4.2GHz以上。

2、显卡:电脑显卡性能对建模速度的影响极大,现阶段一般以Nvidia GTX和RTX系列为主,例如Nvidia GTX 1080Ti、Nvidia RTX 2080Ti等,CC同样支持双路显卡,所以有条件的话也可以搭载两张显卡。近期老黄推出了30系列的显卡,不过并没有在CC上进行测试,这里不再深谈。并不推荐立体测图采用的Quadro系列显卡,其表现不如上述系列。在这里插入图片描述

3、内存:内存大小决定了空三能处理影像的数量,若内存不足,则空三会在51%选取像对时报错,所以一般建议内存64GB以上,频率3200Hz以上,DDR4。不同RAM(内存)的电脑,空三运算能力也不一致,通常来说,满足以下规律:

8GB,RAM可用于3000张照片的空三计算;

32GB,RAM可用于12000张照片的空三计算;

64GB,RAM可用于24000张照片的空三计算;

128GB,RAM可用于40000张照片的空三计算。

根据测区情况不同,以上数据可能会有一定程度的浮动。建模时切块大小占用的RAM一般为当前电脑内存的1/3为佳。当然,空三建模与电脑CPU主频、显卡显存等都有关系,不可一概而论。

CC空三到后50%的时候,会随机选择集群内的节点机进行,若集群电脑的内存各不相同,则空三任务可能分配到内存较低的电脑,造成空三失败。对于这种情况,睿铂也研发了Sky-Target工具,使电脑分别进行空三过程中指定的步骤,避免上述情况发生,提高内业效率。

4、硬盘:集群节点机一般配备256GB左右的固态硬盘即可,用于安装系统和常用的软件,而数据存储均由磁盘阵列服务器承担。集群主机可再加装一块大容量的SSD,用于安装更多的软件和存储部分数据,平常操作和使用都在主机上进行。在这里插入图片描述

(二)其他硬件配置

1、磁盘阵列服务器:一般安装Windows Server系统,没有节点数连接限制(例如安装Win10系统,则节点连接数限制为20个,超过20台的电脑则无法连接)。磁盘阵列服务器用于存储原始数据、工程数据、备份数据等,不用于空三建模,所以对CPU、显卡等硬件性能要求低,对硬盘性能要求较高,对于工程项目较多的客户,硬盘可选希捷、西数等10TB企业盘,7200转,总计容量可达到100TB以上;

2、万兆交换机:一般推荐使用万兆交换机,24口以上,可插万兆光模块,可以提高数据传输的速度。磁盘阵列服务器使用万兆网卡、万兆光纤跳线、万兆光模块等与之连接,集群节点机一般由网线与之连接。

3、UPS不间断电源:用于突然断电情况下为磁盘阵列服务器、万兆交换机和集群供电,避免工程损坏和数据丢失。

4、集群机柜:用于摆放集群节点机和方便网线布线。

5、HDMI虚拟显示器:也称HDMI假负载,显卡欺骗器,安装于节点机显卡上,当我们在远程控制节点机时,可以启用硬件加速,便不会出现黑屏的情况了。顺带一提,远程控制节点机可以使用TeamViewer、RealVNC等软件,方便随时查看各节点机的状态。在这里插入图片描述

二、局域网设置

(一)局域网IP设置

所有节点机、主机、磁盘阵列服务器均需要在同一个网段下,例如192.168.1.xx。建议节点机按顺序编号,例如1号节点机对应IP地址192.168.1.1,2号节点机对应IP地址192.168.1.2…这样更方便查找。IP地址设置方法如下:在这里插入图片描述

(二)更改节点机名称(可选设置)

更改节点机名为易于记忆的名字,例如1号节点机命名为E1,2号节点机命名为E2…设置方法如下图,建议第2步和第3步设置相同的名字。在这里插入图片描述

(三)局域网共享设置

磁盘阵列服务器上新建三个文件夹,分别命名为OriginData、Projects、jobs。OriginData文件夹用于存储原始数据,Projects用于存储CC工程和成果,jobs用于建立局域网引擎路径,也可命名为其他名字,但不要出现中文和特殊字符。将上述三个文件夹设置为局域网共享:(操作顺序从左至右)

在这里插入图片描述

在这里插入图片描述

(四)CC集群设置

在主机上新建CC工程,工程路径选择为网络路径下的Projects文件夹。在这里插入图片描述

注意:使用集群的情况下,工程内影像的路径也必须为网络路径。事实上,工程路径、引擎路径、影像路径等均建议直接使用网络路径,即IP地址+文件夹,如图中显示,不可使用映射盘路径。在这里插入图片描述

在选项中修改引擎路径为jobs,同样使用网络路径。在这里插入图片描述

打开每台节点机的ContextCapture Settings工具,修改引擎路径,与第2步中一致。在这里插入图片描述

此时即完成了CC集群搭建,在主机上提交空三或建模,打开每个节点机的引擎即可实现集群运行。在这里插入图片描述

在这里插入图片描述

三、安全防护措施

1、供电与布线:单台节点机电源通常在800W以上(超频状态下),功率较高,而机房同时存在数十台节点机,所以机房供电必须充足且稳定,若使用UPS不间断电源为节点机供电,也需要事先计算好UPS输出功率,插线板和UPS电线推荐12平方以上。

2、降温措施:机房内需要控制温度,数十台电脑同时工作,散热量极大,会造成机房内整体温度较高,若不控制温度,节点机则可能出现死机等现象,影响工作效率,推荐在机房内安装大功率空调以控制温度。

3、防火措施:机房内务必放置多个灭火器或安装整体的灭火装置,安全生产才是第一要务。

更多倾斜摄影技术资讯,欢迎微信搜索“成都睿铂科技”,关注获取!

在这里插入图片描述

打开CSDN APP,看更多技术内容

戴尔Precision 7560移动工作站评测_m0_53484973的博客

比如戴尔Precision 7560支持英特尔商用博锐平台,并且还可以预装NFC和指纹识别硬件,这些可定制选项让它的安全性可以变得更高,同时也强化移动工作站的信息接入能力。

继续访问

【技术分享】戴尔工作站安装Win10+Ubuntu20.04双系统避坑指南_山野庸才...

本人新购了一台戴尔工作站,需要安装双系统(Win10主要是办公+存储使用Ubuntu主要作为工作站跑代码使用)。安装双系统的过程中,踩了无数的坑,前前后后重装系统了不下30次。现在系统已经趋于稳定了,故把系统安装的一些教程分享给大家。文...

继续访问

最新发布 【倾斜摄影】——三维建模软件ContextCapture 空三质量报告详细解读

ContextCapture (CC)是一款可由简单的照片和/或点云自动生成详细三维实景模型的软件。ContextCapture 的高兼容性,能对各种对象各种数据源进行精确无缝重建,从厘米级到公里级,从地面或从空中拍摄。只要输入照片的分辨率和精度足够,生成的三维模型是可以实现无限精细的细节。ContextCapture的输入数据源种类多,兼容性强。如:— 数码相机— 智能手机— 激光扫描仪— 无人机上安装的数码相机— 或专业机载测量型单/多镜头航摄仪。

继续访问

最新版倾斜摄影软件 smard3d和谐中文版

倾斜摄影三维建模软件 cc4.4.9和谐中文版,原来的smard3d,生成三维模型效果很好..0

Cesium 高性能扩展之DrawCommand(二):OSGB倾斜模型展示应用

两个字:快,稳! 欢迎咨询,后台回复【商务合作】,获取联系方式! 欢迎关注微信公众号【三维网格3D】,第一时间获取最新文章 DrawCommand 是 Cesium 渲染器的核心类,常用的接口 Entity、Primitive、Cesium3DTileSet,以及地形和影像的渲染等等,底层都是一个个 DrawCommand 完成的。在进行扩展开发、视觉特效提升、性能优化、渲染到纹理(RTT),甚至基于 Cesium 封装自己的开发框架,定义独家数据格式等等,都需要开发人员对 DrawCommand 熟练掌

继续访问

跑模电脑配置、CC集群和空三技巧、三维测图...一整套航测内业实战教程

“ 前两天我们推出了张稳养老师的外业教程:无人机航测从外业作业到内业处理,我们有一整套实战教程!(精灵4RTK外业部分),大家对张老师的教程给出了一致的好评! 今天我们继续分享!这次分享的是航测内业处理部分,包含ContextCapture集群的设置、电脑配置讲解、大范围测区作业方案分享、空三技巧及空三失败处理讲解以及CASS3D三维测图。 本次教程张老师已经在自己B站号上发布,小伙伴们也可以移步至B站观看学习,B站链接:https://space.bilibili.com/544479100?from=.

继续访问

osgb倾斜摄影数据

osgb数据、倾斜摄影数据、可转换为lfp格式、8cm倾斜摄影三维数据

smart3d(context Capture Center)官方使用教程

很详细的smart3d 官方用户使用教程,包括项目、空三、重建等流程的详细说明。

ContextCapture数据处理及电脑配置常见问题汇总

今天汇总下关于ContextCapture处理中常见的一些问题以及ContextCapture对于电脑配置方面的问题,答案供大家参考。(如果错误,欢迎斧正。) 数据处理 1) ContextCapture整套教程 可以参考这篇,很全面:跑模电脑配置、CC集群和空三技巧、三维测图…一整套航测内业实战教程 2)ContextCapture可以混合不同来源,不同分辨率的照片建模吗?例如,地面照片和航拍影像结合? 可以。首先,两张照片的分辨率和视角不能相差太大,分辨率差异小于5倍。然后,是空三前需要在survey.

继续访问

Smart3D(ContextCapture)跑三维到底要啥配置?!40000元来组建建模集群

随着测绘行业应用的推广,随着各种软件越来越智能化,更随着大疆无人机进入测绘行业,原来高门槛,高操作难度的测绘行业,渐渐能让更多的人进入参与。特别近几年,CC(Smart3D)软件以简单的操作,真实高精度的倾斜模型还原,成了行业内外人讨论学习的热门软件。 而使用CC(Smart3D)软件生产,不可避免的会遇到需要“堆机器”的问题,原来测绘中很多作业都需要人工参与,且较少需要多电脑协作运算。但现在倾斜...

继续访问

【CC精品教程】ContextCapture(CC)集群处理环境部署图文教程

鉴于CC其三维构建运算的本质,海量数据的解析运算会使用大量的计算机资源,而再好的单台计算机也无法胜过多台计算机的并行运算能力,故而借助局域网内多台计算机设备进行三维构建运算,可以节省大量时间。本文讲解Windows平台CC集群式处理环境搭建。 文章目录1. 局域网搭建2. 配置母版/引擎3. 主机新建工程4. 开启引擎 1. 局域网搭建 保证所有参与三维构建运算的计算机设备都在同一局域网内,且保证“为母版/引擎定义默认任务序列目录”唯其所有参与三维构建运算的计算机设备不重复的盘符(本实例因家里电脑硬盘太.

继续访问

多台电脑集群运算_看这里!手把手教你集群处理无人机倾斜摄影三维建模数据(二)...

继上篇介绍了ContextCaptureMaster进行无人机倾斜摄影建模集群处理数据的环境要求后,今天详细讲解集群步骤,手把手教会!不管你是否需要集群处理,都建议按照集群的步骤来做;配置集群环境后,可以选择不集群处理;没有配置集群环境之后想集群就有点费劲,甚至可能导致任务莫名失败。1 网络配置这里以五台电脑配置为例,设置网络(本地网络设置,不连接互联网)。右键点击,打开网络共享中心,点击“更改...

继续访问

win10环境下Smart3D(ContextCapture)集群创建

一. 集群目的 集群可将多台电脑连接起来,同时处理同一个任务,利用Smart3D建模时,会将建模区域分成若干个区块,以32个区块为例,若是集群中共有32台电脑,则每台电脑处理一个区块,大大提升了建模效率。 二. 环境要求 Win10,Win7皆可以进行集群,本文案例使用Win10系统 所有集群电脑中Smart3D的版本务必一致!!! 主机(1台)的内存最好在16GB以上,副机若干 所有集群电脑需处在同一局域网下 三. 集群思路 主机A为所有集群电脑组中的老大,负责建立工程,映射网络驱动器和共享磁盘(待处理

继续访问

CC、Pix4D、PhotoScan生成正射影像并进行拼接修图(附航测练习数据下载)

今天我们来整理下关于ContextCapture、Pix4D、PhotoScan中正射影像的生成。 生成的正射影像到ArcGIS或Global Mapper中进行影像拼接及PhotoShop修图都有介绍。 文末有少部分航测数据供大家练习。 01 Pix4D 打开软件新建项目,项目名称填写,项目位置选择E盘根目录,项目类型默认为新项目。图片 完成后点击下一步。 接下来添加图像(本次选择Pix4D自带的案例图像,文末有下载链接) 图片添加完成后点击下一步,图像坐标系默认为WGS84经纬度坐标,不需要更改。 .

继续访问

热门推荐 无人机倾斜摄影—三维建模和DSM,DEM,DOM(正射影像)的生成「CC(Smart3D)),Pix4d,Photoscan,Inpho」

CC(Smart3D)),Pix4d,Photoscan,Inpho所有教程做了个汇总 已下为文章目录 由于文章较多,在CSDN中做单个超链接比较麻烦 所所以大家可以关注微信公众号—GIS前沿 关注后即会发送已下文章的链接 或者直接复制次链接打开——https://mp.weixin.qq.com/s?__biz=MzAxNTk1Nzg2OA==&mid=100008862&i...

继续访问

Context capture学习日记

##建立工程 Import pictures in a new project# 一级标题 0. Tools工具—Perference 首选项,调整语言,设置界面风格。 Workflow工作流程—add photo/add floder create a chunk- add camera 创建一个组 照片排列方式 thumnail/鼠标图片滑动流量 reference 中的信息,经纬度信息,坐标系 删除照片、添加照片 https://youtu.be/-O0cLhxLxIs ##Agisoft Met

继续访问

contextcapture多区块点云_Bentley-ContextCapture-Center 数据处理流程.pdf

Bentley-ContextCapture-Center 数据处理流程Smart3D Capture 数据处理流程Smart3D Capture 软件包含两个主要工作模块:Smart3D Capture Master 与Smart3D Capture Engine。Smart3D Capture Master 模块并不执行处理任务,而是将任务分解成基本的作业并将其提交到作业队列,它管理着Smar...

继续访问

CC(Context Capture)软件安装及空三过程中的十大常见报错与解决方法

CC软件作为倾斜摄影航测业内使用最广泛的软件之一,其在空三计算、模型构建、纹理贴图等方面都有独到的优势。但这款软件却是典型的入门容易精通难,业内的朋友在使用过程中会遇到各种各样的问题,没有人能够逃脱软件报错的魔爪。 为此,睿铂科技特地整理了这篇CC报错的一些常见问题与解决方法,囊括了软件安装、空三、建模、引擎四个部分。集合睿铂内业们在软件学习的过程中遇到的各种问题,原因解释仅为个人见解,有误之处希望业内的朋友不吝赐教。

继续访问

航测空三用的软件_CC(Context Capture)软件安装及空三过程中的十大常见报错与解决方法...

二、空三过程1、空三进行到40%时显示“Extract keypoints”报错,其原因为该工程有未读取到的影像。此时在影像界面点击检查影像文件,如下图。并同时检查影像路径是否正确、以及是否存在损坏的影像,修改之后重新提交即可。2、下图错误是由于电脑内存不足导致的。通常来说,电脑8G内存,空三可处理2000张左右的航片;32G内存为12000张左右;64G内存为24000张左右;128G内存为40...

继续访问

html5 osgb,一份价值****元的Smart3d(Context Capture)和大疆智图(DJI Terra)建模评测...

3月份大疆发布了“大疆智图”地面站,有基础版和专业版之分,基础班可以在大疆官网直接购买,按月、年购买许可。看介绍不仅可以控制无人机航测(设置线路、自动飞行),边飞边出图,真是无比强大。今天从大疆那里拿到了大疆智图专业版的授权(感谢黄总),借机先做一下和Smart3D建模(osgb格式模型)的对比。无论结果如何先为大疆点赞。一、清爽的界面:二、新建任务(倾斜摄影)三、默认名称为中文(真实让我心口一震...

继续访问

【CC精品教程】任务一:CC新建工程、添加照片、相机参数设置、选择坐标系统

同Pix4d一样,CC(Context Capture),也称Smart 3D,也是无人机航测中人手必备的一款软件,在空三运算,三维模型构建等倾斜摄影测量方面有很大的优势,精度也相当高。本CC系列精品教程从项目的角度出发,讲解CC航测内业数据处理的完整项目化流程及常见问题解决方案。本文主要讲解CC新建工程,导入倾斜照片,相机参数的获取与设置。 文章目录1. 新建工程2. 导入照片3. 相机参数 1. 新建工程 打开ContextCapture Center Master软件,点击创建新工程。 选择工.

继续访问

ContextCapture系列教程(四):新建工程、添加照片、相机参数设置、选择坐标系统

Context Capture,也称Smart3D,是无人机航测中人手必备的一款软件,在空三运算,三维模型构建等倾斜摄影测量方面有很大的优势,精度也相当高。本文主要讲解CC新建工程,导入航片,相机参数的获取与设置

继续访问

戴尔工作站航测

经验分享