谁给洋大人的代码做个解释，我就给谁发奖金

2024-03-01 04:58
文章标签 代码 解释 做个 奖金 大人

本文主要是介绍谁给洋大人的代码做个解释，我就给谁发奖金，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

地址在这里：https://code.sololearn.com/WR2ZwwSaXBF1/?ref=app

 

你运行的时候，发现是个游戏，小人在走，前面来了一群邪恶的龙，你要跳起来，否则你就狗带了，背景是火山，地狱般的黑夜

代码如下：

Author:Coder;
Name :Kill The Dragon;
FrameWork:P5.js;
-->    
<!DOCTYPE html>
<html>
    <head>    
    <div class="loader">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            
        </div>
        
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
     <meta name="viewport" charset="UTF-8" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <title>Page Title</title>
    </head>
    
     <body  onselectstart="return false" οnpaste="return false;" onCopy="return false" onCut="return false" onDrag="return false" onDrop="return false" οncοntextmenu="return false">
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.js"></script>
        <script src =   "https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.js">
        </script>  
       <script src =   "https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.sketch.js">
        </script>
          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">   
       
        <script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
     
  <script src ="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.0/addons/p5.sound.js"></script>
   <script src ="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.0/addons/p5.sound.min.js">

    </body>
</html>

 

再看看CSS部分


.loader{
    position:absolute;
    top:40%;
    left:40%;
    transform:translate (-50%, -50%);
    width:70px;
    display:flex;
}
.loader span{
    width:10px;
    height:60px;
    background:white;
    margin:0px 1px;
    animation:loading 800ms ease-in-out infinite;
}
.loader span:nth-child(1){
    background:#2eeca8;
    animation-delay:-700ms;
}
.loader span:nth-child(2){
    background:#eade3d;
    animation-delay:-600ms;
}
.loader span:nth-child(3){
    background:#55acee;
    animation-delay:-500ms;
}
.loader span:nth-child(4){
    background:#2eeca8;
    animation-delay:-400ms;
}
.loader span:nth-child(5){
    background:#09b7bf;
    animation-delay:-300ms;
}
.loader span:nth-child(6){
    background:#ea3d8c;
    animation-delay:-200ms;
}
.loader span:nth-child(7){
    background:orange;
    animation-delay:-100ms;
}

@keyframes loading{
    0%, 60%, 100%{
        transform:scaleY(0.01);
    }
    35%{
        transform:scale(1);
    }
}

还有JS部分

/*
Author:Coder;
Name :Kill The Dragon;
FrameWork:P5.js;
*/
console.log =()=>{}
var spriteSheet=[],Arrow_img;
var player;
var enemies = []
var fireball = []
/*window.οnclick= function(){
var audio= document.getElementById("audio_k");
audio.volume = 0.2;
audio.play();
}*/
var arrow=[];
var enemy=[];
var audio,audio1,audio2;
var score = 0;
var fire;
var Theme,theme;
var road;
var target = 10;
var points;
var dx;
var button,button1,button2;
var num;
function preload(){
/*spriteSheet =loadImage("https://image.ibb.co/e70vnq/sprite.png"); */
spriteSheet[0] = loadImage("https://image.ibb.co/mHccfL/download.png");
audio = loadSound("https://saantonandre.github.io/anotherSong.wav")
Arrow_img = loadImage("https://image.ibb.co/epXKvL/arrow-bow-PNG1.png");
enemy[0] = loadImage("https://image.ibb.co/ejbsh0/flying-dragon-gold.png");
enemy[1] = loadImage("https://image.ibb.co/hnmyS0/flying-twin-headed-dragon-blue.png")
Theme = loadImage("https://preview.ibb.co/gtT1sq/midnight-volcano-brad-simpson.jpg");
spriteSheet[1] = loadImage("https://image.ibb.co/e2Hw9f/download-2.png");
spriteSheet[2] = loadImage("https://image.ibb.co/kCx4vL/download-1.png");
spriteSheet[3] = loadImage("https://image.ibb.co/hS3gEf/download56.png");
fire = loadImage("https://image.ibb.co/iB6UJp/fireball-clipart-fiery-10.png");
audio1 = loadSound("https://saantonandre.github.io/sfx/player_buffed_shoot.wav");
audio2 = loadSound("https://saantonandre.github.io/sfx/player_damaged.wav");
}

