微信小游戏开发之四：使用three.js引擎

一.前言微信小游戏中最魔性的'跳一跳'就是基于three.js 引擎开发的源码放到github上了:GitHub地址请自行下载. 二.下载 three.min.js 打开页面,复制代码到本地三.引用使用如下方式在小游戏中引用three let THREE = require('three.min.js的路径') 四.开始创建3dgame.js文件需要注意的是,在微信小游戏中并没有'ImageBitmap'这个全局对象,所以在加载纹理贴图时会报错,此时需要修改源码 let THR…

.Net Core ORM选择之路，哪个才适合你通用查询类封装之Mongodb篇 Snowflake(雪花算法)的JavaScript实现【开发记录】如何在B/S项目中使用中国天气的实时天气功能【开发记录】微信小游戏开发入门——俄罗斯方块

.Net Core ORM选择之路,哪个才适合你因为老板的一句话公司项目需要迁移到.Net Core ,但是以前同事用的ORM不支持.Net Core 开发过程也遇到了各种坑,插入条数多了也特别的慢,导致系统体验比较差好多都改写Sql实现. 所以我打算找一款性能比较好功能比较完善方便以后可以切换数据库(经过我对老板的了解这个功能非常重要) 并且要有一定用户基础的ORM 参赛ORM 能够参赛的ORM必须要有以下个条件第一.功能方面要比较完善第二.Github需要有一定人气并且最近有…

微信小游戏开发Canvas资源汇总

Demo: 微信小程序demo组件:股票分时图微信小程序小组件:仿直播点赞气泡效果,基于Canvas 优质demo推荐:二维码生成器:使用canvas与纯JS版二维码生成微信小程序学习用完整demo:canvas涂鸦(含node后端) 微信小程序canvas demo:黑客帝国metrix效果.渐变时钟微信小程序优质demo推荐:转盘抽奖:Canvas绘制可配置(已更新) 微信小程序demo:canvas手绘雷达图微信小程序学习用demo:装逼生成器:canvas绘制图片微信小程序学习…

一、微信小游戏开发 --- 初次在微信开发者工具里跑Egret小游戏项目

尝试下Egret的小游戏开发,学习,学习,干IT,不学习,就得落后啊... 相关教程: Egret微信小游戏教程微信公众平台-微信小游戏教程微信公众平台-微信小游戏接入指南开发版本: Egret Engine 5.1.11 Egret Wing 4.1.5 微信开发者工具 1.02.1803210 开发流程: 一. 注册微信小程序账号. 二. 下载安装微信开发者工具. 三. Egret创建微信小游戏项目一.注册微信小程序账号前往微信公众平台,按照小程序注册教程注册账号. 二.下载安装…

三、微信小游戏开发 --- 小游戏API调用Platform

微信小游戏API Platform主要是Egret用于来调用平台的SDK的. 在Egret中使用接口定义Platform. Egret项目中默认的platform值是DebugPlatform. 发布微信小游戏后,重新定义了platform的值为WxgamePlatform. game.js中的小游戏API定义位置platform.js 所以最终结果是Egret在项目中调用platform时,会调用小游戏项目的platform.js. Egret主项目Main.ts: 小游戏项目platform…

二、微信小游戏开发多线程Worker

微信多线程Worker教程微信多线程Worker API 一.创建Worker,并和当前线程通讯多线程worker只能创建1个.能和当前线程互传数据. 创建worker 在微信开发者工具中,在当前小游戏项目下创建worker代码文件,并在request下index.js中写一个发送和接收数据的代码主线程中通worker通讯在game.js中,创建worker,并写一个发送和接收数据的代码小游戏执行后输出二.Worker的用途暂未用到哎.没时间百度了...…

【转】利用 three.js 开发微信小游戏的尝试

前言这是一次利用 three.js 开发微信小游戏的尝试,并不能算作是教程,只能算是一篇笔记吧. 微信 WeChat 6.6.1 开始引入了微信小游戏,初期上线了一批质量相当不错的小游戏.我在查阅各处的文章时候,发现其中有几款是基于 three.js 开发的,目前火爆朋友圈的<跳一跳>就是其中之一.这引起了我的注意,想起几年前也做过不少 WebGL 的尝试,于是禁不住想要弄到微信小游戏平台上试试. 准备工作最新版本的 three.js: 首先应该具有一定的 three.js 开发经验,有之…

微信小程序开发的游戏《拼图游戏》

微信小程序开发的游戏<拼图游戏> 代码直接考进去就能用 pintu.js // pintu.js Page({ /** * 页面的初始数据 */ data: { }, initGame: function () { this.setData({ cards: { card1: { num: 3, hidden: false }, card2: { num: 7, hidden: false }, card3: { num: 5, hidden: false }, card4: { num: '…

使用Laya引擎开发微信小游戏（下）

本文由云+社区发表 6. 动画 6.1 创建伞兵对象在src目录下创建一个新目录role,用来存放游戏中角色. 在role里创建一个伞兵Soldier.ts对象文件. module role{ export class Soldier extends Laya.Sprite{ constructor(){ super(); this.init(); } init():void{ var img:Laya.Sprite = new Laya.Sprite(); img.graphics.draw…

使用Laya引擎开发微信小游戏（上）

本文由云+社区发表使用一个简单的游戏开发示例,由浅入深,介绍了如何用Laya引擎开发微信小游戏. 作者:马晓东,腾讯前端高级工程师. 微信小游戏的推出也快一年时间了,在IEG的游戏运营活动中,也出现了越来越多的以小游戏作为载体运营的活动类型,比如游戏预约,抢先试完等等,都收到了非常良好的效果. 在支持微信小游戏的游戏引擎中,Cocos,Egret,Laya都对小游戏的开发提供了很多强大的支持.前段时间正好抽空研究了一下这块的内容,现做一个总结,针对如何使用Laya引擎开发微信小游戏给大家做一下…

微信小程序开发(5) 2048游戏

在这篇微信小程序开发教程中,我们将介绍如何使用微信小程序开发2048小游戏. 本文主要分为两个部分,小程序主体部分及小游戏页面部分一.小程序主体部分一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 1. 小程序逻辑 App({ onLaunch: function() { // Do something initial when launch. }, onShow: function() { // Do something when show. }, onHide: funct…

pixi.js 微信小游戏入手

pixi是什么?一款h5游戏引擎优点:简单简洁性能第一缺点:大多数用的国产三大引擎,pixi资料少,工具少, 为什么学,装逼用pixi开发小游戏行吗? 行.但要简单处理下下载官网上的 weapp-adapter.js 找到 var TouchEvent = function TouchEvent(type); 此行的后面添加 window.TouchEvent = TouchEvent; 因为这是window事件,必须全局化另外还需要对weapp-adapter的ajax做下处理…

Egret白鹭开发微信小游戏排行榜功能

推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 我的个人博客最近事情特别多,今天终于实现了排行榜功能,记录下来大家一起学习学习. 一.调用默认排行榜首先我们需要了解: 1.白鹭开发文档(开放数据域):http://developer.egret.com/cn/github/egret-docs/Engine2D/minigame/openDataContext/index.html 2.微信小游戏开发文档(关系链数据):https://developers.weixin.q…

Egret白鹭开发微信小游戏分享功能

今天给大家分享一下微信分享转发功能,话不多说,直接干方法一: 1.在egret中打开Platfrom.ts文件,添加代码如下(当然,你也可以直接复制粘贴) /** * 平台数据接口. * 由于每款游戏通常需要发布到多个平台上,所以提取出一个统一的接口用于开发者获取平台数据信息 * 推荐开发者通过这种方式封装平台逻辑,以保证整体结构的稳定 * 由于不同平台的接口形式各有不同,白鹭推荐开发者将所有接口封装为基于 Promise 的异步形式 */ declare interface Platform…

Egret白鹭开发微信小游戏程序跳转功能（由一个小游戏跳转到另一个小游戏）

假设我们要实现的功能是从小游戏A跳转到小游戏B 对于小游戏A: (1)在platform.ts中添加代码如下: /** * 平台数据接口. * 由于每款游戏通常需要发布到多个平台上,所以提取出一个统一的接口用于开发者获取平台数据信息 * 推荐开发者通过这种方式封装平台逻辑,以保证整体结构的稳定 * 由于不同平台的接口形式各有不同,白鹭推荐开发者将所有接口封装为基于 Promise 的异步形式 */ declare interface Platform { getUserInfo(): Promi…

three.js 微信小游戏

最近在 https://classroom.udacity.com/courses/cs291 学习了一些 3D 引擎和 three.js 的知识把 three.js 弄到微信小游戏里,先随便跑一跑最终效果: 代码结构如下: (先忽略 audio 和 images, 这里先不用) game.js 代码 import './js/libs/weapp-adapter' import './js/libs/symbol' import * as THREE from './js/engine/t…

微信小游戏的本地缓存和清除的使用 (text.js image.js file-util.js)

参考: 微信小游戏,文件系统 UpdateManager-小游戏一.Egret提供的本地缓存工具类( 备注:新版本进行了修改,并增加了sound.js等) 在微信小游戏项目中,Egret提供了file-util.js.image.js.text.js来控制微信的50M缓存. 二.尝试缓存一个json文件现在我们尝试使用text.js来缓存json配置文件.当缓存时,启动游戏不会再次下载这个文件:当没有缓存时,启动游戏时会再次下载这个文件. 使用一个测试json文件,如下图server_con…

微信小游戏开发之JS面向对象

//游戏开发之面向对象 //在js的开发模式中有两种模式:函数式+面向对象 //1.es5 // 拓展一:函数的申明和表达式之间的区别 // 函数的申明: // function funA(){ // // } // 表达式的写法:(推荐) // let funB=function(){ // // } // 区别在于表达式的写法是会变量的提升!在执行的时候会要去合适的判断才执行 // callback&&callback() // (function () { // //所要执行的...…

使用Laya引擎开发微信小游戏

在支持微信小游戏的游戏引擎中,Cocos,Egret,Laya都对小游戏的开发提供了很多强大的支持.前段时间正好抽空研究了一下这块的内容,现做一个总结,针对如何使用Laya引擎开发微信小游戏给大家做一下介绍.因为时间有限,研究并不深入, 如有高手路过,忘不吝赐教. 做个啥游戏呢?"绝地求生"很火,我们做个"绝地求死"如何?策划也很简单,和绝地求生相反,主角不是跳伞的玩家,而是地面的炮手,大炮要把跳伞的伞兵用大炮一个个都消灭掉. 牛逼的策划有了,咱们进入正题,…

cocos creator开发微信小游戏记录

先用cocoscreator实现游戏逻辑在cocoscreator项目里可以调用微信小游戏api 在cocos里面判断小游戏的运行环境 if (cc.sys.platform === cc.sys.WECHAT_GAME){ wx.aaaaa() } 纯js代码都可以在微信小游戏里使用,所以cocos creator里也可以调用为微信小游戏api,jq代码不行,纯在兼容问题…

微信小游戏 demo 飞机大战代码分析（四）(enemy.js， bullet.js, index.js)

微信小游戏 demo 飞机大战代码分析(四)(enemy.js, bullet.js, index.js) 微信小游戏 demo 飞机大战代码分析(一)(main.js) 微信小游戏 demo 飞机大战代码分析(二)(databus.js) 微信小游戏 demo 飞机大战代码分析(三)(spirit.js, animation.js) 本博客将使用逐行代码分析的方式讲解该demo,本文适用于对其他高级语言熟悉,对js还未深入了解的同学,博主会尽可能将所有遇到的不明白的部分标注清楚,若有不…

微信小游戏 demo 飞机大战代码分析（三）(spirit.js, animation.js)

微信小游戏 demo 飞机大战代码分析(三)(spirit.js, animation.js) 微信小游戏 demo 飞机大战代码分析(一)(main.js) 微信小游戏 demo 飞机大战代码分析(二)(databus.js) 微信小游戏 demo 飞机大战代码分析(四)(enemy.js, bullet.js, index.js) 本博客将使用逐行代码分析的方式讲解该demo,本文适用于对其他高级语言熟悉,对js还未深入了解的同学,博主会尽可能将所有遇到的不明白的部分标注清楚,若有不…

微信小游戏 demo 飞机大战代码分析（二）(databus.js)

微信小游戏 demo 飞机大战代码分析(二)(databus.js) 微信小游戏 demo 飞机大战代码分析(一)(main.js) 微信小游戏 demo 飞机大战代码分析(三)(spirit.js, animation.js) 微信小游戏 demo 飞机大战代码分析(四)(enemy.js, bullet.js, index.js) 本博客将使用逐行代码分析的方式讲解该demo,本文适用于对其他高级语言熟悉,对js还未深入了解的同学,博主会尽可能将所有遇到的不明白的部分标注清楚,若有不…

微信小游戏 demo 飞机大战代码分析（一）(game.js, main.js)

微信小游戏 demo 飞机大战代码分析(一)(main.js) 微信小游戏 demo 飞机大战代码分析(二)(databus.js) 微信小游戏 demo 飞机大战代码分析(三)(spirit.js, animation.js) 微信小游戏 demo 飞机大战代码分析(四)(enemy.js, bullet.js, index.js) 本博客将使用逐行代码分析的方式讲解该demo,本文适用于对其他高级语言熟悉,对js还未深入了解的同学,博主会尽可能将所有遇到的不明白的部分标注清楚,若有不…

【沙龙报名中】与微信&云开发官方团队零距离互动，揭秘爆款微信小游戏背后的技术！

有人说微信小程序游戏的百花齐放活像十几年前的4399小游戏称霸互联网的景象 " 歪,斗地主吗,三缺二, 不用下app,小程序就能玩,我保证不抢地主让你抢!" ...... " ' 肝 ' 小游戏到半夜五点半, 谁能告诉我怎么卸载微信小程序永远找不回来!" 自 2018 年初,首批微信小程序游戏上线,到现在不到两年的时间内,微信小游戏月活用户已超 4 亿,开发者高达数十万.在现如今的游戏市场寒冬中,拥有微信庞大的用户量以及更好兼容性的小程序游戏,优势就显得格外明显…

微信小游戏egret开发包括p2引擎小结

用egret + p2 做一个类似投球的小游戏,坑大致如下: 1.p2引擎与egret坐标不同注意转换,横坐标没什么,纵坐标egret.y = stageHeight - body.position[1]*factor 2.p2物体的原点为中心点,而egret显示对象的原点为左上角,设置display.anchorOffsetX = display.width/2;display.anchorOffsetY = display.height/2 3.p2的单位与egret像素单位的factor设…

微信小游戏 Three.js UI 2D text 简单方案

在微信小游戏中使用 THREE.js 引擎,没有合适的 UI 库可用,只能自己动手.图片啥的都还好,text 不好弄.text 要计算 width 和 height,不然事件响应范围不对. function draw(canvas, params){ let ctx = canvas.getContext('2d') ctx.font = params.font ctx.lineWidth = params.lineWidth canvas.width = Math.max(2, ctx.mea…