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

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。

相关文章

Java中调用数据库存储过程的示例代码

Java中调用数据库存储过程的示例代码

《Java中调用数据库存储过程的示例代码》本文介绍Java通过JDBC调用数据库存储过程的方法,涵盖参数类型、执行步骤及数据库差异,需注意异常处理与资源管理,以优化性能并实现复杂业务逻辑,感兴趣的朋友... 目录一、存储过程概述二、Java调用存储过程的基本javascript步骤三、Java调用存储过程示
阅读更多...
Visual Studio 2022 编译C++20代码的图文步骤

Visual Studio 2022 编译C++20代码的图文步骤

《VisualStudio2022编译C++20代码的图文步骤》在VisualStudio中启用C++20import功能,需设置语言标准为ISOC++20,开启扫描源查找模块依赖及实验性标... 默认创建Visual Studio桌面控制台项目代码包含C++20的import方法。右键项目的属性：
阅读更多...
MySQL数据库的内嵌函数和联合查询实例代码

MySQL数据库的内嵌函数和联合查询实例代码

《MySQL数据库的内嵌函数和联合查询实例代码》联合查询是一种将多个查询结果组合在一起的方法,通常使用UNION、UNIONALL、INTERSECT和EXCEPT关键字,下面：本文主要介绍MyS... 目录一.数据库的内嵌函数1.1聚合函数COUNT([DISTINCT] expr)SUM([DISTIN
阅读更多...
Java实现自定义table宽高的示例代码

Java实现自定义table宽高的示例代码

《Java实现自定义table宽高的示例代码》在桌面应用、管理系统乃至报表工具中,表格（JTable）作为最常用的数据展示组件,不仅承载对数据的增删改查,还需要配合布局与视觉需求,而JavaSwing... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码
阅读更多...
Go语言代码格式化的技巧分享

Go语言代码格式化的技巧分享

《Go语言代码格式化的技巧分享》在Go语言的开发过程中,代码格式化是一个看似细微却至关重要的环节,良好的代码格式化不仅能提升代码的可读性,还能促进团队协作,减少因代码风格差异引发的问题,Go在代码格式... 目录一、Go 语言代码格式化的重要性二、Go 语言代码格式化工具：gofmt 与 go fmt（一）
阅读更多...
HTML5实现的移动端购物车自动结算功能示例代码

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.
阅读更多...
基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码，该代码实现了图片的旋转（90度和180度）以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中，
阅读更多...
Python如何去除图片干扰代码示例

Python如何去除图片干扰代码示例

《Python如何去除图片干扰代码示例》图片降噪是一个广泛应用于图像处理的技术,可以提高图像质量和相关应用的效果,：本文主要介绍Python如何去除图片干扰的相关资料,文中通过代码介绍的非常详细,... 目录一、噪声去除1. 高斯噪声（像素值正态分布扰动）2. 椒盐噪声（随机黑白像素点）3. 复杂噪声（如伪
阅读更多...
Java Spring ApplicationEvent 代码示例解析

Java Spring ApplicationEvent 代码示例解析

《JavaSpringApplicationEvent代码示例解析》本文解析了Spring事件机制,涵盖核心概念（发布-订阅/观察者模式）、代码实现（事件定义、发布、监听）及高级应用（异步处理、... 目录一、Spring 事件机制核心概念1. 事件驱动架构模型2. 核心组件二、代码示例解析1. 事件定义
阅读更多...
Python实例题之pygame开发打飞机游戏实例代码

Python实例题之pygame开发打飞机游戏实例代码

《Python实例题之pygame开发打飞机游戏实例代码》对于python的学习者,能够写出一个飞机大战的程序代码,是不是感觉到非常的开心,：本文主要介绍Python实例题之pygame开发打飞机... 目录题目pygame-aircraft-game使用 Pygame 开发的打飞机游戏脚本代码解释初始化部
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2