function setup(){
createCanvas(windowWidth,windowHeight).position(0,0);
background(0);
 player = new Player();
 road = new Road();
 theme = new Background();
 audio.play();
 audio.setVolume(0.2);
 audio.loop();
 points = new Score()
 button = createButton("Next Level").class("btn btn-primary");
button.position(width/2-50,height-50);
button.mousePressed(difficult);
button.hide();

button1 = createButton("Restart").class("btn btn-primary");
button1.position(width/2-50,height-50);
button1.mousePressed(restart);
button1.hide();

button2 = createButton("Info").class("btn btn-primary");
button2.position(width-60,0);
button2.mouseClicked(info);
dx = 0.5;
}
function draw(){
 background(0);
 theme.show();
if(frameCount %250==0) {
  enemies.push(new Enemy())   
 }
 points.show()
  road.show();
  player.show();
  player.update();
   if(player.sx>player.sw*8){
         player.sx = 0;
       if(player.sy==64*19){
      player.sy = player.sw*11;
      arrow.push(new Arrow(player.x+player.w/2,player.y+player.h/2));
      audio1.play()
      
         }
     }
     for(var i =0;i<arrow.length;i++){
         arrow[i].show();
         arrow[i].update()
     }
     for(var i =0;i<enemies.length;i++){
         enemies[i].show();
         enemies[i].update();
     }
       for(var i =0;i<enemies.length;i++){
      if(enemies[i].x<-enemies[i].w){
          enemies.splice(i,1);
      }
      }
     for(var i =0;i<arrow.length;i++){
     if(arrow[i].x>width){
         arrow.splice(i,1);
     }
     }
    for(var i =0;i<arrow.length;i++){
    for(var j =0;j<enemies.length;j++){
   if(collision(arrow[i],enemies[j])){
       enemies.splice(j,1);
       //arrow.splice(i,1);
       audio2.play();
       //audio2.volume= 0.5;
       score++;
   }
   }  
    }
    if(score ==target){
        game_win();
   for(var i =0;i<arrow.length;i++){
 arrow.splice(i,1);
 }  
    }
for(var i =0;i<enemies.length;i++){
    if(collision(player,enemies[i])){
        game_over();
    }
}

}
function mouseClicked(){
if(mouseY<height-110){
   player.sy = 64*19;
   player.sx = 0;
   }
   
   
   
}

