首页 \ 问答 \ 使用UNITY游戏引擎开发Android 2D游戏(Android 2D Game Development Using UNITY Game Engine)

使用UNITY游戏引擎开发Android 2D游戏(Android 2D Game Development Using UNITY Game Engine)

 需要一个小建议 
 

 我是Android开发的初学者，我已经开发了一些基本的应用程序，现在我已经得到了一个项目，在这个项目中，我必须让游戏完全像“ 色彩转换 ”游戏，大多数人都玩过这款游戏，它以1亿下载。 
 

 彩色开关 
 

 所以我的疑问是，因为这是一个二维游戏，我是否必须使用游戏引擎，如果游戏引擎必须使用哪一个更好， Unity或LIBGDX ？ 我很困惑选择，如果你给我链接一些教程，我会感激。 

need a small suggestion
 

i am a beginner in android development and i have developed some basic apps and now i have been given a project in which i have to make the game exactly like "Color Switch" game most of you have played this game, its famous with 100 million downloads.
 

Color Switch
 

So my doubt is that , since this is a 2-D game, do i have to use game engine or not, if game engine must be used which one is preferable, Unity or LIBGDX? i am confused to choose and also i would be thankful if you give me link to some tutorials.

原文：https://stackoverflow.com/questions/45521119
更新时间：2022-10-26 07:10

最满意答案

 这来自你的.layer { position: absolute; } .layer { position: absolute; } 。 
 

 当您使用绝对位置时，请记住始终在父级上设置相对位置，否则您将遇到很多问题。 
 

 在您的情况下，只需添加此CSS： 
 

.layers_group {
   position: relative;   
}

 

 例： 
 

 

 
 
 
  
$(function() {
    $(".live_resizable").resizable();
    $(".live_draggable").draggable();
});
 
  
.main {    
    position:absolute;
    right:25px;
    left: 25px;
    top: 25px;
    bottom: 25px; /*200*/
    overflow:auto;
    border:2px solid red;
}
.layers_group {
   position: relative;   
}
#stuff {
    width: 600px;
}
.layer {    
    background-color: green;
    width: 100px; 
    height: 100px; 
    top: 900px; 
    left: 900px;
    cursor:move;
}

/* Jquery to add hangles i think */
.ui-resizable { position: absolute;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block;  }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; background:url(images/corner.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
 
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link href="https://code.jquery.com/ui/1.8.18/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
<div class="main">
    <div id="stuff">
        <div class="layers_group aaasdasd">
            <div class="live_draggable live_resizable layer"></div>
        </div>
    </div>
</div> 
 
 
 

 


This come from your .layer { position: absolute; }.
 

When you're using an absolute position, remember to always set a relative position on a parent, or you'll have many issues.
 

In your case, just add this CSS :
 

.layers_group {
   position: relative;   
}

 

Example:
 

 

 
 
 
  
$(function() {
    $(".live_resizable").resizable();
    $(".live_draggable").draggable();
});
 
  
.main {    
    position:absolute;
    right:25px;
    left: 25px;
    top: 25px;
    bottom: 25px; /*200*/
    overflow:auto;
    border:2px solid red;
}
.layers_group {
   position: relative;   
}
#stuff {
    width: 600px;
}
.layer {    
    background-color: green;
    width: 100px; 
    height: 100px; 
    top: 900px; 
    left: 900px;
    cursor:move;
}

/* Jquery to add hangles i think */
.ui-resizable { position: absolute;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block;  }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; background:url(images/corner.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
 
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link href="https://code.jquery.com/ui/1.8.18/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
<div class="main">
    <div id="stuff">
        <div class="layers_group aaasdasd">
            <div class="live_draggable live_resizable layer"></div>
        </div>
    </div>
</div>

相关问答

更多

相关文章

更多
  • Phaser开源2d引擎 javascript/html5游戏框架
  • About Unity3D 4.1.2 (to continue…)
  • 3d引擎列表
  • [转]游戏引擎列表
  • 【转贴】游戏引擎大全
  • 【转贴】游戏引擎大全
  • [zt]游戏引擎概览
  • 幻世（OurDream）2D图形引擎易语言汉化版更新提示
  • 幻世（OurDream）2D图形引擎大更新——炫丽粒子特效强势回归！
  • 《Android游戏开发大全(附配套源码)》扫描版[PDF]

    • 最新问答

    更多
  • 如何使用自由职业者帐户登录我的php网站？(How can I login into my php website using freelancer account? [closed])
  • 如何打破按钮上的生命周期循环(How to break do-while loop on button)
  • C＃使用EF访问MVC上的部分类的自定义属性(C# access custom attributes of a partial class on MVC with EF)
  • 如何获得facebook app的publish_stream权限？(How to get publish_stream permissions for facebook app?)
  • 如何并排放置两个元件？(How to position two elements side by side?)
  • 在MySQL和/或多列中使用多个表用于Rails应用程序(Using multiple tables in MySQL and/or multiple columns for a Rails application)
  • 如何隐藏谷歌地图上的登录按钮？(How to hide the Sign in button from Google maps?)
  • Mysql左连接旋转90°表(Mysql Left join rotate 90° table)
  • 带有ImageMagick和许多图像的GIF动画(GIF animation with ImageMagick and many images)
  • 电脑高中毕业学习去哪里培训
  • 电脑系统专业就业状况如何啊？
  • IEnumerable linq表达式(IEnumerable linq expressions)
  • 如何在Spring测试中连接依赖关系(How to wire dependencies in Spring tests)
  • Solr可以在没有Lucene的情况下运行吗？(Can Solr run without Lucene?)
  • 如何保证Task在当前线程上同步运行？(How to guarantee that a Task runs synchronously on the current thread?)
  • 在保持每列的类的同时向数据框添加行(Adding row to data frame while maintaining the class of each column)
  • 的？(The ? marks in emacs/haskell and ghc mode)
  • 一个线程可以调用SuspendThread传递自己的线程ID吗？(Can a thread call SuspendThread passing its own thread ID?)
  • 延迟socket.io响应，并“警告 - websocket连接无效”(Delayed socket.io response, and “warn - websocket connection invalid”)
  • 悬停时的图像转换(Image transition on hover)
  • IIS 7.5仅显示homecontroller(IIS 7.5 only shows homecontroller)
  • 没有JavaScript的复选框“关闭”值(Checkbox 'off' value without JavaScript)
  • java分布式框架有哪些
  • Python：填写表单并点击按钮确认[关闭](Python: fill out a form and confirm with a button click [closed])
  • PHP将文件链接到根文件目录(PHP Linking Files to Root File Directory)
  • 我如何删除ListView中的项目？(How I can remove a item in my ListView?)
  • 您是否必须为TFS（云）中的每个BUG创建一个TASK以跟踪时间？(Do you have to create a TASK for every BUG in TFS (Cloud) to track time?)
  • typoscript TMENU ATagParams小写(typoscript TMENU ATagParams lowercase)
  • 武陟会计培训类的学校哪个好点？
  • 从链接中删除文本修饰(Remove text decoration from links)

    • Copyright ©2023 peixunduo.com All Rights Reserved.粤ICP备14003112号

    本站部分内容来源于互联网，仅供学习和参考使用，请莫用于商业用途。如有侵犯你的版权，请联系我们(neng862121861#163.com)，本站将尽快处理。谢谢合作！