
H5游戏开发
文章平均质量分 51
H5游戏开发干货专栏
编程之力
专注游戏开发
展开
-
(微信开发)Laya转发H5网页到微信,带图片
网页转发到微信时,带图片和自定义标题。2022年11月22号原创 2022-11-22 18:02:02 · 707 阅读 · 0 评论 -
羊了个羊源码H5,TypeScript,LAYA引擎
羊了个羊源码H5,TypeScript,LAYA引擎原创 2022-09-19 00:38:03 · 4533 阅读 · 3 评论 -
提升接近7倍编译速度!laya小游戏开发技巧(普通专栏)
视频演讲稿件B站视频今天讲的内容是 提升Laya的编译速度(webpack+增量编译+自动编译 )前后对比图如下Laya自带的编译速度启用webpack编译提升速度=7.7/1.27 ≈6.4 倍(视频演示效果)开始讲解详细的操作首先把准备好的素材拷贝到项目跟目录拷贝完毕后在终端输入npm run dev,这时后台会执行文件监控任务,只要文件发生变化就会触发增量编译在浏览器输入既可以看到效果http://localhost:8080/bin/index.html为了方便原创 2020-12-18 18:51:45 · 2767 阅读 · 9 评论 -
Laya商业级3d实战_020顶点颜色shader_天空背景
视频演讲稿目标:实现模型顶点颜色开发者在学习本章的时候必须具备shader的基础知识我们可以注意到远处的天空模型(非天空盒)和u3d的不一样,因为在LAYA默认的LayaBlinnPhong shader中会开启雾化效果而且模型的颜色是采用顶点颜色,没有采用纹理采样可以看到天空材质材质使用了自定义shader struct appdata { float4 vertex : POSITION; float4 color : COLOR; }; struct v2原创 2020-12-09 15:15:17 · 1048 阅读 · 0 评论 -
Laya商业级3d实战_018微信分包加载&发布设置
视频学习地址:视频观看地址分包加载;分包加载主要是为了减少主包大小,因为微信上主包大小只有4M.如果开发者硬件条件比较好,可以直接使用从服务器加载资源,就可以省略编写分包逻辑微信开发者工具下载https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html//以下内容仅vip可见配置Game.json“subpackages”: [{“name”: “Home”,“root”: “res3d/LayaSc原创 2020-12-09 15:10:10 · 555 阅读 · 2 评论 -
LAYA 3D编辑器(unity3D)使用教程(基础课)
目标;把模型师制作的3D文件显示到Laya舞台中以跑酷为案例,模型师分别制作好了建筑模型和动画模型(猫)先讲第一个,把一个房子显示到舞台中接着讲第二个让猫在舞台中动起来原创 2020-10-30 19:43:05 · 4456 阅读 · 0 评论 -
游戏性能优化实战-网格合并(unity3d,Laya,小游戏开发)
有开发者在后台给我发来私信,内容是 XXXX游戏的场景大且数量多,但游戏流畅度高是如何制作的?视频观看地址:今天我们就来聊聊3D性能优化 之一 网格合并性能提高多少倍?目合优化前后的一个性对对比图,拿U3D作为测试引擎750/82=9.14倍那么有人可能会问?同样是35组对象,为什么统计出来的面数会差这么多?因为显示的面数 是摄像经过椎体机剔除后得到的顶点数量用到的插件为MeshBaker3.17 unity环境2018.4.7f开始优化操作:设置要合并的对象选中要合并的对象,原创 2020-10-26 21:03:25 · 2442 阅读 · 5 评论 -
小游戏开发Laya对接主流平台(qq,抖音,vivo,oppo,微信)
小游戏开发-Laya对接主流平台 laya对接主流平台简介(qq,抖音,vivo,oppo,微信) 在游戏开发完之后,对接平台是个非常耗时的过程主要原因主流平台多(qq,抖音.vivo,oppo,微信)平台之间的差异化需要逐个调整测试工具多,测试流程繁琐对于没有经验的开发者是需要花费大量时间进行编码和真机测试所以,课程针对以上问题进行讲解课程内容包括5大平台QQ平台:b原创 2020-09-26 12:37:02 · 3649 阅读 · 0 评论 -
oppo小游戏对接教程Laya
视频演讲稿演讲稿:本节内容讲的是:Laya引擎对接oppo平台由于对接过程大部分和vivo类似,对接过程只讲不同之处,建议先观看完vivo对接的教程再进行观看讲解顺序依次是SDK对接,发布部署,广告测试针对在论坛提问比较多的问题讲解开发环境:LAYA版本2.5,ts语言对接的是官方自带的2d项目sdk功能点:banner广告,激励视频,原生广告首先为项目增加oppo的TS广告库,把原生广告资源拷贝到项目中由于对接的流程和vivo一致,这里就讲解和vivo平台不同的之处打开原生广告原创 2020-09-21 23:34:23 · 2828 阅读 · 0 评论 -
vivo小游戏sdk对接 Laya(5分钟掌握)
视频演讲稿 LAYA对接抖音小游戏(10分钟掌握) 演讲稿:本节内容讲的是:vivo对接抖音小游戏平台功能点包括:banner广告,激励视频,插屏广告,原生广告LAYA版本2.5,开发语言ts我们以官方2d案例为模板的基础上平台对接打开视频案例我们在模板上添加了1个按钮,分数翻倍导入TS类库到scirpt目录banner广告游戏运行,和游戏结束时进行打开banner原创 2020-09-21 23:33:22 · 2141 阅读 · 0 评论 -
Laya教程-对接抖音小游戏sdk(10分钟掌握)
视频演讲稿:LAYA版本2.5,开发语言ts我们以官方的2d案例为模板,对接SDK平台案例功能点:banner,激励视频,插屏广告,打开游戏列表,录屏以及录屏分享我们在模板上添加了3个按钮,开始游戏,分数翻倍,录屏分享并且订阅了点击事件导入TS类库到scirpt目录打开banner广告GameControl.tsonEnable方法增加以下代码BannerAndVideo1.OpenBanner(this, null);真机运行结果点击更多游戏,显示游戏盒子GameUI.ts原创 2020-09-16 22:23:23 · 5189 阅读 · 5 评论 -
Laya商业级教程-对接QQ小游戏sdk(5分钟掌握)
我们以官方的2d案例为模板,对接QQSDKQQ平台案例功能点:banner,激励视频,插屏,游戏盒子,积木广告,分享功能我们在模板上添加了2个按钮,开始游戏和分数翻倍并且订阅了点击事件导入TS类库到scirpt目录打开banner广告GameControl.tsonEnable方法增加以下代码BannerAndVideo1.OpenBanner(this, null);真机运行结果点击更多游戏,显示游戏盒子GameUI.tsmoregameClcik() {//qqsdkB原创 2020-09-04 18:35:27 · 1744 阅读 · 1 评论 -
laya商业级系列教程——5分钟学会寻路解决方案(A星寻路)
寻路系统是游戏常用功能(魔兽争霸,王者荣耀,MMO等项目)也是游戏开发者的必备技能这期我们花5分钟掌握LAYA如何使用寻路系统寻路算法使用了pathfinding.jsgithub 地址:https://github.com/qiao/PathFinding.js/首先我们在素材包里分别打开Laya项目和u3d项目第一步:导入插件第二步:制作地图第三步:调用寻路API注意事项:解决:微信平台无法识别类库的问题编辑类库初始化过程地图制作的要求;考虑到性能原因,图和世界坐标采用了一原创 2020-08-31 14:36:08 · 3641 阅读 · 1 评论 -
Laya商业级教程3d实战-02安装调试helloWorld
本节目标:安装调试环境,输出helloworld,断点打开工具大礼包(可以在q群或者在课程资源区下载)解压LayaIDE安装chorme 浏览器安装node-v10.21.0-x64.exe新建Laya 空项目”LayaExample”语言选择ts ,勾选启用微信bin目录调试安装后运行vscode,按Ctrl + Shift + PConfigure Display Language安装中文语言包Extensions 搜索 debug for...原创 2020-08-14 19:50:01 · 694 阅读 · 0 评论 -
Laya商业级3d实战_017加载过渡页面
本节目标:实现加载过渡页面 laya商业级3d游戏开发 项目有个不完美的地方看到homeview.tsonOpened(data) {.... //场景读取需要时间,所以在文件读取中会有空白间隔 SceneManager.LoadSceneByName('Home', this, this.OnSceneLoadOk);解决该问题新建loadind.scene原创 2020-08-15 11:51:46 · 786 阅读 · 0 评论 -
Laya商业级3d实战_016游戏结束页和流程控制
目标:游戏复活页,跑通游戏流程 laya商业级3d游戏开发 初始化页->首页->游戏页->结束页->首页新建 页面 over.scene摆好ui新建views\OverView.tsexport default class OverView extends BaseView {constructor() {super();}reborn: Lay原创 2020-08-15 11:49:20 · 503 阅读 · 0 评论 -
Laya商业级3d实战_015震动功能
目标:震动功能 laya商业级3d游戏开发 打开homescenne,增加震动按钮新建UIcomponent/Btn/VibrateBtn.tsexport default class VibrateBtn extends Laya.Image {onAwake() { this.skin = Platform.isPlayVibrate() ? 'Textrue/bt原创 2020-08-15 11:46:33 · 442 阅读 · 0 评论 -
Laya商业级3d实战_014声音模块
目标:实现声音模块(播放声音和音效) laya商业级3d游戏开发 方法原形Laya.SoundManager.playSound(资源地址);导入素材LayaIde\sound到laya\bin\res\目录下注意:考虑到多平台兼容性,声音和音效建议都使用MP3格式新建scripts\manager\SoundMgr.ts\方便调用的数据结构//方便调用的数据结构expo原创 2020-08-15 11:45:24 · 661 阅读 · 0 评论 -
Laya商业级3d实战_013数据持久化和位图字体
laya商业级3d游戏开发 本节目标:实现分数系统知识点:数值持久化,位图字体新建game.scene摆好UI分数采用了位图字体资源路径鱼图片 UISpritesheet\FishboneIcone.png位图字体图片Textrue\numwhileOutLine.pngfontClip var 设置为fishfont位图字体的制作:Btmfont制作https...原创 2020-08-15 11:42:37 · 554 阅读 · 0 评论 -
Laya商业级教程3d实战_012碰撞检测
本节目标:碰撞障碍物 laya商业级3d游戏开发 相交检测有很多方案,laya有内置的物理引擎,或者其他第三方类库Laya内置物理引擎,刚体数量多时,苹果机上流畅度会比较低性能和包体是非常重要的指标分别决定了流畅度和加载速度,游戏包体越小,用户首次加载留存率就越高考虑到性能和包体以及案例的实际需求原因框架集成了最简单的3d碰撞模块aabb VS aabb对称包围盒相交检测原创 2020-08-15 11:40:11 · 2317 阅读 · 0 评论 -
Laya商业级3d实战-011角色跑动_流程整合
本节目标:角色跑动,流程整合 laya商业级3d游戏开发 角色类Game目录下 新建Player.ts//MonoBehaviour 是框架类,默认拥有gameObject和transform属性export default class Player extends MonoBehaviour {localx = 0;animator: Laya.Animator;onAwa原创 2020-08-15 11:37:07 · 804 阅读 · 0 评论 -
Laya商业级3d实战_010无缝地图_障碍物和鱼
laya商业级3d游戏开发 本节目标:实现无缝随机创建障碍物和鱼Unity克隆Example_RandomBuild场景命名为Game创建三个对象,挂上buildspwan 脚本进行以下配置Fishspwanobstaclespwan导出game场景奖励物(鱼)创建器//继承建筑物创建类FishSpwan.tsexport class FishSpwan ex...原创 2020-08-15 11:35:06 · 561 阅读 · 0 评论 -
Laya商业级3d实战_09无缝地图_序列化
laya商业级3d游戏开发 本节目标:无缝随机创建地图编辑器开发核心思想(unity对象序列化,反序列化)分析美术资源,建筑物有不同的属性,比如高度新建scripts\Game\BuildSpawn.ts模型层设计//物体属性模型export class SpwanItemData {public constructor() { }public goName = ‘’;...原创 2020-08-15 11:31:39 · 582 阅读 · 0 评论 -
Laya商业级3d实战-08无缝地图初版与对象池
本节目标实现无缝创建/回收 对象 laya商业级3d游戏开发 导出场景素材到Laya进行场景的构建新建Example04_Spawn.tsexport class Example04_Spawn extends Laya.Script {scene:Laya.Scene3D;}Mian.tsonConfigLoaded(): void {this.example_sp原创 2020-08-15 11:26:37 · 559 阅读 · 0 评论 -
Laya商业级3d实战-07动画系统
目标:播放/切换 角色动画 laya商业级3d游戏开发 打开u3d 下的Example_Animator场景并且导出注意事项:动画导出注意事项:类型动画需要设置为genneric,不支持人形骨骼humanoid动画片段不要出现空帧,否则个别平台会出现加载错误比如回到Laya Ide新建Example03_Animator.tsexport class Exampl原创 2020-08-15 11:21:07 · 708 阅读 · 0 评论 -
Laya商业级3d实战-06用户输入_u3dApi集成
laya商业级3d游戏开发 本节目标:接收用户输入封装框架的使用新建目录scripts\Example新建脚本Example01_InPut.tsexport class Example01_InPut extends Laya.Script {onAwake() { //订阅鼠标(触摸)键盘事件 Laya.stage.on(Laya.Event.MOUSE_...原创 2020-08-15 11:16:33 · 503 阅读 · 0 评论 -
Laya商业级3d实战-05加载3d首页场景
视频观看地址: laya商业级3d游戏开发 本节目标:显示3D场景+首页ui打开LayaEdu/scnnes/Home 场景配置导出路径,点击导出Laya f9Homeview 代码更改如下onOpened(data) {this.startImage.on(Laya.Event.CLICK, this, this.OnStartImageClick);let sc原创 2020-08-15 11:08:29 · 644 阅读 · 0 评论 -
Laya商业级教程3d实战-04安装unity3d和素材
Unity3d的安装和素材导入本节目标:在u3d里通过laya插件预览首页场景打开工具大礼包安装unityHubSetup,注册和激活安装UnityDownloadAssistant-2018.4.7f1Win7 sisual stuido 无法安装C:\Program Files (x86)\Microsoft Visual Studio\Installer给管理权限新建项目后导入资源包打开Laya导出工具点击预览预览功能需要安装nodejs,插件会给提示安装好后重原创 2020-08-15 10:52:41 · 601 阅读 · 1 评论 -
Laya商业级教程3d实战-03创建游戏首页
视频观看地址:https://www.bilibili.com/video/BV12T4y157PU/laya商业级3d游戏开发目标:制作首页界面点击开始游戏按钮输出Logo界面适配比如苹果6s 16:9苹果x 19.5:9。本课用到的资源可以在课程资料区下载选中Scenes目录,右键创建目录views在目录下右键创建->场景参数名称:home设置分辨率750x1334F9预览设置导入素材包到I...原创 2020-08-14 20:11:50 · 1141 阅读 · 0 评论