草庐IT

游戏背景

全部标签

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - iframe 背景图像在 Firefox 中显示正常但在 IE 中显示不正常

为什么IE在Iframe中不像firefox那样显示BG法师?我无法访问iframed页面。任何CSS或javascript解决方案 最佳答案 除了将CSS样式background-color:transparent;添加到iframe文档的body元素外,您还需要将allowtransparency属性添加到iframe元素在包含文档中。参见http://msdn.microsoft.com/en-us/library/ms533072(VS.85).aspx获取更多信息。如果您不能修改iframe的文档,那您就倒霉了。也许您可以

javascript - Javascript 编写的游戏的服务器端高分

我正在用Javascript实现一个简单的游戏,并且有兴趣为其创建一个在线高分表,以便玩家可以相互竞争。我对此有两个担忧:为此我需要的最简单的服务器端程序是什么?我不需要一个成熟的“网络应用程序”,只需要一些简单的东西来获取带有高分的POST请求、更新数据库并发回分数列表。我熟悉Django。你有什么建议?如何使高分表合理安全?我知道要让它对有能力和敬业的黑客无懈可击是很困难的,但我不希望任何有权访问Javascript源代码的人都能够过于简单地提交虚构的分数。是否有用于此目的的工具? 最佳答案 获得高分将非常困难。我的意思是,仅仅

javascript - React Native 上的背景图片和 ScrollView

我正在使用ReactNative构建一个应用程序,并希望获得一个背景图像和一个覆盖在背景图像之上的ScrollView,例如雅虎天气应用程序。但我无法让它工作。请帮忙。 最佳答案 要得到这个效果,你需要设置一个绝对定位的图片,然后在View上面放一个ScrollView:'usestrict';varReact=require('react-native');var{AppRegistry,StyleSheet,Text,View,Dimensions,ScrollView,Image}=React;letwidth=Dimensi

javascript - Phaser 是否能够进行大型多人游戏?

这里是新手。我正在使用Phaser,特别是等距插件。我想知道是否可以在Phaser中创建类似于agar.io的游戏,在处理实时多重连接方面,生成一张包含大约300名玩家的巨大map,所有这些都不会对游戏性能产生太大影响。我真的不知道如何处理多人游戏部分(可能是套接字,node.js)才能让它工作得很好。至于生成一个非常大的map,我也很空白。是否有可能在Phaser中创建一个等距类型的游戏来处理多个实时多人游戏和当用户到达可见“map”的边缘时生成的巨大map?如何?如果不是,我应该选择什么(js和其他应用程序中的游戏引擎)来实现我想要的? 最佳答案

javascript - 浏览器刷新时的随机全屏背景图片

我正在使用我在网上找到的这个脚本,以便在浏览器刷新时随机显示背景图像。CSSbody{background:no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}JS$(document).ready(function(){varimages=['images/001.jpg','images/002.jpg','images/003.jpg','images/004.jpg',

javascript - 来自 Angular 1 背景时在 Angular 2 中思考

假设我已经习惯使用Angular1开发客户端SPA,但现在我想更改为Angular2。在进行更改时要考虑哪些重要范例?以下是一些可能有助于确定答案的问题:与Angular1相比,Angular2在架构设计上的主要区别是什么?我应该停止/开始做什么? 最佳答案 架构设计的主要区别可能在于单向数据流和对组件的关注。如果您想要更轻松的过渡,请开始使用带有Typescript类的controllerAs作为您的Controller。开始学习RxJS的基础知识,Ng2就是建立在它之上的。 关于ja

javascript - 在纯 Javascript 中每次单击都会更改背景颜色

我正在尝试用Javascript制作一个按钮,单击该按钮会将背景颜色更改为随机颜色。我的代码在第一次点击时运行良好,但在后续点击时不起作用。在没有任何jquery的情况下,我该怎么做才能在纯javascript中修复此问题。谢谢!varbuton=document.getElementById("buton");varrandcol="";varallchar="0123456789ABCDEF";buton.addEventListener("click",myFun);functionmyFun(){for(vari=0;i 最佳答案

javascript - 解析 CSS 背景图像

如何解析CSSbackground-image,它支持多个值,可以是none和函数(例如url()和linear-gradient())有多个逗号分隔的参数?我似乎无法用正则表达式正确地做到这一点。一个好的测试用例如下:linear-gradient(topleft,red,rgba(255,0,0,0)),url(a),image(url(b.svg),'b.png'150dpi,'b.gif',rgba(0,0,255,0.5)),none我想将其转换为以下数组:["linear-gradient(topleft,red,rgba(255,0,0,0))","url(a)","im

javascript - 大背景图像导致滚动时滞后

我正在构建的网站有4个大背景图像,它们占据了用户浏览器的整个高度和宽度。它们作为CSS背景div实现。问题是,在较大的屏幕尺寸上滚动时,它非常滞后和不稳定。当用户按下按钮时,这些图像之间的滚动是通过JavaScript自动完成的,因此这是我网站核心功能的一部分,我必须找到一种方法来防止延迟。到目前为止,我已尝试通过JS预加载图像并将图像从PNG转换为JPEG(增加压缩并降低质量)服务器端。这些都不起作用。图像的最小高度可以是630像素。在各部分之间滚动时如何防止延迟?这是我的代码:CSS:body{height:100%;margin:0px;font-family:Helvetica