2019-01-17 19:04:09 weixin_44486991 阅读数 5289
  • 微信公众平台模板消息开发-微信开发14(PHP)

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台模板消息开发是子恒老师《子恒说微信开发》视频教程的第14部。详细讲解了用php开发微信公众平台模板消息。内容包含设置模板所属行业,获取微信模板ID,用公众号发送微信模板消息等等。欢迎反馈,微信号:QQ68183131

    3678 人正在学习 去看看 秦子恒

[注册申请]https://mp.weixin.qq.com/
这一步很容易,如果选择非个人,上线会需要版号在这里主要讲一下上线的流程

  1. 管理员在成员管理中添加开发者
    在这里插入图片描述
  2. 开发者使用登记为开发者的微信登陆微信开发者工具
    在这里插入图片描述
  3. 开发者点击右上角上传按钮上传代码
    在这里插入图片描述
  4. 上传完成后在微信公众平台就可以看到新上传的版本,同时可以在最右侧下拉按钮中设置体验版本
    在这里插入图片描述
  5. 点击提交审核即可提交审核
  6. 审核需要的材料(个人版本):
    《软件著作权》以及《游戏自审自查报告》
    我的《果蔬去哪了》小游戏是上午提交审核,下午通过的
    在这里插入图片描述
  7. 《游戏自审自查报告》模板
    《果蔬去哪了》自审自查报告

《果蔬去哪了》游戏软件是本人自主研发的手机游戏软件,并于2019年01月08日(你自己的日期)取得了中华人民共和国国家版权局颁发的证书号:软著登字第需要填写你自己的软著号《计算机软件著作权登记证书》。
本人根据文化部出台的《网络游戏管理暂行办法》、《互联网信息服务管理办法》、《网络文化经营单位内容自审管理办法》、《关于加强网络游戏虚拟货币管理工作的通知》等相关法律法规的要求进行了《果蔬去哪了》游戏自行审核。
依据上述相关法律法规的要求,主要审核事项如下:
(一)无违反宪法确定的基本原则的;
(二)无危害国家统一、主权和领土完整的;
(三)无泄露国家秘密、危害国家安全或者损害国家荣誉和利益的;
(四)无煽动民族仇恨、民族歧视,破坏民族团结,或者侵害民族风俗、习惯的;
(五)无宣扬邪教、迷信的;
(六)无散布谣言,扰乱社会秩序,破坏社会稳定的;
(七)无宣扬淫秽、色情、赌博、暴力,或者教唆犯罪的
(八)无侮辱、诽谤他人,侵害他人合法权益的;
(九)无违背或者危害社会公德和民族优秀文化传统的;
(十)产品无严重bug;
(十一)设置了防沉迷提示;
(十二)产品无关于博彩类的道具、无意识上引诱的色情服务和暴力引导内容;
(十三)无法律、行政法规和国家规定禁止的其他内容的。
综上,本人《果蔬去哪了》游戏软件不存在违反相关规定的内容。 特此报告!

签字:

2019年 01 月 09 日

推广一下自己做的简单的小游戏
在这里插入图片描述
创建了一个小游戏交流群,如果过期或者满了或者有问题交流 可以加我微信 备注“微信小游戏”
在这里插入图片描述
在这里插入图片描述

2018-07-24 18:36:52 zmzsoftware 阅读数 845
  • 微信公众平台模板消息开发-微信开发14(PHP)

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台模板消息开发是子恒老师《子恒说微信开发》视频教程的第14部。详细讲解了用php开发微信公众平台模板消息。内容包含设置模板所属行业,获取微信模板ID,用公众号发送微信模板消息等等。欢迎反馈,微信号:QQ68183131

    3678 人正在学习 去看看 秦子恒

快速上手安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装。

 

你的第一个小游戏

