html - Android, IOS og Windows Phones 7 - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css javascript java

Bruger #16662 @ 25.03.12 18:46

Hej alle

Jeg har tænkt og tænkt i lang tid, men jeg synes ikke at kunne finde en løsning på mit problem, så jeg tænkte at jeg vil spørge jer

Mit spørgsmål lyder: Hvordan kan jeg lave EN "app" til både Android, IOS og Windows Phones 7. Ligesom Cut The Rope eller Angry Birds

10 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 16 karma

Sorter efter stemmer Sorter efter dato

Bruger #4487 @ 25.03.12 20:17

1.384

Du kan evt også kigge på phonegap

Bruger #15301 @ 25.03.12 19:09

732

ved at lave en mobil website, og benytte dig af html5. Evt. kig på appmobi. Hvis du så gerne vil have dine app til at føltes som native apps, med at de kan downloades igennem de forskellige markets. Så skal kan du lave en native app med et webview til din mobile website

Ellers, skriv i et sprog der kan kompiles til forskellige platforme, såsom c/c++. (Dette her er lidt mere avanceret, jeg ville foreslå at du benytter dig af html5, HVIS din app, har mulighedden for det)

Bruger #15301 @ 26.03.12 10:18

732

Du kan deploye, som en native app.. Men de funktionaliteter, der ligger tæt ved systemmet, kan ikke benyttes af af appmobi eller phonegap indtil, at disse ligger klar i appmobi eller phonegaps api. Så, hvis det er nogle banebrydende nye teknologier, du skal benytte dig af, så skal du benytte dig af native kode.

Bruger #16662 @ 26.03.12 08:35

Kan jeg lave det til en native app med appmobi & phonegap?

Bruger #4487 @ 26.03.12 09:16

1.384

Phonegap bygger vist på en javascript motor, men helt native bliver den vist ikke (uden at vide det). Tror at der skal en lidt mere erfaren person til at svare på dette spørgsmål

Bruger #16662 @ 26.03.12 14:03

Nu havde jeg jo tænkt mig at lave, fx et spil ligesom Cut the Rope & Where's my Water..

Hvordan har de lavet de spil?

Bruger #15301 @ 26.03.12 14:22

732

cut the rope benytter sig af html5:

HTML kode

 <!DOCTYPE html>
 
 <html>
 
 <head>
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 
 
 
     <title>Cut the Rope</title>
 
     <link rel="canonical" href="http://www.cuttherope.ie/" />
 
     <meta name="description" content="Play Cut the Rope! A mysterious package has arrived, and the little monster inside has only one request… CANDY!">
 
 
 
     <meta name="application-name" content="Cut the Rope" />
 
     <meta name="msapplication-tooltip" content="Play Cut the Rope! A mysterious package has arrived, and the little monster inside has only one request… CANDY!" />
 
     <meta name="msapplication-navbutton-color" content="#659729" />
 
     <meta name="msApplication-ID" content="App"/>
 
     <meta name="msApplication-PackageFamilyName" content="9163ZeptoLabpreview.CutTheRope_x0ff39yx4wbfj"/>
 
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 
 
 
     <meta property="og:title" content="Cut the Rope" />
 
     <meta property="og:type" content="game" />
 
     <meta property="og:url" content="http://www.cuttherope.ie/" />
 
     <meta property="og:image" content="http://www.cuttherope.ie/fb.png" />
 
     <meta property="og:site_name" content="Cut the Rope" />
 
     
 
     <link href="css/ctr.css?36" rel="stylesheet" type="text/css">
 
     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js" type="text/javascript"></script>
 
     <script src="scripts/sm2.js?36" type="text/javascript"></script>
 
     <script src="scripts/libraries.js?36" type="text/javascript"></script>
 
     <script type="text/javascript">
 
         var _gaq = _gaq || [];
 
         _gaq.push(['_setAccount', 'UA-28200064-1']);
 
         _gaq.push(['_setDomainName', 'cuttherope.ie']);
 
         _gaq.push(['_trackPageview']);
 
     </script>
 
     <script src="scripts/ctr.js?36" type="text/javascript"></script>
 
 
 
     <script type="text/javascript">
 
 
 
         // html5 audio is unreliable in many browsers so its only enabled by default on
 
         // IE9 or greater. You can force html5 audio by setting the querystring:
 
         // http://www.cuttherope.ie/?html5audio=true
 
         soundManager.useHTML5Audio = (isIE9OrGreater() || ZeptoLab.ctr.forceHTML5Audio);
 
         soundManager.preferFlash = !soundManager.useHTML5Audio;
 
 
 
         // initialize the game
 
         ZeptoLab.ctr.run();
 
 
 
         // google analytics
 
         (function () {
 
             var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
             ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
         })();
 
 
 
         // twitter
 
         window.twttr = (function (d,s,id) {
 
           var t, js, fjs = d.getElementsByTagName(s)[0];
 
           if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
 
           js.src="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
 
           return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
 
         }(document, "script", "twitter-wjs"));
 
         twttr.ready(function(twttr) { ZeptoLab.ctr.initTwitter(twttr); });
 
     </script>
 
 
 
     <noscript>
 
         <link href="css/nojavascript.css" rel="stylesheet" type="text/css">
 
     </noscript>
 
     <link href="//asset0.zendesk.com/external/zenbox/v2.4/zenbox.css" rel="stylesheet" type="text/css" media="screen, projection">
 
 </head>
 
 <body class="ctrCursor">
 
 
 
     <div id="fb-root"></div>
 
     <script>
 
         window.fbAsyncInit = function() { ZeptoLab.ctr.initFB(); };
 
         (function (d, s, id) {
 
             var js, fjs = d.getElementsByTagName(s)[0];
 
             if (d.getElementById(id)) return;
 
             js = d.createElement(s); js.id = id;
 
             js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 
             fjs.parentNode.insertBefore(js, fjs);
 
         } (document, 'script', 'facebook-jssdk'));
 
     </script>
 
 
 
     <style  type="text/css">
 
         .hideBeforeLoad, #loaderWindow, #popupWindow { display: none; }  
 
     </style>
 
 
 
     <div id="bg"></div>
 
     <div id="vignette-left"></div>
 
     <div id="vignette-right"></div>
 
     <div id="vignette-bottom"></div>
 
     <div id="umbrella"></div>
 
 
 
     <div id="moreLink" class="hideBeforeLoad" >
 
         <canvas id="moreCanvas"></canvas>
 
         <a href="/dev/" target="_blank"><img src="images/page/dev-front.png" /></a>
 
     </div>
 
 
 
     <div id="gameContainer" class="hideBeforeLoad" >
 
         <div id="gameShadow"></div>
 
         <div id="gameBorder"></div>
 
         <div id="gameArea">
 
             <canvas id="c"></canvas>
 
             <div id="loadingPanel" class="panel"></div>
 
 
 
             <div id="startBackground" class="panel"></div>
 
             <div id="menuBackground" class="panel"></div>
 
             <div id="levelBackground" class="panel">
 
                 <canvas id="levelCanvas"></canvas>
 
                 <div id="levelTape" class="levelTape"></div>
 
             </div>
 
 
 
             <div id="shadowPanel" class="panel">
 
                 <canvas id="shadowCanvas" width="1024" height="576"></canvas>
 
             </div>
 
             <div id="menuPanel" class="panel seethrough">
 
                 <div class="panelContent">
 
                     <div id="menuLogo" ></div>
 
                     <div id="menuBtnVbox" class="fBtnVBox">
 
                         <div id="playBtn" class="fBtn"><img src="" /></div>
 
                         <div id="optionsBtn" class="fBtn"><img src="" /></div>
 
                     </div>
 
                 </div>
 
                 <div id="miniOptionsMenu">
 
                     <div id="optionSd"></div>
 
                     <div id="optionHd"></div>
 
                     <div id="optionSound" class="ctrPointer"></div>
 
                     <div id="optionMsg"></div>
 
                 </div>
 
             </div>
 
 
 
             <div id="boxPanel" class="panel seethrough">
 
                 
 
                 <div id="boxScore"><img src="" /></div>
 
 
 
 
 
                 <div id="boxes">
 
                     <div id="box1" class="iconBtn boxOption" data-box="1">
 
                         <canvas id="box1canvas" class="iconBtn boxCanvas"></canvas>
 
                     </div>
 
                     <div id="box2" class="iconBtn boxOption" data-box="2">
 
                         <canvas id="box2canvas" class="iconBtn boxCanvas"></canvas>
 
                     </div>
 
                     <div id="box3" class="iconBtn boxOption" data-box="3">
 
                         <div id="pinnedBoxMsg" >
 
                             <img src="images/ui/ie9msg.png" class="useHD" />
 
                             <img src="images/ui-sd/ie9msg.png" class="useSD" />
 
                         </div>
 
                         <canvas id="box3canvas" class="iconBtn boxCanvas"></canvas>
 
                         <div id="iePrompt">
 
                             <div id="installieBtn" class="fBtn"><img src="" /></div>
 
                             <div id="iePromptMsg"></div>
 
                             <div id="installieText">
 
                                 By clicking "Free Download" you agree to the Internet Explorer <a href="http://go.microsoft.com/fwlink/?linkid=190256">software license terms</a>.<br /><a href="http://go.microsoft.com/fwlink/?linkid=208757">Privacy Statement</a> | <a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements">System Requirements</a>
 
                             </div>
 
                         </div>
 
                         <div id="pinPrompt">
 
                             <div id="showMeBtn" class="fBtn"><img src="" /></div>
 
                             <div id="pinPromptMsg"></div>
 
                             <div id="pinChair"></div>
 
                             <div id="pinChairShadow"></div>
 
                             <div id="pinTaskBar"></div>
 
                             <div id="pinOmNom">
 
                                 <img src="images/ui/pin-omnom.png" class="msPinSite useHD" />
 
                                 <img src="images/ui-sd/pin-omnom.png" class="msPinSite useSD" />
 
                                 <div id="pinCursor"></div>
 
                             </div>
 
                         </div>
 
                     </div>
 
                     <div id="box4" class="iconBtn boxOption" data-box="4"></div>
 
                 </div>
 
 
 
                 <div id="boxNavBack">
 
                     <div class="boxNavDisabled">
 
                     </div>
 
                 </div>
 
                 <div id="boxNavForward">
 
                     <div>
 
                     </div>
 
                 </div>
 
                 <div id="boxBack" class="bBtn">
 
                 </div>
 
             </div>
 
             <div id="levelPanel" class="panel">
 
                 <div id="levelScore">
 
                     <img src="" /></div>
 
                 <div id="levelBack" class="bBtn">
 
                 </div>
 
                 <div id="levelOptions">
 
                     <div id="option1" class="option open ctrPointer">
 
                         <div class="txt">
 
                             <img src="images/ui/txt_1.png" alt="" /></div>
 
                         <div class="stars0">
 
                     </div>
 
                     </div>
 
                     <div id="option2" class="option locked ctrPointer"></div>
 
                     <div id="option3" class="option locked ctrPointer"></div>
 
                     <div id="option4" class="option locked ctrPointer"></div>
 
                     <div id="option5" class="option locked ctrPointer"></div>
 
                     <div id="option6" class="option locked ctrPointer"></div>
 
                     <div id="option7" class="option locked ctrPointer"></div>
 
                     <div id="option8" class="option locked ctrPointer"></div>
 
                     <div id="option9" class="option locked ctrPointer"></div>
 
                 </div>
 
                 <div id="levelResults">
 
                     <div id="resultStatus"><img src="" /></div>
 
                     <div class="starCase">
 
                         <div id="resultStar1" class=""></div>
 
                         <div id="resultStar2" class=""></div>
 
                         <div id="resultStar3" class=""></div>
 
                     </div>
 
                     <div id="resultTicker">
 
                         <div id="resultTickerLabel"></div>
 
                         <div id="resultTickerValue"></div>
 
                         <div id="resultTickerMessage">Your Final Score</div>
 
                     </div>
 
                     <div class="line"></div>
 
                     <div id="resultScore"></div>
 
                     <div class="btnCase">
 
                         <div id="replayBtn" class="sBtn"><img src="" /></div>
 
                         <div id="lrMenuBtn" class="sBtn"><img src="" /></div>
 
                         <div id="nextBtn" class="sBtn"><img src="" /></div>
 
                     </div>
 
                     <div id="resultImproved"></div>
 
                 </div>
 
             </div>
 
 
 
             <div id="gameCompletePanel" class="panel">
 
                 <div id="finalScore"><img src="" /></div>
 
                 <div id="finalShareBtn" class="mBtn"><img src="" /><div id="ffb"></div></div>
 
                 <a href="http://www.zeptolab.com/ctr" id="finalFunBtn" class="lBtn" target="_blank"><img src="" /><div id="funOmNom"></div></a>
 
                 <div id="gameCompleteBack" class="bBtn"></div>
 
             </div>
 
 
 
             <div id="optionsPanel" class="panel">
 
                 <div class="fBtnVBox">
 
                     <div id="optionsTitle"><img src="" /></div>
 
                     <div id="soundBtn" class="fBtn"><img src="" /></div>
 
                     <div id="musicBtn" class="fBtn"><img src="" /></div>
 
                     <div id="cutBtn" class="fBtn"><img src="" /></div>
 
                     <div id="creditsBtn" class="fBtn"><img src="" /></div>
 
                     <div id="resetBtn" class="fBtn"><img src="" /></div>
 
                 </div>
 
                 <div id="optionsBack" class="bBtn"></div>
 
             </div>
 
             <div id="d" class="panel ctrPointer">
 
                 <img id="dmsg" />
 
                 <div id="dframe">
 
                     <div id="dpic"></div>
 
                 </div>
 
                 <div id="dshareBtn" class="fBtn"><img src="" /><div id="dfb"></div></div>
 
             </div>
 
             <div id="gameBtnTray">
 
                 <div id="gameMsg" class="allSound"></div>
 
                 <div id="gameSound" class="ctrPointer allSound"></div>
 
                 <div id="gameRestartBtn" class="ctrPointer"></div>
 
                 <div id="gameMenuBtn" class="ctrPointer"></div>
 
             </div>
 
             <div id="levelMenu">
 
                 <div class="fBtnVBox">
 
                     <div id="continueBtn" class="fBtn"><img src="" /></div>
 
                     <div id="skipBtn" class="fBtn"><img src="" /></div>
 
                     <div id="selectBtn" class="fBtn"><img src="" /></div>
 
                     <div id="menuBtn" class="fBtn"><img src="" /></div>
 
                 </div>
 
             </div>
 
 
 
             <div id="boxCutter">
 
             </div>
 
             <div id="tapeRoll">
 
             </div>
 
             <video id="vid" class="ctrPointer"></video>
 
             <div id="fadeToBlack" class="panel"></div>
 
         </div>
 
         <div id="ieLink"></div>
 
         <a href="http://www.zeptolab.com/ctr" id="ctrLink"></a>
 
         <canvas id="e"></canvas>
 
 
 
     </div>
 
     <div id="loaderWindow">
 
         <div id="loaderBubbles">
 
             <img id="loaderLogo" src="images/page/loader-logo.png" />
 
             <div id="loaderCanvasHost">
 
                 <canvas id="loaderCanvas"></canvas>
 
             </div>
 
         </div>
 
     </div>
 
 
 
     <div id="upgrade">
 
         <div id="upgrade-header"></div>
 
         <a id="upgrade-button" href="http://windows.microsoft.com/ie"></a>
 
         
 
     </div>
 
 
 
     <div id="popupWindow">
 
         <div class="popupOuterFrame">
 
             <div class="popupInnerFrame" id="slowComputer">
 
                 <div class="fBtn" id="slowComputerBtn"><img src="" /></div>
 
             </div>
 
             <div class="popupInnerFrame" id="resetGame">
 
                 <div class="mBtn" id="resetYesBtn"><img src="" /></div>
 
                 <div class="mBtn" id="resetNoBtn"><img src="" /></div>
 
             </div>
 
         </div>
 
     </div>
 
     <footer id="gameFooter">
 
         <div id="gameFooterContainer">
 
             <div id="gameFooterLinks" class="hideBeforeLoad">
 
                 <img class="zeptoLogo" src="images/page/zeptologo.png"  />
 
                 <a href="http://zeptolab.com" target="_blank">&copy; 2012 ZeptoLab</a>
 
                 <img class="dot" src="images/page/footerdot.png" />
 
                 <a href="terms.html" target="_blank">Terms &amp; Conditions</a>
 
                 <img class="dot" src="images/page/footerdot.png" />
 
                 <a href="privacy.html" target="_blank">Privacy</a>
 
                 <img class="dot" src="images/page/footerdot.png" />
 
                 <a href="faq.html" target="_blank">FAQ</a>
 
                 <img class="dot" src="images/page/footerdot.png" />
 
                 <a href="/dev/" target="_blank">Behind the Scenes</a>
 
             </div>
 
             <div id="gameFooterSocial">
 
                 <div class="fb-like" data-href="http://www.cuttherope.ie/" data-send="false" data-layout="button_count" data-width="0" data-show-faces="false" ref="footer"></div>
 
                 <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.cuttherope.ie/" data-text='HTML5-powered "Cut the Rope" comes to the web!' data-hashtags="html5" >Tweet</a>
 
             </div>
 
         </div>
 
 
 
     </footer>
 
     <!--
 
     <script type="text/javascript" src="//asset0.zendesk.com/external/zenbox/v2.4/zenbox.js"></script>
 
     <script type="text/javascript">
 
       if (typeof(Zenbox) !== "undefined") {
 
         Zenbox.init({
 
           dropboxID:   "20036416",
 
           url:         "https://zeptolab.zendesk.com",
 
           tabID:       "feedback",
 
           tabColor:    "black",
 
           tabPosition: "Left"
 
         });
 
       }
 
     </script>
 
     -->
 
 </body>
 
 </html>

Bruger #17017 @ 26.03.12 15:07

cut the rope benytter sig ikke af HTML/Javascript til de mobile platforms, der bliver der brugt "Native" sprog til vær platform.
deres Iphone version er der Ca. 15,000 linjer Object-C af kode uden libraries.

det er rigtigt der er lavet en version af cut the rope i HTML/JS men det er lavet til Desktop, og virker bestemt ikke ordenligt på en Mobil.

Bruger #16662 @ 26.03.12 19:47

Hvad vil i så foreslå jeg begynder at læse på?
Hvis det ikke skal være cross-platform, så skal det være iPhone jeg skal lave et spil, som Cut the Rope, Where's my Water & Angry Birds.

Bruger #17017 @ 27.03.12 08:46

Lige pt. er der fleste penge at hente på Iphone, men tro ikke det vil forsætte med at være sådan.

har på fornemmelsen at Android nok skal komme efter det.

Android, IOS og Windows Phones 7

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler