主要就是三个步骤:

  1. 选择一个引擎:pixi,实际上就一个js库
  2. 搭建一个简易的本地服务器,只是为了能够以http形式访问,越简单越好
    参考文章:快速搭建一个本地服务器
  3. 编写一个demo
<!doctype html>
<html><head><script src="https://pixijs.download/release/pixi.js"></script>
</head><body><h1>Hello PixiJS</h1>
</body><script>// 1.创建应用窗口// 指定宽度/高度,单位:像素px//app:应用窗口在程序中的名称var app = new PIXI.Application(500, 700);// 讲应用窗口添加到页面中// document:网页// body:可以显示的内容// appendChlid:追加一个组件// (app.view):应用窗口的界面// 在网页中追加一个函数app的视图组件document.body.appendChild(app.view);let sprite = PIXI.Sprite.from('sample.png');app.stage.addChild(sprite);
</script></html>

注意:图片的换成自己的。

效果:

快速开发一个h5游戏相关推荐

  1. 【h5白鹭引擎】如何快速开发一个小游戏

    1.环境搭建 安装教程传送门:http://edn.egret.com/cn/index.php?g=&m=article&a=index&id=207&terms1_ ...

  2. 用 Python 做一个 H5 游戏机器人

    原文地址:Creating An HTML5 Game Bot Using Python 原文作者:vesche 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m- ...

  3. 面试官问:如何快速开发一个类似微信的聊天系统?

    去年我们公司要我去面试一位候选人,当时刚好我接手了公司的 IM 系统,借这个机会,就问了候选人这个问题:如何快速开发一个类似微信的聊天系统? 这个问题的确让候选人回答起来很吃力: 从分析 PC 端微信 ...

  4. 长文慎入,如何快速开发区块链游戏

    长文慎入,如何快速开发区块链游戏 译者注: 原文: 初始发行 Enjin整合 初始整合 客户端SDK GUI 客户端SDK API Enjin的API是GraphQL Enjin推荐 使用服务器 排列 ...

  5. 快速开发一个PHP扩展

    快速开发一个PHP扩展 作者:heiyeluren 时间:2008-12-5 博客:http://blog.csdn.net/heiyeshuwu 本文通过非常快速的方式讲解了如何制作一个PHP 5. ...

  6. 使用.NET Core快速开发一个较正规的命令行应用程序

    程序员的世界,命令行工具一直是"体验非常友好"的工具,也能自动化完成很多事情,同时还能结合shell来进行某项任务的批处理(脚本).在.NET Core中,命令行应用程序是基础,但 ...

  7. 有了 serverless,前端也可以快速开发一个 Puppeteer 网页截图服务

    更多云原生技术资讯可关注阿里巴巴云原生技术圈. Puppeteer 是什么? puppeteer 官网的介绍如下: Puppeteer is a Node library which provides ...

  8. 如何快速开发一个 Dubbo 应用?(含沙龙报名)

    阿里妹导读:在分布式系统中,远程调用是最基础也是最重要的基石.历史上,曾经先后出现过 CORBA.RMI.EJB.WebService 等技术和规范,在服务化以及微服务日趋流行的今天,更多的被广泛使用 ...

  9. 如何快速开发一个 Dubbo 应用

    转载自   如何快速开发一个 Dubbo 应用 导读:在分布式系统中,远程调用是最基础也是最重要的基石.历史上,曾经先后出现过 CORBA.RMI.EJB.WebService 等技术和规范,在服务化 ...

最新文章

  1. centos gitlab mysql_CentOS-7下yum安装GitLab-CE
  2. slf4j+log4j打印日志,控制台无日志输出
  3. Oracle感慨(转)
  4. 二分搜索法 C++代码实现 恋上数据结构笔记
  5. Python 前端框架【Bootstrap】
  6. 用js监控分辨率调整背景图片宽度_如何使用CSS Paint API动态创建与分辨率无关的可变背景
  7. w10恢复出厂设置_路由器如何恢复出厂设置
  8. php oracle 8.1.7,Oracle 8.1.7在redhat 7.3的安装方法
  9. Matlab数字图像处理——图像增强
  10. f5计算机中代表什么,ctrl f5是什么意思
  11. 简介 - 有哪些冗余技术?我应该用哪个,注意什么?
  12. python自学篇——PyGame模块的所有功能函数详解
  13. DFD数据流图的基本要素及易错点详细介绍
  14. Chrome插件安装及程序包无效的解决方法
  15. 外汇汇率接口 java_基于java的货币汇率接口调用代码实例
  16. 国外一个免费的基于Java的PLC梯形图逻辑编辑与仿真软件
  17. git删除所有文件夹(清空远程仓库)
  18. Cisco(34)——BGP的十三条选路原则
  19. 7.3 Python 一维数据的格式化和处理
  20. 字节跳动寒假日常实习一面面经

热门文章

  1. CSR867x — 广播数据设置接口以及如何添加厂商数据
  2. 幽默段子~整理(我们是大自然的搬运工)
  3. 如何在iPhone和iPad上隐藏IP地址,保护个人隐私信息
  4. threejsV0.143.0版本如何设置uv坐标贴图
  5. ipv6连接数据库oracle,oracle连接数据库方式大全
  6. 将mysql 导出word文档_将数据库的内容生成WORD文档
  7. 如何使用计算机远程关闭手机软件,如何使用手机远程遥控电脑关机?手机遥控电脑关机方法图文介绍...
  8. 已解决:Failure to find com.oracle:ojdbc6:jar:11.2.0.4.0-atlassian-hosted
  9. 计算机自动计算的条件,电脑表格怎样自动计算
  10. git prune 相关