function mousePressed(){
if(mouseY>height-100){
  player.dy=-3;
 
  }  
 
}
function mouseReleased(){
    player.dy=1;
}
function Player(){
    this.x = 50;
    this.y = height-150;
    this.w = 50;
    this.h = 50;
    this.sx =  0;
    this.sy =  64*11;
    this.sw = 64;
    this.sh = 64;
    this.dy =0;
    this.r = floor(random(0,spriteSheet.length))
    this.img = spriteSheet[this.r];
    this.show = function(){
image(this.img,this.x,this.y,this.w,this.h,this.sx,this.sy,this.sw,this.sh);

    }
    this.update = function(){
    player.y+=this.dy;
     if(this.y>=height-150){
         this.y = height-150;
     }
     else if(this.y<height/2){
     this.y = height/2
     }
    if(frameCount%5==0){
     this.sx+=this.sw;
     }
     
     
    
     
 
    
    }
}
function Road(){
    this.x = 0;
    this.y = height-100;
    this.w = width;
    this.h = 100;
    this.show = function(){
    fill(0,50,250,50);
rect(this.x,this.y,this.w,this.h);
textAlign(CENTER);
textSize(20);
fill(250,0,0,100);
stroke(0)
text("Click Here To Jump",width/2,height-50);
    }
}
function Arrow(x,y){
    this.x = x;
    this.y = y;
    this.w = 50;
    this.h = 10;
    this.img = Arrow_img;
    this.show = function(){
image(this.img,this.x,this.y,this.w,this.h);
    }
    this.update = function(){
        this.x+=5;
    }
    
}
function Enemy(){
    this.x = width;
    this.y = random(height/2,height-150);
    this.w = 80;
    this.h = 80;
    this.sx = 0;
    this.sy = 64*6;
    this.sw = 64*2+20;
    this.sh = 64*2;
    this.dy= 0.5;
    this.r = floor(random(0,enemy.length));
    this.img = enemy[this.r]
    this.show = function(){
image(this.img,this.x,this.y,this.w,this.h,this.sx,this.sy,this.sw,this.sh);
    }
    this.update = function(){
        this.x-=dx;
        if(frameCount %10==0)
        this.sx+=this.sw;
        if(this.sx>this.sw*2){
            this.sx = 0;
        }
    }
}
function collision(a,b){
  return a.x < b.x + b.w/2 &&
         a.x + a.w/2 >b.x &&
         a.y < b.y + b.h &&
         a.y + a.h > b.y;
}
function Background(){
    this.x = -100;
    this.y = -20;
    this.w = width+100;
    this.h = height+20;
    this.img = Theme;
    this.show = function(){
    image(this.img,this.x,this.y,this.w,this.h);
    }
}
function Score(){
   this.x = width/2;
   this.y = 20;
   this.size = 20;
   this.show = function(){
    textAlign(CENTER);
    textSize(this.size);
    text("Score:"+score,this.x,this.y);
   }
}

function difficult(){
frameRate(255);
    score = 0;
  for(var j =0;j<enemies.length;j++){
  enemies.splice(j,3);
  }
  player = new Player() ;
  player.img = spriteSheet[player.r];
  target+=10;
  button.hide();
  dx+=2;
}
function game_win(){
  frameRate(0);
   fill(0);
   rect(0,0,width,height);
   textAlign(CENTER);
   textSize(30);
   fill("blue")
   text("You Win\nCongratulations",width/2,height/2);
   textSize(20);
   fill("red")
   text("Your Score:"+score,width/2,50);
    button.show();
}
function game_over(){
  frameRate(0);
   fill(0);
   rect(0,0,width,height);
   textAlign(CENTER);
   textSize(30);
   fill("blue")
   text("You Died",width/2,height/2);
   textSize(20);
   fill("red")
   text("Your Score:"+score,width/2,50);
    button1.show();
}
function restart(){
frameRate(255);
    score = 0;
  for(var j =0;j<enemies.length;j++){
  enemies.splice(j,3);
  }
  player = new Player();
  player.img = spriteSheet[player.r];
 target = 10;
 dx = 0.5;
 button1.hide()
}
/*
// https://image.ibb.co/e70vnq/sprite.png
// https://image.ibb.co/g17yH0/MSHWarofthe-Gems-hulk.gif
*/

function Fire(x,y){
    this.x = x;
    this.y = y;
    this.w = 50;
    this.h = 50;
    this.dx = 6;
    this.img = fire;
    this.show = function(){
image(this.img,this.x,this.y,this.w,this.h);
    }
    this.update = function(){
        this.x-=this.dx;
    }
}
function info(){
    alert(`To kill dragons you can shoot arrows by clicking on the screen.
You can dodge the dragons by jumping.`);
}

 

洋大人真是太聪明了，到底人家脑袋是长的，好使

谁能把代码看懂，就来告诉我，我发红包的，CDSN货币，转发给你

这篇关于谁给洋大人的代码做个解释，我就给谁发奖金的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

原文地址:
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.chinasem.cn/article/761289。

相关文章

IIS 7.0 及更高版本中的 FTP 状态代码

IIS 7.0 及更高版本中的 FTP 状态代码

《IIS7.0及更高版本中的FTP状态代码》本文介绍IIS7.0中的FTP状态代码,方便大家在使用iis中发现ftp的问题... 简介尝试使用 FTP 访问运行 Internet Information Services （IIS） 7.0 或更高版本的服务器上的内容时，IIS 将返回指示响应状态的数字代
阅读更多...
MySQL 添加索引5种方式示例详解(实用sql代码)

