首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

前言 这是一次利用 three.js 开发微信小游戏的尝试,并不能算作是教程,只能算是一篇笔记吧。 微信 WeChat 6.6.1 开始引入了微信小游戏,初期上线了一批质量相当不错的小游戏。...我在查阅各处的文章时候,发现其中有几款是基于 three.js 开发的,目前火爆朋友圈的《跳一跳》就是其中之一。...准备工作 最新版本的 three.js; 首先应该具有一定的 three.js 开发经验,有之前写过的简单演示代码; 最新版本的“微信开发者工具”。...找一个之前的 WebGL 演示 我随便找了一个很久以前做过的演示代码,如下: 可以拖动旋转,滚轮缩放 创建微信小游戏项目 好啦,现在可以进入开发者工具尝试移植了。 首先,创建一个标准的小游戏项目。...Adapter 是一个抽象的代码层,并不特指某一个适配小游戏的第三方库,每位开发者都可以根据自己的项目需要实现相应的 Adapter。

3.1K10
您找到你想要的搜索结果了吗?
是的
没有找到

小游戏开发概述 - 笔记

游戏引擎、游戏开发的技能树、PixiJS+Web 开发 # 小游戏开发概览 # 为什么要用游戏引擎 因为使用游戏引擎的最大优势就是:渲染 引擎的诞生就是因为一家公司做了一款游戏,做下一款游戏时复用了上一款游戏的代码...所以游戏引擎更像是一套解决方案,让你在制作某一类型的产品的时候能够提高你的开发效率。...现在很多主流的 2d 游戏引擎都支持使用 JavaScript 进行开发同时使用相关的工程化能力,也是游戏开发向 web 前端开发靠拢的一种表现。...游戏开发其实更关注内容 作为前端游戏开发,我们没必要一开始就去学端游的游戏引擎,而是可以从简单易用的开始。...优势: 平台支持能力好 完善的游戏功能支持生态较好 缺点: 3D 能力仍在建设中 版本迭代过快 # Laya 优势: 3D 能力比较成熟,号称市场占有率 90% 支持 JS

89520

盘点 小游戏开发引擎

而小程序技术的推广使得游戏的开发又多了一种选择。小程序上的小游戏无需下载安装,即点即玩,似乎更加符合现代人的需求。...下面就来简单盘点一下4款小游戏开发引擎:游戏和小游戏的区别要盘点小游戏开发引擎之前,我们得先来了解下游戏和小游戏两者之间的区别。最核心的区别便在于运行环境的不同。...编程语言:js,C++,lua很多策划认为Cocos2D对于新入行的开发者来说不仅具备大量功能,而且非常容易上手。虽然该引擎比较复杂,但值得一提的是其功能和灵活性。...配套引擎专属的可视化开发工具,引擎与工具同时支持ActionScript3、JavaScript、TypeScript三种开发语言,并且一次开发可以同时发布APP(安卓与iOS)、HTML5、小游戏(微信小游戏...缺点:工具数量有限,所以开发商必须给自己创作工具;做复杂和多样化的效果比较耗时。以上四款小游戏开发引擎,你更钟爱哪一款呢?如果有其他值得推荐的小游戏开发引擎,欢迎在评论区留言。

1.3K50

微信小游戏开发技巧

之前有幸收到掘金邀请去分享小游戏开发相关的技术主题,正好公众号一直也没有比较全面的和大家聊如何从技术层面做游戏,这里整理一下之前的分享ppt。 这篇文章会稍微不那么随便点。 啊,上面那部分可以删掉。...游戏的驱动由开发编写游戏逻辑,然后在渲染器中实时渲染到画布上。 ? 微信小游戏和传统web游戏(canvas类)最大的区别在于API。 ?...小游戏的表现既可以像跳一跳那样休闲,也可以像街机的格斗游戏一样热血,不要被想象力所限制,认为「小游戏就应该有小游戏的样子」。 ?...微信小游戏的文件结构 game.js以及game.json分别是小游戏的入口文件及配置文件。 res是游戏资源,也是游戏占用体积最大的地方。 adapter是利用微信API模拟浏览器API的库。...我个人制作的小游戏目前画风都比较奔放,所以分享时借用团队制作的小游戏来介绍了。 游戏结构分为3个大的模块: Base 模块管理脚本,用来组织起整个游戏的部分。

3.6K62

unity开发微信小游戏1

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一、准备工作 二、官方文档 三、WX开发者工具 四、获得Appid 五、获得AppidError: app.json...: app.json 六、资源下载失败404 总结 ---- 前言 最开使用unity3d开发微信小游戏,遇到了一些问题,记录一下, 同时创建了一个交流群QQ 641029627,现在应该没人,有需要的可以加入一起讨论...https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 使用小游戏开发工具 四、获得Appid 体验: https...->转换小游戏->填入游戏appid,资源CDN,项目名称等参数->然后导出WEBGL并转换成小游戏 2.这个时候会生成一个文件夹,文件夹下方有minigame和webgl2个子文件夹 3.打开微信开发工具...,会看到有小程序,小游戏和代码片段,项目如果选择成了小程序会出现这个错误,一定要确认在小游戏里面出现了自己的项目才是正确的 六、资源下载失败404 在上方说的webgl文件下方有个.bin文件,每次修改都会有变化

2.9K20

微信小游戏开发技术与应用

这里说一下weex, weex是阿里推出来的其实通常是和vue配合使用的,和facebook的react native类似,可以让开发人员用js去写原生的应用,所以通常被人称为 vue-native。...week会提共weekSDK,会准备一个js引擎,在执行过程中会产生各种命令发送给原生端渲染等等。 最后主要是游戏开发相关的,比如DOM CSS,还有Canvas、WebGL,以及一些游戏引擎。...白鹭,是目前社区非常活跃的H5引擎,去年宣布支持 webassembly,而且2d 3d vr都支持的,同时支持js、ts开发,经典的代表就是传奇世界。...另外,laya引擎,是支持js ts as(actionscript)的。所以以前做flash/as开发的或许可以转到这上面来。...然后还three.js,只支持3d的,跳一跳和纪念碑谷小游戏,都是通过three来的。然后cocos2d,这个也是一个老牌引擎,欢乐斗地主。然后再说一款,阿里也开源了一款H5小游戏引擎hilo。

2.1K51
领券