新建项目选择小程序项目,选择代码存放的硬盘路径。 目前小游戏不提供公开注册,可点击体验小游戏使用无 AppID 模式。 给你的项目起一个好听的名字,最后,勾选“建立游戏快速启动模板”(注意:你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小游戏了。

 

点击顶部菜单编译就可以在 IDE 预览你的第一个小游戏。

 


真机预览

点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小游戏的表现。点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小游戏。

 

 

文件结构

小游戏只有以下两个必要文件:

  • game.js 小游戏入口文件
  • game.json 配置文件


配置

小游戏开发者通过在根目录编写一个 game.json 文件进行配置,开发者工具和客户端需要读取这个配置,完成相关界面渲染和属性设置。

 

 

deviceOrientation

 


示例配置

[JavaScript] 纯文本查看 复制代码

?

1

2

3

4

5

6

7

8

9

{

    "deviceOrientation": "portrait",

    "networkTimeout": {

        "request": 5000,

        "connectSocket": 5000,

        "uploadFile": 5000,

        "downloadFile": 5000

    }

}

wx API

 

你只能使用 JavaScript 来编写小游戏。小游戏的运行环境是一个 绑定了一些方法的 JavaScript VM。不同于浏览器,这个运行环境没有 BOM 和 DOM API,只有 wx API。接下来我们将介绍如何用 wx API 来完成创建画布、绘制图形、显示图片以及响应用户交互等基础功能。

 

创建 Canvas

调用 wx.createCanvas() 接口,可以创建一个 Canvas 对象。

[JavaScript] 纯文本查看 复制代码

?

1

var canvas = wx.createCanvas()

此时创建的 canvas 已经显示在了屏幕上,且与屏幕等宽等高。

[JavaScript] 纯文本查看 复制代码

?

1

console.log(canvas.width, canvas.height)

但是由于没有在 canvas 上进行绘制,所以 canvas 是透明的。使用 2d 渲染上下文的进行简单的绘制,可以在屏幕左上角看到一个 100x100 的红色矩形。

[JavaScript] 纯文本查看 复制代码

?

1

2

3

var context = canvas.getContext('2d')

context.fillStyle = 'red'

context.fillRect(0, 0, 100, 100)

通过 Canvas.getContext() 方法可以获取 2d 或 WebGL 渲染上下文 RenderingContext,调用渲染上下文的绘制方法可以在 Canvas 上进行绘制。小游戏基本上支持 2d 和 WebGL 1.0 所有的属性和方法,详情请见 RenderingContext。由于使用 WebGL 的绘制过程较为复杂,所以本文中的示例代码都以 2d 渲染上下文的绘制方法编写。

通过设置 width 和 height 属性可以改变 Canvas 对象的宽高,但这也会导致 Canvas 内容的清空和渲染上下文的重置。

[JavaScript] 纯文本查看 复制代码

?

1

2

canvas.width = 300

canvas.height = 300

 

显示图片

通过 wx.createImage() 接口,可以创建一个 Image 对象。Image 对象可以加载图片。当 Image 对象被绘制到 Canvas 上时,图片才会显示在屏幕上。

[JavaScript] 纯文本查看 复制代码

?

1

var image = wx.createImage()

设置 Image 对象的 src 属性可以加载一张本地图片或网络图片,当图片加载完毕时会执行注册的 onload 回调函数,此时可以将 Image 对象绘制到 Canvas 上。

[JavaScript] 纯文本查看 复制代码

?

1

2

3

4

5

image.onload = function () {

    console.log(image.width, image.height)

    context.drawImage(image, 0, 0)

}

image.src = 'logo.png'

 

创建多个 Canvas

在整个小游戏运行期间,首次调用 wx.createCanvas 接口创建的是一个上屏 Canvas。在这个 canvas 上绘制的内容都将显示在屏幕上。而第二次、第三次等后几次调用 wx.createCanvas 创建的都会是离屏 Canvas。在离屏 Canvas 上绘制的内容仅仅只是绘制到了这个离屏 Canvas 上,并不会显示在屏幕上。

以如下代码为例,运行后会发现屏幕上并没有在 (0, 0) 的位置显示 100x100 的红色矩形。因为我们是在一个离屏的 Canvas 绘制的。

[JavaScript] 纯文本查看 复制代码

?

1

2

3

4

5

var screenCanvas = wx.createCanvas()

var offScreenCanvas = wx.createCanvas()

var offContext = offScreenCanvas.getContext('2d')

offContext.fillStyle = 'red'

offContext.fillRect(0, 0, 100, 100)

为了让这个红色矩形显示在屏幕上,我们需要把离屏的 offScreenCanvas 绘制到上屏的 screenCanvas 上。

[JavaScript] 纯文本查看 复制代码

?

1

2

var screenContext = screenCanvas.getContext('2d')

screenContext.drawImage(offScreenCanvas, 0, 0)

 

动画

在 JavaScript 中,一般通过 setInterval/setTimeout/requestAnimationFrame 来实现动画效果。小游戏对这些 API 提供了支持:

另外,还可以通过 wx.setPreferredFramesPerSecond() 修改执行 requestAnimationFrame 回调函数的频率,以降低性能消耗。


触摸事件

响应用户与屏幕的交互是游戏中必不可少的部分,小游戏参照 DOM 中的 TouchEvent 提供了以下监听触摸事件的 API:

[JavaScript] 纯文本查看 复制代码

?

01

02

03

04

05

06

07

08

09

10

11

12

13

14

wx.onTouchStart(function (e) {

    console.log(e.touches)

})

 

wx.onTouchMove(function (e) {

    console.log(e.touches)

})

 

wx.onTouchEnd(function (e) {

    console.log(e.touches)

})

 

wx.onTouchCancel(function (e) {

    console.log(e.touches)

微信小游戏交流群1:556388934

微信小游戏交流群2:556390305

 

2017-12-29 14:21:42 Register_man 阅读数 2541
  • 微信公众平台模板消息开发-微信开发14(PHP)

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台模板消息开发是子恒老师《子恒说微信开发》视频教程的第14部。详细讲解了用php开发微信公众平台模板消息。内容包含设置模板所属行业,获取微信模板ID,用公众号发送微信模板消息等等。欢迎反馈,微信号:QQ68183131

    3678 人正在学习 去看看 秦子恒

一、简介

微信小游戏于2017年12月28日正式上线,首轮发布了16款小游戏。

二、开发

在 微信开发者工具下载地址 中下载开发工具并安装


三、新建工程


当前微官方并没有开放小游戏Appid,故选择体验


点击确定,即可看到游戏模板




目录结构如下:




2018-08-20 15:33:51 candy_tity 阅读数 3496
  • 微信公众平台模板消息开发-微信开发14(PHP)

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台模板消息开发是子恒老师《子恒说微信开发》视频教程的第14部。详细讲解了用php开发微信公众平台模板消息。内容包含设置模板所属行业,获取微信模板ID,用公众号发送微信模板消息等等。欢迎反馈,微信号:QQ68183131

    3678 人正在学习 去看看 秦子恒

一、安装开发工具
前往开发者工具下载页面,网址:https://developers.weixin.qq.com/minigame/dev/devtools/download.html,根据自己的操作系统下载对应的安装包进行安装。
二、创建小游戏项目
1、打开微信开发者工具,选择小程序项目。
这里写图片描述
2、此时需要输入三项内容:项目目录、APPID、项目名称。
这里写图片描述
其中,项目目录是你在本地存放项目代码的文件夹。
APPID是小程序游戏对应的APPID。
如果有填入即可。
如果没有,您可以选择APPID输入框下方的注册前去注册,
也可以选择使用测试账号-小游戏。
项目名称是你在本地为此小游戏取得一个名字,便于识别。
在本教程中,我们暂时选择使用测试账号-小游戏。同时填好第一项和第三项。
此时会出现一个选项:建立游戏快速启动模板。我们将其选中即可。
这里写图片描述
点击确定之后,我们就看到了如下界面:
这里写图片描述
此时我们便快速创建了一个小程序。
下一节我们将为大家介绍小程序的文件目录结构。

2019-01-18 12:18:26 weixin_44486991 阅读数 2153
  • 微信公众平台模板消息开发-微信开发14(PHP)

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台模板消息开发是子恒老师《子恒说微信开发》视频教程的第14部。详细讲解了用php开发微信公众平台模板消息。内容包含设置模板所属行业,获取微信模板ID,用公众号发送微信模板消息等等。欢迎反馈,微信号:QQ68183131

    3678 人正在学习 去看看 秦子恒

上一章:《微信小游戏:云开发(二)默认云开发模板运行问题》
创建了一个小游戏交流群,加群或者有问题交流可以加我微信 备注“微信小游戏”
在这里插入图片描述

前言

Cocos Creator现阶段尚不支持微信云开发,但是对于个人开发者而言,微信云开发提供了完整的服务器解决方案,是很方便的,不需要个人开发者考虑运维等问题。在这一篇中,我介绍一下我自己使用Cocos Creator和云开发的解决方案。

解决方案

  1. 创建一个云开发工程,创建方式参照微信小游戏:云开发简介(一)
  2. 解决云开发工程的bug,参照《微信小游戏:云开发(二)默认云开发模板运行问题》
  3. 修改云开发工程的project.config.json文件,把miniprogramRoot修改为wechatgame/,因为Cocos Creator发布的路径下会自动生成一个wechatgame文件夹
    在这里插入图片描述
  4. 完整的project.config.json文件内容
{
	"description": "项目配置文件。",
	"setting": {
		"urlCheck": true,
		"es6": true,
		"postcss": true,
		"minified": true,
		"newFeature": true
	},
	"compileType": "game",
	"libVersion": "2.2.5",
	"appid": "你的appid",
	"projectname": "cloud",
	"miniprogramRoot": "wechatgame/",
	"cloudfunctionRoot": "cloudfunction/",
	"condition": {
		"search": {
			"current": -1,
			"list": []
		},
		"conversation": {
			"current": -1,
			"list": []
		},
		"game": {
			"currentL": -1,
			"list": []
		},
		"miniprogram": {
			"current": -1,
			"list": []
		}
	}
}
  1. Cocos Creator主域发布路径设置为云开发工程的目录,例如我的云工程在cloud目录下,就把主域的发布路径设置为cloud
    在这里插入图片描述
  2. Cocos Creator主域发布路径,设置为云开发路径下的wechatgame
    在这里插入图片描述
  3. 通过这样配置,我们构建的工程就如下图所示:
    README.md文件是没用的,是创建云工程自动生成的,cloudfunction下就是云函数,wechatgame下就是我们的工程,children就是子域工程,关于主域子域可以参考微信小游戏:主域子域以及微信小游戏排行榜:Cocos Creator
    在这里插入图片描述
    推广一下自己做的简单的小游戏
    在这里插入图片描述
    在这里插入图片描述

微信tiny框架介绍

阅读数 2143

没有更多推荐了,返回首页