MySQL 添加索引5种方式示例详解(实用sql代码)

《MySQL添加索引5种方式示例详解(实用sql代码)》在MySQL数据库中添加索引可以帮助提高查询性能,尤其是在数据量大的表中,下面给大家分享MySQL添加索引5种方式示例详解(实用sql代码),... 在mysql数据库中添加索引可以帮助提高查询性能，尤其是在数据量大的表中。索引可以在创建表时定义，也可
阅读更多...
使用C#删除Excel表格中的重复行数据的代码详解

使用C#删除Excel表格中的重复行数据的代码详解

《使用C#删除Excel表格中的重复行数据的代码详解》重复行是指在Excel表格中完全相同的多行数据,删除这些重复行至关重要,因为它们不仅会干扰数据分析,还可能导致错误的决策和结论,所以本文给大家介绍... 目录简介使用工具C# 删除Excel工作表中的重复行语法工作原理实现代码C# 删除指定Excel单元
阅读更多...
Python实现一键PDF转Word(附完整代码及详细步骤)

Python实现一键PDF转Word(附完整代码及详细步骤)

《Python实现一键PDF转Word(附完整代码及详细步骤)》pdf2docx是一个基于Python的第三方库,专门用于将PDF文件转换为可编辑的Word文档,下面我们就来看看如何通过pdf2doc... 目录引言：为什么需要PDF转Word一、pdf2docx介绍1. pdf2docx 是什么2. by
阅读更多...
Spring Security介绍及配置实现代码

Spring Security介绍及配置实现代码

《SpringSecurity介绍及配置实现代码》SpringSecurity是一个功能强大的Java安全框架,它提供了全面的安全认证(Authentication)和授权(Authorizatio... 目录简介Spring Security配置配置实现代码简介Spring Security是一个功能强
阅读更多...
通过cmd获取网卡速率的代码

通过cmd获取网卡速率的代码

《通过cmd获取网卡速率的代码》今天从群里看到通过bat获取网卡速率两段代码,感觉还不错,学习bat的朋友可以参考一下... 1、本机有线网卡支持的最高速度：%v%@echo off & setlocal enabledelayedexpansionecho 代码开始echo 65001编码获取： >
阅读更多...
Java集成Onlyoffice的示例代码及场景分析

Java集成Onlyoffice的示例代码及场景分析

《Java集成Onlyoffice的示例代码及场景分析》：本文主要介绍Java集成Onlyoffice的示例代码及场景分析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 需求场景：实现文档的在线编辑，团队协作总结：两个接口 + 前端页面 + 配置项接口1：一个接口，将o
阅读更多...
SpringBoot实现Kafka动态反序列化的完整代码

SpringBoot实现Kafka动态反序列化的完整代码

《SpringBoot实现Kafka动态反序列化的完整代码》在分布式系统中,Kafka作为高吞吐量的消息队列,常常需要处理来自不同主题（Topic）的异构数据,不同的业务场景可能要求对同一消费者组内的... 目录引言一、问题背景1.1 动态反序列化的需求1.2 常见问题二、动态反序列化的核心方案2.1 ht
阅读更多...
IDEA实现回退提交的git代码(四种常见场景)

IDEA实现回退提交的git代码(四种常见场景)

《IDEA实现回退提交的git代码(四种常见场景)》：本文主要介绍IDEA实现回退提交的git代码(四种常见场景),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1.已提交commit,还未push到远端(Undo Commit)2.已提交commit并push到
阅读更多...
Kotlin Compose Button 实现长按监听并实现动画效果(完整代码)

Kotlin Compose Button 实现长按监听并实现动画效果(完整代码)

《KotlinComposeButton实现长按监听并实现动画效果(完整代码)》想要实现长按按钮开始录音,松开发送的功能,因此为了实现这些功能就需要自己写一个Button来解决问题,下面小编给大... 目录Button 实现原理1. Surface 的作用（关键）2. InteractionSource3.
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2