快速开发一个h5游戏

最新推荐文章于 2024-07-30 10:31:47 发布

清风半夜鸣蝉

最新推荐文章于 2024-07-30 10:31:47 发布

阅读量1.1k

点赞数

分类专栏：游戏 html5 文章标签：游戏 h5 小游戏

本文链接：https://blog.csdn.net/ys5773477/article/details/122746366

版权

html5 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

游戏

4 篇文章 0 订阅

订阅专栏

主要就是三个步骤：

选择一个引擎：pixi，实际上就一个js库
搭建一个简易的本地服务器，只是为了能够以http形式访问，越简单越好
参考文章：快速搭建一个本地服务器
编写一个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>

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

效果：
在这里插入图片描述

清风半夜鸣蝉

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
快速开发一个h5游戏

主要就是三个步骤：选择一个引擎：pixi，实际上就一个js库搭建一个简易的本地服务器，只是为了能够以http形式访问，越简单越好参考文章：快速搭建一个本地服务器编写一个demo<!doctype html><html><head> <script src="https://pixijs.download/release/pixi.js"></script></head><body> <
复制链接

扫一扫

专栏目录