草庐IT

sliding-tile-puzzle

全部标签

javascript - 读取 JSON Tiled map 编辑器文件并显示到 Canvas

我正在关注这个this能够在我的javascript/canvas游戏中加载由平铺map编辑器创建的jsonmap文件的教程。我已经实现了我自己的版本,并且在控制台或网络等中的firebug中没有出现任何错误。据我所知,通过放入console.logs和警报,脚本运行得非常好!问题是Canvas保持空白!当它现在应该有一个tilemap时。这是我在游戏中实现的教程版本:functionLevel(){varc;vardata;varlayers=[];this.get_map=function(name,ctx){c=ctx;$.getJSON('maps/'+name+'.json'

javascript - speaker deck slide 可以嵌入到 github 的 README 文件中吗?

我在speakerdeck中有一张演示幻灯片,我想将它嵌入到github存储库的README.md页面中。有可能吗?这是我从speakerdeck中嵌入的脚本README.md###IntroductionThisisaintroductionoftheapp...###Slide幻灯片没有出现在repo的README部分。 最佳答案 不,你不能也不应该,主要是出于安全原因。GitHub不允许执行外部脚本。检查这个答案:EmbedJavaScriptinGitHubREADME.md 关

javascript - 搜索延迟加载 jQuery 幻灯片或 : hacking cross-slide

我正在尝试获取jquery幻灯片来显示来自flickr、淡入淡出和滚动的图像。一切正常,除了我真的需要延迟加载图像(只需按需加载图像)。我目前正在使用jquery.cross-slide(http://tobia.github.com/CrossSlide/)但不幸的是tobia不再使用该插件并且也不想回答问题。我找到了一个jquery.cycle的示例,其中应用了图像延迟加载(请参阅http://malsup.com/jquery/cycle/add3.html)是否有可能将此功能破解到交叉幻灯片的源代码中,或者由于插入?在这里查看代码:https://github.com/tobi

javascript - Phaser.js : cannot read property '0' on tiled map layer

我在Meteor.js服务器上使用Paser.js。在我尝试按照描述使用平铺map之前,它工作得很好here.这是我的代码:JS:if(Meteor.isClient){Template.Game.onCreated(function(){vargame=newPhaser.Game(800,600,Phaser.AUTO,'',{preload:preload,create:create,update:update});varmap;varbackgroundLayer;varblockLayer;varbg;functionpreload(){//loadallgameassets

javascript - 脚本标签未在 JSP 页面中呈现(使用 Spring + Tiles + JSPX)

各位我遇到了一个奇怪的问题,包括jsp页面中的脚本标签。在我包含的三个脚本中,只有第一个脚本出现在最后一页。这是我定义布局的方式View定义如下:这是页面代码(registration.jspx)//MysteryShopping然后在名为register.jspx的jspx页面中覆盖boby属性,该页面包含带有openid-selector的表单。资源文件夹也已经映射当我访问此注册页面的url时,我看到以下代码(通过firebug检查元素时)MysteryShopping当我查看页面源代码(未格式化)时,我确实看到了原本不可见的脚本标签;但是它们“不会”像源代码View中的其他标签一

javascript - bx slider : how to disable slide show when only one image is present

我正在使用bxslider创建我的图像的幻灯片。图像正在动态更新。我的问题是杂耍淡入和淡出工作,即使只有一张图像存在。我怎样才能阻止它?bxslider选项是varcoverSlider=$('.bxslider').bxSlider({auto:true,minSlides:1,maxSlides:1,pager:false,speed:500,pause:3000,autoHover:true,mode:'fade',controls:false})我正在使用重新加载方法在添加或删除新图像时更新slidercoverSlider.reloadSlider();

javascript - 猫头鹰旋转木马 : Run function when last slide is reached

我正在尝试在到达轮播的最后一张幻灯片时运行一个函数。我已经设法使用afterInit和afterMove回调来循环轮播项目,但我只需要能够在循环结束时运行一个函数。希望你能帮到你。插件:http://owlgraphic.com/owlcarousel/#customizingslideshow.owlCarousel({navigation:false,//ShownextandprevbuttonsslideSpeed:300,paginationSpeed:400,singleItem:true,autoPlay:false,stopOnHover:false,afterInit

javascript - Ion slide box - 如何在 ion slide 中滑动全宽 iframe 视频

在我的页面上,我有一个用于图像的ion-slide-box。由于在我的应用程序中用户将能够嵌入视频,因此我还应该将带有视频的iframe添加到同一个slider。这就是我的代码现在的样子:这是我的html:1">这只适用于图像,但是当我有视频时,如果它们占据100%的宽度,我将无法滑动它们,这是我在我的css中设置的,如果它们的宽度小于该宽度,我只能滑动它们如果我只在iframe不占用slider空间的那部分滑动它们。由于我需要让iframe占用100%的宽度,我想知道如何让它工作? 最佳答案 你试过了吗ion-slides相反?i

javascript - D3 : zoom to bounding box with d3-tiles

我已经成功地将D3(矢量)map分层放置在从Mapbox中提取图block的d3-tile(光栅)map之上。手动缩放效果完美,矢量和光栅同步。我现在正在尝试实现MikeBostock'zoom-to-bounding-box'功能,应用程序可在用户单击时放大所需的国家/地区。我想我快到了,但现在似乎不匹配,可以这么说,map缩小到外太空。我在这个jsfiddle中重现了这个问题.我需要在“缩放”功能中进行哪些修改才能使map按预期正确缩放?我认为这就是问题所在:vector.selectAll("path").attr("transform","translate("+[transf

javascript - jQuery 同时切换 "slide"和 "fade"动画

jQuery有一个slideToggle和一个fadeToggle,但它们不能很好地协同工作(参见fiddlehere):$('div').on('click',function(){$('span').slideToggle({duration:'slow',queue:false}).fadeToggle({duration:'slow',queue:false});});如何让slide和fade同时切换? 最佳答案 按如下方式使用.animate():$('span').animate({height:"toggle",op