基于区块链的毕业设计The Ethereal Light – 空灵之光

本文提供基于区块链的毕业设计国外最新区块链项目源码下载,包括solidity,eth,fabric等blockchain区块链,基于区块链的毕业设计The Ethereal Light – 空灵之光 是一篇很好的国外资料

The Ethereal Light

The Ethereal Light - 空灵之光

This is a website for the super popular MMORPG (Massive multiplayer online role playing game), Final Fantasy XIV. Players of all skill levels can join our helpful and friendly Free Company. A Free Company is essentially a guild where players can come together and tackle all sorts of activities, be it beginner or expert levels of difficulty. The site will help players with joining our Free Company by submitting a form where there is also a card matching game and a quiz to play!

  • User Stories

    • Visitor

      As a visitor and user of the site, I wish to:

      1. Find out what the FC can provide.
      2. Get to know the environment of this FC and if it is right for me.
      3. Send an application to join the FC.
      4. Play a game while waiting during in-game queues.
      5. Test my Final Fantasy XIV knowledge.
  • Design

    • Color Theme

      The two main colours used are Black for the background and White for the font. The “LIGHT” word is yellow as to highlight it.

    • Font

      1. EB Garamond as the main heading choices.
      2. Playfair Display as the second heading.
      3. Open Sans Condensed as the normal font.
      4. Sans Serif will be the fall back font if all fonts don’t work.
    • Wireframe

      1. Desktop and Mobile Wireframe
      2. Tablet is the same as Desktop version.
  • Features and Functionality

    • Submission Form

      The submission form is used for the application to join the Free Company. The user will have to submit their InGame Name and their reason to join. The form may not be submitted if the InGame Name is blank and if there are less than 10 characters in the Reason to Join fields. This form is linked to my own email where I will be notified of an application.

    • Card Game

      This game is a basic pair matching game. There are a total of 12 cards, 6 unique Astrologian cards. The player has 100 seconds to match all 6 pairs. There is a “Flip” counter to show how many times a player has flipped a card. When the player has successfully matched all cards, an overlay will appear as well as a victory sound to let the player know. If the time limit reaches zero, an overlay will appear to show that the player has failed the game. Each of these overlays have the ability to replay the game when they click anywhere on the screen. There is background music that starts to play when the user clicks “start”. A modal for Audio Settings is available to adjust the volume of both music and sound effects. The music can also be turned off completely.

    • Quiz

      There are a total of 4 questions related to Final Fantasy XIV. Each question is a multiple choice with 4 choices. When the player has clicked their answer, all the wrong answers will be in red and the correct answer will be in green. Once the final question is answered, there is a replay button to start the quiz from the beginning.

  • Technologies Used

    • Languages

      1. HTML
      2. CSS
      3. Javascript
    • Frameworks, Libraries & Programs Used

      1. Bootstrap v4.5.2 (Responsiveness and styling of the website.)
      2. Google Fonts (Used to obtain my fonts.)
      3. Font Awesome v5.14.0 (Used on all pages to add icon for aesthetic and UX purposes.)
      4. GitPod (Used terminal to git commit and git push to GitHub. Also used for version control.)
      5. GitHub (Store projects after being pushed from Gitpod.)
      6. Balsamiq (Used to design the layout of the website.)
      7. PicResize (Used for resizing images that are too large.)
      8. YTMP3 (Used to convert Youtube music to mp3 file.)
  • Audio sites

    1. YouTube
    2. FFXIV Fan Kit
  • Testing

    1. Tested HTML code via W3C Markup Validator and results show 1 warning where “The type attribute is unnecessary for JavaScript resources.” was not necessary, I decided to keep this in as per the resource code.
    2. Tested CSS via W3C CSS Validator Services and results show 1 warning about imported style sheets are not checked in direct input and file upload modes but it’s not affecting the site.
    3. Tested Javascript via JSHint there were issues about ES6 version but I’ve fixed it with jshint esversion code.
    4. The Website was tested on Google Chrome and Firefox and there are no errors.
    5. The website was viewed on a variety of devices such as Desktop, Laptop, iPhone 7, 8 & X and there are no errors.
    6. A large amount of testing was done to ensure all pages and javascript were working correctly.

    Testing – Form Submission

    Testing was performed for the Form Submission to ensure that the form is filled out correctly and without empty fields.

    • An error message appears where there is an empty entry in “InGame Name” field. The Ethereal Light - 空灵之光
    • An error message appears where there is less than 10 characters in the “Reasons To Join” field. The Ethereal Light - 空灵之光

    Matching Game Card

    • The timer starts at 100 and decreases by 1 each second. Each time a card is flipped, the flip counter increases by 1 per flip.
    • When first entering the Card Matching page, there is a popup to describe how to play the game. Clicking anywhere on the screen will remove this popup and the game will start, as well with the music. The Ethereal Light - 空灵之光
    • Where there is a mismatch of cards, the cards will automatically be turned facing down. The Ethereal Light - 空灵之光
    • Where there are correctly paired cards, they will stay facing up. The Ethereal Light - 空灵之光
    • (Victory Overlay) When all cards are correctly paired, the user is asked if they would like to try the quiz. The Ethereal Light - 空灵之光
    • (Overlay Game Over) When the timer reaches zero, the Game Over overlay appears. When the user clicks anywhere on the screen, the game will restart with the Time back at 100 and Flips back to 0. The Ethereal Light - 空灵之光

    Audio Control The Ethereal Light - 空灵之光

    • The volume sliders for the Background music and sound effects are working correctly. Toggling the background music on or off also works as intended.

    Matching Game Card

    • Clicking start will start the quiz. The Ethereal Light - 空灵之光
    • when a player clicks an answer, the correct and wrong answers will be shown where green is correct and red is incorrect. The Ethereal Light - 空灵之光 The Ethereal Light - 空灵之光
    • Clicking “Next” will move onto the next question.
  • TestingTesting User Stories from User Experience (UX) Section

    As a visitor and user of the site, I wish to:

    • Find out what the FC can provide.

      The user can read all about the Free Company on the home page where it details activities such as Guild exclusive events/challenges, Glamour contests, game content farming and much more. It also mentions that the FC is friendly and helpful to all players.

    • Get to know the environment of this FC and if it is right for me.

      The user can see that the environment is an active, talkative and helpful group of players, particularly towards new players.

    • Send an application to join the FC.

      The home page has a section called “How to apply?” where the user can submit their in-game name and their reasons to join the Free Company.

    • Play a game while waiting during in-game queues.

      There are 2 games available on the site. A Card Matching game and a quiz.

    • Test my Final Fantasy XIV knowledge.

      The quiz will ask the player questions all about Final Fantasy XIV such as character classes, game content and more.

  • Deployment

    • The project was deployed to GitHub Pages using the following steps.

      1. Log into GitHub and locate the GitHub Repository
      2. At the top of the page, locate the “Settings” button beside “Insights” button on the menu.
      3. Scroll to the bottom until you notice the “GitHub Pages” section.
      4. Under the “Source” dropdown button, choose “Master Branch”.
      5. Make sure the /roots folder is chosen too then click save and the page will automatically refresh.
      6. Scroll back to the bottom of the page and locate the now published website on the “GitHub Pages” section.
  • Tutorials and Credits

    • Code

      1. Bootstrap For majority of the page like row and column, carousel, video and navbar.
      2. Nav center To center the navigation bar on Desktop and Tablet display.
      3. Youtube – ‘Web Dev Simplified’ Card Matching Game
      4. Youtube – ‘Web Dev Simplified’ Quiz
      5. Youtube – ‘Coding Market’ Form
      6. stackoverflow Volume Slider
      7. stackoverflow Jshint Esversion code
    • Content

      Quiz For the quiz question.

    • Media

      Fandom For the astrologian card matching game image. The images and in-game screenshots were taken and edited by myself.

  • Acknowledgements

    I want to thank Code Institute for the teaching program and my mentor, Cans for guiding me and being patient with me throughout the project, Thank You.

Change game css winning popup words color


以太之光

The Ethereal Light - 空灵之光

这是一个超级流行的MMORPG(大型多人在线角色扮演游戏)的网站,最终幻想十四。所有技能等级的玩家都可以加入我们的免费公司。一个自由公司本质上是一个公会,玩家可以聚集在一起处理各种各样的活动,无论是初学者还是专家级的难度。该网站将帮助玩家加入我们的免费公司提交一份表格,其中也有一个卡匹配游戏和一个小测验玩!

  • 用户故事作为网站的访问者和用户,我希望:了解FC能提供什么。了解这个俱乐部的环境,以及它是否适合我。发送申请加入FC。在游戏队列中等待时玩游戏。测试我的最终幻想十四知识。
  • 设计颜色主题使用的两种主要颜色是黑色作为背景,白色作为字体。“光”字是黄色的,以突出它。以EB-Garamond字体为主要标题选择。Playfair显示为第二个标题。打开压缩为普通字体的Sans。如果所有字体都不起作用,Sans-Serif将是备用字体。线框桌面和移动线框平板电脑与桌面版相同。
  • 特性和功能提交表单提交表单用于申请加入免费公司。用户必须提交他们的InGame名称和加入的理由。如果InGame名称为空,并且“加入原因”字段少于10个字符,则不能提交表单。此表格链接到我自己的电子邮件,在那里我会收到申请通知。纸牌游戏这个游戏是一个基本的配对游戏。一共有12张牌,6张独特的占星术牌。玩家有100秒的时间来匹配所有6对。有一个“翻转”计数器来显示玩家翻转一张牌的次数。当玩家成功匹配所有卡片时,会出现一个覆盖图以及一个胜利的声音让玩家知道。如果时间限制为零,则会出现一个覆盖图,表明玩家未能通过游戏。每一个覆盖都有能力重放游戏时,他们点击屏幕上的任何地方。当用户单击“开始”时,会有背景音乐开始播放。音频设置模式可用于调整音乐和音效的音量。音乐也可以完全关闭。测验共有4个问题与最终幻想十四有关。每个问题是一个有4个选项的多项选择题。当玩家点击他们的答案时,所有错误的答案都将显示为红色,正确的答案将显示为绿色。一旦最后一个问题得到回答,就会有一个重播按钮从头开始测验。
  • 语言HTML CSS Javascript
  • 音频站点

    1. YouTube
    2. FFXIV Fan Kit
  • 测试

    1. Tested HTML code via W3C Markup Validator and results show 1 warning where “The type attribute is unnecessary for JavaScript resources.” was not necessary, I decided to keep this in as per the resource code.
    2. Tested CSS via W3C CSS Validator Services and results show 1 warning about imported style sheets are not checked in direct input and file upload modes but it’s not affecting the site.
    3. Tested Javascript via JSHint there were issues about ES6 version but I’ve fixed it with jshint esversion code.
    4. The Website was tested on Google Chrome and Firefox and there are no errors.
    5. The website was viewed on a variety of devices such as Desktop, Laptop, iPhone 7, 8 & X and there are no errors.
    6. A large amount of testing was done to ensure all pages and javascript were working correctly.

    测试-表单提交

    音频控制The Ethereal Light - 空灵之光

    • An error message appears where there is an empty entry in “InGame Name” field. The Ethereal Light - 空灵之光
    • An error message appears where there is less than 10 characters in the “Reasons To Join” field. The Ethereal Light - 空灵之光

    匹配游戏卡

    • The timer starts at 100 and decreases by 1 each second. Each time a card is flipped, the flip counter increases by 1 per flip.
    • When first entering the Card Matching page, there is a popup to describe how to play the game. Clicking anywhere on the screen will remove this popup and the game will start, as well with the music. The Ethereal Light - 空灵之光
    • Where there is a mismatch of cards, the cards will automatically be turned facing down. The Ethereal Light - 空灵之光
    • Where there are correctly paired cards, they will stay facing up. The Ethereal Light - 空灵之光
    • (Victory Overlay) When all cards are correctly paired, the user is asked if they would like to try the quiz. The Ethereal Light - 空灵之光
    • (Overlay Game Over) When the timer reaches zero, the Game Over overlay appears. When the user clicks anywhere on the screen, the game will restart with the Time back at 100 and Flips back to 0. The Ethereal Light - 空灵之光

    作为网站的访问者和用户,我希望:

    • The volume sliders for the Background music and sound effects are working correctly. Toggling the background music on or off also works as intended.

    匹配游戏卡

    • Clicking start will start the quiz. The Ethereal Light - 空灵之光
    • when a player clicks an answer, the correct and wrong answers will be shown where green is correct and red is incorrect. The Ethereal Light - 空灵之光 The Ethereal Light - 空灵之光
    • Clicking “Next” will move onto the next question.
  • 测试用户体验(UX)部分的用户故事

    了解FC能提供什么。在这里,用户可以免费阅读关于Glamour的所有活动的主页。它还提到,俱乐部是友好的,有助于所有球员。

    • 了解这个FC的环境以及它是否适合我。

      用户可以看到,环境是一个活跃、健谈、乐于助人的玩家群体,尤其是对新玩家。

    • 发送申请加入FC。

      主页上有一个名为“如何申请”的部分在这里,用户可以提交他们的游戏名称和加入免费公司的理由。

    • 在游戏队列中等待时玩游戏。

      网站提供2款游戏。一个卡片匹配游戏和一个测验。

    • 测试我的最终幻想十四知识。

      测验将向玩家提问有关最终幻想十四的所有问题,如角色类别、游戏内容等。

    • 我要感谢代码学院的教学计划和我的导师Cans在整个项目中对我的指导和耐心,谢谢。

      The quiz will ask the player questions all about Final Fantasy XIV such as character classes, game content and more.

  • 部署

    • 使用以下步骤将项目部署到GitHub页面。

      1. Log into GitHub and locate the GitHub Repository
      2. At the top of the page, locate the “Settings” button beside “Insights” button on the menu.
      3. Scroll to the bottom until you notice the “GitHub Pages” section.
      4. Under the “Source” dropdown button, choose “Master Branch”.
      5. Make sure the /roots folder is chosen too then click save and the page will automatically refresh.
      6. Scroll back to the bottom of the page and locate the now published website on the “GitHub Pages” section.
  • 教程和学分

    • 代码

      1. Bootstrap For majority of the page like row and column, carousel, video and navbar.
      2. Nav center To center the navigation bar on Desktop and Tablet display.
      3. Youtube – ‘Web Dev Simplified’ Card Matching Game
      4. Youtube – ‘Web Dev Simplified’ Quiz
      5. Youtube – ‘Coding Market’ Form
      6. stackoverflow Volume Slider
      7. stackoverflow Jshint Esversion code
    • 内容

      Quiz For the quiz question.

    • 媒体

      Fandom For the astrologian card matching game image. The images and in-game screenshots were taken and edited by myself.

  • 致谢

    I want to thank Code Institute for the teaching program and my mentor, Cans for guiding me and being patient with me throughout the project, Thank You.

Change game css winning popup words color

部分转自网络,侵权联系删除区块链源码网

www.interchains.cc

https://www.interchains.cc/19520.html

区块链毕设网(www.interchains.cc)全网最靠谱的原创区块链毕设代做网站 部分资料来自网络,侵权联系删除! 最全最大的区块链源码站 ! QQ3039046426
区块链知识分享网, 以太坊dapp资源网, 区块链教程, fabric教程下载, 区块链书籍下载, 区块链资料下载, 区块链视频教程下载, 区块链基础教程, 区块链入门教程, 区块链资源 » 基于区块链的毕业设计The Ethereal Light – 空灵之光

提供最优质的资源集合

立即查看 了解详情