设为首页收藏本站
开启辅助访问

羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码

 您所在的位置：网站首页 › vscode怎么插入背景 › 羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码

羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码

2023-03-20 15:12| 来源: 网络整理| 查看: 265

杂谈

很多热心网友还在纠结《羊了个羊》该如何通关？

很多热心网友都已经开始整活了，自定义图标、自定义bgm，甚至还可以通过深度学习自动通关。

可谓是八仙过海，各显神通啊！

相关阅读 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新 admin的头像-自由者联盟永久会员昨天03646 羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-自由者联盟 羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-自由者联盟 羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码 admin的头像-自由者联盟永久会员昨天03646 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新 admin的头像-自由者联盟永久会员昨天03646 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新 admin的头像-自由者联盟永久会员昨天03646 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新 admin的头像-自由者联盟永久会员昨天03646 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新-自由者联盟 全网首发 羊了个羊在线版 附前后端代码/通关思路/通关脚本 持续更新 admin的头像-自由者联盟永久会员昨天03646 在线体验 立即体验 界面截图 图片[1]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog默认主题 图片[2]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog鱼了个鱼主题 图片[3]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog马了个马主题 图片[4]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog鸡了个鸡版本 图片[5]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog猪了个猪主题 图片[6]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog守望先锋主题 高级玩法介绍

您还可以自定义自己的主题，点击我要整活

图片[7]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog

您可以自行添加标题、描述、背景音乐、音效素材、图片素材

设计自己的羊了个羊

图片[8]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog 源码下载 Github源项目地址自由者联盟现部署版本 源码下载（需使用vscode编译） 提取码s93jiv自由者联盟现部署版本 打包源码下载（无需编译 上传即可使用）提取码zivi5j 源码使用

您可能需要先安装vscode和nodejs

使用vscode，文件>打开文件夹

图片[9]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog

选择我们下载好的项目solvable-sheep-game-master

图片[10]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog

终端>新建终端

图片[11]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog

运行下面的命令安装依赖

yarn install 图片[12]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog

使用下面的命令测试项目

yarn dev 图片[13]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog 核心代码修改

然后我们就可以边修改代码，边查看界面的变化了

底部版权信息

/src/components/Info.tsx

import React, { FC } from 'react'; export const Info: FC = () => { return (

累计访问：次

{/*

bgm素材： 洛天依，言和原创《普通DISCO》 、 贫民百万歌星 、 只因你太美

*/}

更多精彩关注 FancyPig's blog

); }; 底部备案号修改

src/components/BeiAn.tsx文件

import React, { FC } from 'react'; export const BeiAn: FC = () => { return (

京ICP备17068217号-1

); }; 自建主题

您可以仿照上面的方式自建主题并配上有趣的BGM

/src/themes/您的主题名称/index.tsx /src/themes/您的主题名称/images /src/themes/您的主题名称/sounds/bgm.mp3 // XX主题 import React from 'react'; import { Theme } from '../interface'; import { defaultSounds } from '../default'; import bgm from './sounds/bgm.mp3'; const soundUrls = importa.glob('./sounds/*.mp3', { import: 'default', eager: true, }); const sounds = Object.entries(soundUrls).map(([key, value]) => ({ name: key.slice(9, -4), src: value, })) as Theme['sounds']; const imagesUrls = importa.glob('./images/*.png', { import: 'default', eager: true, }); const images = Object.entries(imagesUrls).map(([key, value]) => ({ name: key.slice(9, -4), // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore content: , })); export const pddTheme: Theme = { title: 'XX主题', name: 'XX', bgm: bgm, icons: images.map(({ name, content }) => ({ name, content, clickSound: 'button-click', tripleSound: name, })), sounds: [defaultSounds[0], ...sounds], }; 打包上线

最后我们进行打包上线

yarn build

我们上线仅需要拷贝dist目录下生成的代码即可

图片[14]-羊了个羊 整活版 支持自定义图标、音效、背景音乐 附源码-FancyPig's blog 常见问题 我的vscode终端里好像没有yarn命令？ 解决方案一：

使用下面的命令安装yarn命令

npm i yarn -g 解决方案二：

实在装不上，有yarn命令的地方你就用npm替换，譬如教程中

yarn install

你就使用

npm install

不一定很有效，但是可以解决部分问题



【本文地址】


今日新闻

推荐新闻

    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3