【问题标题】:How to make randomly Spawned Images on Website如何在网站上制作随机生成的图像
【发布时间】:2017-01-12 23:38:04
【问题描述】:

我正在尝试将 konami 代码添加到我的网站。我有钥匙,一切都在那里工作,但我想要完成的是,当用户输入 konami 代码并按空格键时,屏幕上将随机生成一个土豆(或不同土豆)的图像。在此过程中,应禁用该网站,直到查看器刷新。

我一直在谷歌上搜索,但我不确定我描述的是否正确。有谁知道如何执行此操作以提供 jsfiddle 或指南。

我更喜欢在 Javascript 中执行此操作。

【问题讨论】:

  • 服务器上有图片吗?
  • 是的。我有图片。

标签: javascript html css


【解决方案1】:
        `   <script type="text/javascript">
if ( window.addEventListener ) {  
  var state = 0, konami = [38,38,40,40,37,39,37,39,66,65];  
  window.addEventListener("keydown", function(e) {  
    if ( e.keyCode == konami[state] ) state++;  
    else state = 0;  
    if ( state == 10 )  
      <!--window.location = "http://www.teroromighty.com/site";  //you can write your own code here-->

<!--Wild Potatoes-->

input=document.getElementById("in");
length=1;
input.onkeypress=function(){
//user pressed a key
if(input.value.split(" ").length==length){
length++;
//input has a space
//let the magic happen
//repeat endless
potato=document.createElement("img");
potato.src="potato.jpg";
potato.style.left=MATH.random(0,90)+"%";
potato.style.top=MATH.random(0,90)+"%";
potato.style.position="fixed";
potato.style.zIndex="100";
//add to body
 document.all.body.appendChild(potato);
}
}
    }, true);  
}  
</script>`

【讨论】:

  • 并添加:if(state==10){konami()}
  • 并在js里面使用//来注释
  • 这可能非常简单,但我仍然不明白。这是当前实施的站点。 teroromighty.com
  • (在移动设备上 -> 无法调试)错误控制台告诉您什么?
  • 说:参数列表后未捕获 SyntaxError: missing )
【解决方案2】:
fumction konami(){
document.onkeypress=function(){
//user pressed a key
//let the magic happen
potato=document.createElement("img");
potato.src="potato.jpg";
potato.style.left=Math.random()*90+"%";
potato.style.top=Math.random()*90+"%";
potato.style.position="fixed";
potato.style.zIndex="100";
//add to body
 document.all.body.appendChild(potato);
}
}

您说您已经实现了 konami 代码,所以只需执行以下操作:

konami();

开始土豆行动

【讨论】:

  • 为什么要无休止地添加土豆?这不会使浏览器崩溃,因为您的 while 循环永远不会结束。
  • 这个想法是在我的一个网站上制作一个复活节彩蛋。这是为了搞笑。每次你按空格键时都会出现一个土豆,我想如果这样做的人做得太多,可能会导致浏览器崩溃。
  • @user3353882:抱歉,已修改
  • @RUser98: 好吧,但是我的代码 + google + mozilla 开发者网络文档会帮助他
  • 对不起,我是个超级笨蛋。我不完全确定我做错了什么。这是代码。我已经在标题中了。我会把它放在一个答案中
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-04-14
  • 1970-01-01
  • 2012-02-11
  • 1970-01-01
  • 2015-12-09
  • 2010-09-24
  • 1970-01-01
相关资源
最近更新 更多