index.html 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <title>jMonkeyEngine | MacOS renting and development in the cloud</title>
  5. <meta name="viewport" content="width=device-width,minimum-scale=1">
  6. <meta name="description"
  7. content="jMonkeyEngine is a modern developer friendly game engine written primarily in Java. ">
  8. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  9. <link rel="stylesheet" href="/css/style.css">
  10. <meta name="twitter:card" content="summary"/>
  11. <meta name="twitter:title" content="MacOS renting and development in the cloud"/>
  12. <meta name="twitter:description" content="MacOS cloud renting has started to proliferate with the new Apple Silicon M1 chip and it turned out to be a pretty decent way to test graphical applications on MacOS without buying apple&rsquo;s pricey hardware or resorting to hackish ports and vms of questionable legality.
  13. I am reporting here the procedure to quickly get a MacOS M1 cloud service up and running for testing jmonkey applications without too much hassle."/>
  14. <meta property="og:title" content="MacOS renting and development in the cloud" />
  15. <meta property="og:description" content="MacOS cloud renting has started to proliferate with the new Apple Silicon M1 chip and it turned out to be a pretty decent way to test graphical applications on MacOS without buying apple&rsquo;s pricey hardware or resorting to hackish ports and vms of questionable legality.
  16. I am reporting here the procedure to quickly get a MacOS M1 cloud service up and running for testing jmonkey applications without too much hassle." />
  17. <meta property="og:type" content="article" />
  18. <meta property="og:url" content="https://jmonkeyengine.org/blog/macos-cloud-renting-and-developmentmacos-cloud-renting-and-development/" /><meta property="article:section" content="blog" />
  19. <meta property="article:published_time" content="2022-01-19T18:00:00+00:00" />
  20. <meta property="article:modified_time" content="2022-01-19T18:00:00+00:00" />
  21. <meta itemprop="name" content="MacOS renting and development in the cloud">
  22. <meta itemprop="description" content="MacOS cloud renting has started to proliferate with the new Apple Silicon M1 chip and it turned out to be a pretty decent way to test graphical applications on MacOS without buying apple&rsquo;s pricey hardware or resorting to hackish ports and vms of questionable legality.
  23. I am reporting here the procedure to quickly get a MacOS M1 cloud service up and running for testing jmonkey applications without too much hassle."><meta itemprop="datePublished" content="2022-01-19T18:00:00+00:00" />
  24. <meta itemprop="dateModified" content="2022-01-19T18:00:00+00:00" />
  25. <meta itemprop="wordCount" content="892">
  26. <meta itemprop="keywords" content="tutorials,blog,misc," />
  27. <script src="/js/old-browser.js"></script>
  28. <link rel="stylesheet" href="/css/old-browser.css">
  29. <script src="/highlight/highlight.pack.js"></script>
  30. <script
  31. src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
  32. <link rel="stylesheet" href="/highlight/styles/railscasts.css">
  33. <script type="text/javascript">
  34. hljs.initHighlightingOnLoad();
  35. hljs.initLineNumbersOnLoad();
  36. </script>
  37. <script src="/js/utils.js"></script>
  38. <script src="/js/showcase.js"></script>
  39. <script type="module" src="/js/Main.js"></script>
  40. <script src="https://cdnjs.cloudflare.com/ajax/libs/later/1.2.0/later.min.js" integrity="sha512-4OyNDMl5KLKjS8F1ImVwUvmthM8HkXbR6vMafCmT5zBTd9I/sA3z3zM0JLBosHW6/3K2jq2RoBo/eTUNS2hOGA==" crossorigin="anonymous"></script>
  41. <script src="/js/maintenance/maintenance.js"></script>
  42. <link rel="stylesheet" href="/js/maintenance/maintenance.css">
  43. <script src="/js/christmas/Christmas.js"></script>
  44. <script>
  45. Christmas.init(
  46. "https://jmonkeyengine.org/js/christmas/",
  47. ["figure.githubUser img", 'img.avatar', "#showcase button"],
  48. [
  49. {
  50. type: "attribute",
  51. value: "src",
  52. transform:function(src){
  53. if(src.startsWith("/user_avatar/hub.jmonkeyengine.org/")) {
  54. return src.substring("/user_avatar/hub.jmonkeyengine.org/".length).split("/")[0];
  55. }
  56. return src;
  57. }
  58. },
  59. {
  60. type: "attribute",
  61. value: "title"
  62. },
  63. {
  64. type: "text"
  65. }
  66. ],
  67. ["header img.avatar"]
  68. );
  69. </script>
  70. </head>
  71. <body>
  72. <header> <nav class="responsiveWidth " id="topmenu">
  73. <div class="expandable">
  74. <a href="https://jmonkeyengine.org/" alt-href="https://jmonkeyengine.org/tags,https://jmonkeyengine.org/authors,https://jmonkeyengine.org/devlog,https://jmonkeyengine.org/blog,,https://jmonkeyengine.org/communitylog">
  75. <button class="genericCl responsiveIcon expandable ">
  76. <i class="fas fa-home"></i> <span>Home</span>
  77. </button>
  78. </a>
  79. <a href="https://jmonkeyengine.org/tags/showcase" alt-href="https://jmonkeyengine.org/showcase">
  80. <button class="genericCl responsiveIcon expandable ">
  81. <i class="fas fa-images"></i> <span>Showcase</span>
  82. </button>
  83. </a>
  84. <a href="https://hub.jmonkeyengine.org">
  85. <button class="genericCl responsiveIcon expandable ">
  86. <i class="fab fa-discourse"></i> <span>Discussions</span>
  87. </button>
  88. </a>
  89. <a href="https://library.jmonkeyengine.org" >
  90. <button class="genericCl responsiveIcon expandable ">
  91. <i class="fas fa-puzzle-piece"></i> <span>Library</span>
  92. </button>
  93. </a>
  94. <a href="https://jmonkeyengine.org/docs">
  95. <button class="genericCl responsiveIcon expandable ">
  96. <i class="fas fa-book"></i> <span>Docs</span>
  97. </button>
  98. </a>
  99. <a href="https://jmonkeyengine.org/license">
  100. <button class="genericCl responsiveIcon expandable toggleable toggledOffPortrait">
  101. <i class="fas fa-balance-scale-right"></i> <span>License</span>
  102. </button>
  103. </a>
  104. </div>
  105. <div class="toggleable toggledOffPortrait expandable">
  106. <a href="https://github.com/jMonkeyEngine/jmonkeyengine" rel='noopener noreferrer' target="_blank">
  107. <button class="icon toggleable toggledOffPortrait codeCl expandable " title="Github">
  108. <i class="fab fa-github-square"></i> <span>Github</span>
  109. </button>
  110. </a>
  111. <a href="https://twitter.com/jmonkeyengine" rel='noopener noreferrer' target="_blank">
  112. <button class="icon twitterCl toggleable toggledOffPortrait expandable " title="Follow on Twitter">
  113. <i class="fab fa-twitter"></i> <span>Twitter</span>
  114. </button>
  115. </a>
  116. <a href="https://www.youtube.com/channel/UC-Fs3R5Q6wW_XYspOXGZgPw" rel='noopener noreferrer'
  117. target="_blank">
  118. <button class="icon youtubeCl toggleable toggledOffPortrait expandable " title="Follow on Youtube">
  119. <i class="fab fa-youtube"></i> <span>Youtube</span>
  120. </button>
  121. </a>
  122. <a href="https://discord.gg/Rv8sfVu" rel='noopener noreferrer' target="_blank">
  123. <button class="icon discordCl toggleable toggledOffPortrait expandable " title="Discord">
  124. <i class="fab fa-discord"></i> <span>Discord</span>
  125. </button>
  126. </a>
  127. <a href="https://jmonkeyengine.org/donate" >
  128. <button class="icon donateCl toggleable toggledOffPortrait expandable " title="Donate">
  129. <i class="fas fa-donate"></i> <span>Donate!</span>
  130. </button>
  131. </a>
  132. </div>
  133. </nav>
  134. <script>
  135. !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.stringSimilarity=e():t.stringSimilarity=e()}(self,(function(){return t={138:t=>{function e(t,e){if((t=t.replace(/\s+/g,""))===(e=e.replace(/\s+/g,"")))return 1;if(t.length<2||e.length<2)return 0;let r=new Map;for(let e=0;e<t.length-1;e++){const n=t.substring(e,e+2),o=r.has(n)?r.get(n)+1:1;r.set(n,o)}let n=0;for(let t=0;t<e.length-1;t++){const o=e.substring(t,t+2),s=r.has(o)?r.get(o):0;s>0&&(r.set(o,s-1),n++)}return 2*n/(t.length+e.length-2)}t.exports={compareTwoStrings:e,findBestMatch:function(t,r){if(!function(t,e){return"string"==typeof t&&!!Array.isArray(e)&&!!e.length&&!e.find((function(t){return"string"!=typeof t}))}(t,r))throw new Error("Bad arguments: First argument should be a string, second should be an array of strings");const n=[];let o=0;for(let s=0;s<r.length;s++){const i=r[s],f=e(t,i);n.push({target:i,rating:f}),f>n[o].rating&&(o=s)}return{ratings:n,bestMatch:n[o],bestMatchIndex:o}}}}},e={},function r(n){if(e[n])return e[n].exports;var o=e[n]={exports:{}};return t[n](o,o.exports,r),o.exports}(138);var t,e}));
  136. window.initJmeMenu=function () {
  137. const selectionClass= window.selectedTopMenuClass || "highlightedCl";
  138. const topmenu = document.querySelector('#topmenu');
  139. if (window.location.href.startsWith("http://localhost:1313")) {
  140. for (const a of topmenu.querySelectorAll("a")) {
  141. a.href = a.href.replace("https://jmonkeyengine.org", "http://localhost:1313");
  142. }
  143. }
  144. const likelyScore=[];
  145. for (const a of topmenu.querySelectorAll("a")) {
  146. const pageUrl=window.location.href.endsWith("/")?window.location.href.substring(0,window.location.href.length-1):window.location.href;
  147. const process = (linkUrls) => {
  148. if(!linkUrls)return;
  149. for(let linkUrl of linkUrls){
  150. if (linkUrl != null) {
  151. if (window.location.href.startsWith("http://localhost:1313")) {
  152. linkUrl = linkUrl.replace("https://jmonkeyengine.org", "http://localhost:1313");
  153. }
  154. if (linkUrl.endsWith("/")) {
  155. linkUrl = linkUrl.substring(0, linkUrl.length - 1);
  156. }
  157. const score = stringSimilarity.compareTwoStrings(linkUrl, pageUrl);
  158. likelyScore.push(
  159. {
  160. score: score,
  161. el: a.querySelector("button")
  162. }
  163. );
  164. }
  165. }
  166. }
  167. process([a.href]);
  168. process(a.getAttribute("alt-href")?a.getAttribute("alt-href").split(","):undefined);
  169. }
  170. likelyScore.sort((a, b) => b.score - a.score);
  171. likelyScore.forEach(el=>el.el.classList.remove(selectionClass));
  172. likelyScore[0].el.classList.add(selectionClass);
  173. };
  174. document.addEventListener('DOMContentLoaded', function(){
  175. window.initJmeMenu();
  176. });
  177. </script>
  178. <div id="siteTitle" class="list hlist responsiveWidth">
  179. <div id="logo">
  180. <a href="/">
  181. <img src="/images/jme-logo.png" />
  182. </a>
  183. <i class="toggleNavOnPortraitButton fas fa-bars" toggle="topmenu"></i>
  184. </div>
  185. <div id="contributionsBanner">
  186. <div> <i class="fas fa-donate"></i>
  187. Backed by:
  188. <a rel='noopener nofollow noreferrer' target="_blank" id="backerName">The Community</a>
  189. <a rel='noopener nofollow noreferrer' target="_blank"
  190. href="https://opencollective.com/jmonkeyengine#section-contributors"> and more...</a>
  191. </div>
  192. <div>
  193. <i class="fab fa-github-alt"></i>
  194. Contributed by:
  195. <a rel='noopener nofollow noreferrer' target="_blank" id="contributorName">The Community</a>
  196. <a rel='noopener nofollow noreferrer' target="_blank"
  197. href="https://github.com/jMonkeyEngine/jmonkeyengine/graphs/contributors">and more...</a>
  198. </div>
  199. </div>
  200. </div>
  201. </header>
  202. <main>
  203. <section id="showcase" mode="banner">
  204. <i id="playButton" class=" fas fa-play"></i>
  205. <div class="showcaseElement" style='display: block '>
  206. <div class="cover blur" style ="background-image: url('/images/showcase/mythruna/12.jpg'); " ></div>
  207. <div class="cover" style ="background-image: url('/images/showcase/mythruna/12.jpg'); " ></div>
  208. </div>
  209. <div class="showcaseElement" style='display: none '>
  210. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/14.jpg'); " ></div>
  211. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/14.jpg'); " ></div>
  212. </div>
  213. <div class="showcaseElement" style='display: none '>
  214. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/4.jpg'); " ></div>
  215. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/4.jpg'); " ></div>
  216. </div>
  217. <div class="showcaseElement" style='display: none '>
  218. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/1.jpg'); " ></div>
  219. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/1.jpg'); " ></div>
  220. </div>
  221. <div class="showcaseElement" style='display: none '>
  222. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/2.png'); " ></div>
  223. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/2.png'); " ></div>
  224. </div>
  225. <div class="showcaseElement" style='display: none '>
  226. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/7.jpg'); " ></div>
  227. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/7.jpg'); " ></div>
  228. </div>
  229. <div class="showcaseElement" style='display: none '>
  230. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/8.jpg'); " ></div>
  231. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/8.jpg'); " ></div>
  232. </div>
  233. <div class="showcaseElement" style='display: none '>
  234. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/18.png'); " ></div>
  235. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/18.png'); " ></div>
  236. </div>
  237. <div class="showcaseElement" style='display: none '>
  238. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/6.jpg'); " ></div>
  239. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/6.jpg'); " ></div>
  240. </div>
  241. <div class="showcaseElement" style='display: none '>
  242. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/5.jpg'); " ></div>
  243. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/5.jpg'); " ></div>
  244. </div>
  245. <div class="showcaseElement" style='display: none '>
  246. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/11.jpg'); " ></div>
  247. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/11.jpg'); " ></div>
  248. </div>
  249. <div class="showcaseElement" style='display: none '>
  250. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/13.jpg'); " ></div>
  251. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/13.jpg'); " ></div>
  252. </div>
  253. <div class="showcaseElement" style='display: none '>
  254. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/3.png'); " ></div>
  255. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/3.png'); " ></div>
  256. </div>
  257. <div class="showcaseElement" style='display: none '>
  258. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/19.png'); " ></div>
  259. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/19.png'); " ></div>
  260. </div>
  261. <div class="showcaseElement" style='display: none '>
  262. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/16.jpg'); " ></div>
  263. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/16.jpg'); " ></div>
  264. </div>
  265. <div class="showcaseElement" style='display: none '>
  266. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/10.jpg'); " ></div>
  267. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/10.jpg'); " ></div>
  268. </div>
  269. <div class="showcaseElement" style='display: none '>
  270. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/9.jpg'); " ></div>
  271. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/9.jpg'); " ></div>
  272. </div>
  273. <div class="showcaseElement" style='display: none '>
  274. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/15.jpg'); " ></div>
  275. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/15.jpg'); " ></div>
  276. </div>
  277. <div class="showcaseElement" style='display: none '>
  278. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/20.png'); " ></div>
  279. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/20.png'); " ></div>
  280. </div>
  281. <div class="showcaseElement" style='display: none '>
  282. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/17.jpg'); " ></div>
  283. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/mythruna/17.jpg'); " ></div>
  284. </div>
  285. <div class="responsiveWidth" id="engineDescription">
  286. jMonkeyEngine is a modern developer friendly game engine written primarily in Java.
  287. <br />
  288. Its minimalistic and code first approach makes it perfect for developers who want the support of a game engine
  289. while retaining full control over their code with the ability to extend and adapt the engine to their workflow.
  290. <br />
  291. <br />
  292. <br />
  293. <a href="/start/"><button id="startbtn" class="highlightedCl" ><i class="fas fa-rocket"></i> Get Started </button></a>
  294. <a href="/#features" title="overview"><button id="startbtn" class="highlightedCl"><i class="fas fa-question-circle" style="padding:0"></i></button></a>
  295. <br />
  296. <br />
  297. </div>
  298. <div class="responsiveWidth" >
  299. <div id="gameDescription" >
  300. <h2><i class="far fa-images" ></i> Mythruna powered by jMonkeyEngine</h2>
  301. Mythruna (myth + rune + a) is a game under development attempting to combine serious role playing elements with an endless, living, and completely modifiable randomly generated sandbox world. When …
  302. <br />
  303. <a class="readMore" href="/showcase/mythruna/#showcase">See game page </a>
  304. </div>
  305. </div>
  306. </section>
  307. <br/>
  308. <section class="message list vlist">
  309. <div>
  310. <blockquote class="list vlist responsive">
  311. <span id="backerMessage">-</span>
  312. <i><a rel='noopener nofollow noreferrer' target="_blank" id="backerMessageName">-</a> </i>
  313. </blockquote>
  314. <a href="https://opencollective.com/jmonkeyengine">Become a
  315. backer and leave a message...</a>
  316. </div>
  317. </section>
  318. <br/>
  319. <a id="content"></a>
  320. <section class="full responsiveWidth">
  321. <article>
  322. <h1 >
  323. <i class="fas fa-paragraph useless"></i>
  324. <a href="/blog/macos-cloud-renting-and-developmentmacos-cloud-renting-and-development/">MacOS renting and development in the cloud</a></h1>
  325. <div class="content">
  326. <span>
  327. <p><img src="https://user-images.githubusercontent.com/4943530/150141802-2e082357-7422-4405-b066-88947bf28642.png" alt="Screenshot_20220119_143808"></p>
  328. <p>MacOS cloud renting has started to proliferate with the new Apple Silicon M1 chip and it turned out to be a pretty decent way to test graphical applications on MacOS without buying apple&rsquo;s pricey hardware or resorting to hackish ports and vms of questionable legality.</p>
  329. <p>I am reporting here the procedure to quickly get a MacOS M1 cloud service up and running for testing jmonkey applications without too much hassle.</p>
  330. <p>This guide focus on Apple Silicon M1 instances, but can be replicated on x86_64</p>
  331. <h3 id="1-finding-the-right-cloud-provider">1. Finding the right cloud provider</h3>
  332. <p>Firstly you are going to need to find a place where you can rent your cloud server.<br>
  333. We are going to need ssh, root and vnc access.<br>
  334. I&rsquo;ve been using <a href="https://www.scaleway.com/en/hello-m1/">https://www.scaleway.com/en/hello-m1/</a> with success. It is located in Paris, so people outside europe might want to find a local provider that has lower latency.</p>
  335. <h3 id="2-install-nomachine-client">2. Install NoMachine Client</h3>
  336. <p>These instances usually come with VNC enabled by default. However I&rsquo;ve found VNC performances to be pretty bad, especially for realtime applications, so we are going to replace it with a much better alternative called <a href="https://nomachine.com">NoMachine</a> that has nearly-local performances (tested on a 100Mb connection) and sound support.</p>
  337. <p>So for start you are going to need to install the client (that we will use later) in your local machine, you can use one of the following links:</p>
  338. <ul>
  339. <li><a href="https://www.nomachine.com/download">NoMachine (community edition)</a> : Client+Server single app</li>
  340. <li><a href="https://www.nomachine.com/product&amp;p=NoMachine%20Enterprise%20Client">NoMachine Enterprise Client</a>: Client only</li>
  341. </ul>
  342. <h3 id="3-spawn-an-instance-and-get-access-credentials">3. Spawn an instance and get access credentials</h3>
  343. <p>Now we can start with the server: spawn a new instance on the provider you&rsquo;ve found before and then collect the following access infos:</p>
  344. <ul>
  345. <li>instance ip</li>
  346. <li>username</li>
  347. <li>password</li>
  348. </ul>
  349. <p>If you rented from Scaleway, you can get all those infos from the instance dashboard that should look something like this<br>
  350. <img src="https://user-images.githubusercontent.com/4943530/150140692-afa252df-0214-4d1d-abe8-bdc36cc38468.png" alt="image"></p>
  351. <p>Note: VNCPassword is also the user account password and the ssh user <strong>m1</strong> is also the user account name</p>
  352. <h3 id="4-ssh-into-the-newly-created-instance">4. Ssh into the newly created instance</h3>
  353. <p>If you are on linux chances are that you have already an ssh client installed, so you can just call<br>
  354. <code>ssh [email protected]</code><br>
  355. from the command line.<br>
  356. On windows you can use something like PuTTY, if you have never done that before you can follow this guide: <a href="https://tomjorge.me/how-do-i-connect-to-my-scaleway-cloud-instance-via-windows/">https://tomjorge.me/how-do-i-connect-to-my-scaleway-cloud-instance-via-windows/</a> (it&rsquo;s the same for other providers).</p>
  357. <h3 id="5-install-the-required-software-on-the-server-instance">5. Install the required software on the server instance</h3>
  358. <p>To have a working jme dev environment we are going to need the following software:</p>
  359. <ul>
  360. <li><strong>Homebrew Package Manager</strong> : It will make software installation easier</li>
  361. <li><strong>Java11</strong>: Java &lt;= 8 has issues on mac</li>
  362. <li><strong>Visual Studio Code with java extensions</strong>: lightweight editor (this is my editor of choice, but you can use your favorite one)</li>
  363. <li><strong>NoMachine</strong>: Remote access server</li>
  364. </ul>
  365. <p>The following script does all that for you.</p>
  366. <ul>
  367. <li><em>Note</em>: you will be asked to input the password you got in point 3</li>
  368. <li><em>Note2</em>: There is an issue with audio driver installation in MacOS 12 and NoMachine 7.7.4, the script applies a workaround, if your instance doesn&rsquo;t have the affected software you can disable the workaround by commenting the <code>IS_MACOS12=&quot;1&quot;</code> line.</li>
  369. <li><em>Note3</em>: if your instance is x86_64: comment the Apple Silicon JAVA_URL and uncomment the x86_64 url</li>
  370. </ul>
  371. <pre><code class="language-bash">IS_MACOS12=&quot;1&quot;
  372. NO_MACHINE_URL=&quot;https://download.nomachine.com/download/7.7/MacOSX/nomachine_7.7.4_1.dmg&quot;
  373. #For Apple Silicon M1
  374. JAVA_URL=&quot;https://cdn.azul.com/zulu/bin/zulu11.54.23-ca-jdk11.0.14-macosx_aarch64.dmg&quot;
  375. # For x86 64 bit
  376. #JAVA_URL=&quot;https://cdn.azul.com/zulu/bin/zulu11.54.23-ca-jdk11.0.14-macosx_x64.dmg&quot;
  377. # Download no machine
  378. cd /tmp
  379. curl &quot;$NO_MACHINE_URL&quot; -o nomachine.dmg
  380. # Install
  381. hdiutil mount nomachine.dmg
  382. cd /Volumes/NoMachine
  383. sudo installer -pkg NoMachine.pkg -target /
  384. cd /tmp
  385. # Download and install homebrew packet manager
  386. /bin/bash -c &quot;$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)&quot;
  387. echo 'eval &quot;$(/opt/homebrew/bin/brew shellenv)&quot;' &gt;&gt; $HOME/.zprofile
  388. eval &quot;$(/opt/homebrew/bin/brew shellenv)&quot;
  389. # Install OpenJDK11
  390. cd /tmp
  391. curl &quot;$JAVA_URL&quot; -o java.dmg
  392. hdiutil mount java.dmg
  393. cd /Volumes/Azul\ Zulu\ JDK*
  394. sudo installer -pkg *Zulu*.pkg -target /
  395. # Install Visual Studio Code
  396. brew install --cask visual-studio-code
  397. # Workaround for audio not working in MacOS 12 (https://knowledgebase.nomachine.com/TR12S10423)
  398. if [ &quot;$IS_MACOS12&quot; = &quot;1&quot; ];
  399. then
  400. sudo rm -rf /Library/Extensions/nxaudio.kext /Library/Audio/Plug-Ins/HAL/NMAudio.driver /Library/Audio/Plug-Ins/HAL/NMAudioMic.driver
  401. sudo mkdir -p /Library/Audio/Plug-Ins/HAL/
  402. sudo cp -a /Applications/NoMachine.app/Contents/Frameworks/bin/drivers/NMAudio.driver /Library/Audio/Plug-Ins/HAL/NMAudio.driver
  403. sudo cp -a /Applications/NoMachine.app/Contents/Frameworks/bin/drivers/NMAudioMic.driver /Library/Audio/Plug-Ins/HAL/NMAudioMic.driver
  404. sudo chmod -R 755 /Library/Audio/Plug-Ins/HAL/NMAudio*
  405. sudo chown -R &quot;root:wheel&quot; /Library/Audio/Plug-Ins/HAL/NMAudio*
  406. sudo launchctl stop com.apple.audio.coreaudiod
  407. sudo launchctl start com.apple.audio.coreaudiod
  408. fi
  409. # Restart everything
  410. sudo reboot
  411. </code></pre>
  412. <h3 id="6-grant-the-permissions">6. Grant the permissions</h3>
  413. <p>Now we need to grant the required permissions to NoMachine Server (nxnode).<br>
  414. This is the most annoying part, since it cannot be done from the command line but it has to be done manually from the UI with VNC.</p>
  415. <p>So, log into your instance with VNC. If you are familiar with VNC, you&rsquo;ll know what to do, if not, this is the relevant tutorial <a href="https://www.scaleway.com/en/docs/compute/apple-silicon/how-to/connect-to-mac-mini-m1/"> How to connect to a Mac mini M1 | Scaleway</a> .<br>
  416. For convenience here a list of VNC clients:</p>
  417. <ul>
  418. <li><a href="https://www.tightvnc.com/">TightVNC</a>: Windows/Linux</li>
  419. <li><a href="https://apps.kde.org/krdc/">KRDC</a>: Linux+kde (this is the client i&rsquo;ve been using while writing this guide)</li>
  420. <li><a href="https://remmina.org/">Remmina</a>: Linux</li>
  421. <li><a href="https://www.realvnc.com">RealVNC</a> : Windows/Linux</li>
  422. </ul>
  423. <p>Once you are logged into MacOS, you need to go in Menu -&gt; System preferences</p>
  424. <p><img src="https://user-images.githubusercontent.com/4943530/150140737-290aca3d-fcc1-4137-aa0a-16af3f428bb7.png" alt="image"></p>
  425. <p>From there you need to go in <strong>Security &amp; Privacy</strong> -&gt; <strong>Privacy</strong><br>
  426. Click the lock icon and input the password.</p>
  427. <p><img src="https://user-images.githubusercontent.com/4943530/150140767-3c6c9d41-f059-4306-b04d-049094add5e1.png" alt="image"></p>
  428. <p>Now you need to enable the following permissions:</p>
  429. <ul>
  430. <li>Accessibility</li>
  431. <li>Full Disk Access</li>
  432. <li>Microphone</li>
  433. <li>Screen Recording</li>
  434. </ul>
  435. <p><em>Note: Some permissions might not be recorded immediately, you might need to attempt to connect with NoMachine client once before they appear in Security&amp;Privacy.</em></p>
  436. <p>See images below:</p>
  437. <p><img src="https://user-images.githubusercontent.com/4943530/150140816-6032181f-b304-4838-b720-347abdf6ebb6.png" alt="image"></p>
  438. <p><img src="https://user-images.githubusercontent.com/4943530/150140847-6ada472c-e0cb-4dfb-84b1-09d7c1e8aedb.png" alt="image"></p>
  439. <p><img src="https://user-images.githubusercontent.com/4943530/150140852-69df9de7-327f-4ca1-8678-f44ce4d7598b.png" alt="image"></p>
  440. <p><img src="https://user-images.githubusercontent.com/4943530/150140865-1c4b458e-4e12-4ce7-92b6-9827a76582c0.png" alt="image"></p>
  441. <h3 id="7-done">7. Done</h3>
  442. <p>Now you are good to go, you can close VNC, connect directly with NoMachine and start your development and testing.<br>
  443. If you use Visual Studio Code as editor, you will need to open it and install the <a href="https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack">java extension pack</a>.</p>
  444. </span>
  445. <nav>
  446. <ul class="tags smaller">
  447. <h3 class="tags">Tags</h3>
  448. <li><a class="tutorials" href="/tags/tutorials"><i class="fas fa-hashtag"></i>tutorials</a></li>
  449. <li><a class="blog" href="/tags/blog"><i class="fas fa-hashtag"></i>blog</a></li>
  450. <li><a class="misc" href="/tags/misc"><i class="fas fa-hashtag"></i>misc</a></li>
  451. </ul>
  452. <ul class="authors smaller">
  453. <h3 class="authors">Authors</h3>
  454. <li><a class="riccardobl" href="/authors/riccardobl"><i class="fas fa-at"></i>riccardobl</a></li>
  455. </ul>
  456. <ul class="postedDate smaller">
  457. <h3 class="postedDate">Date</h3>
  458. <li><time datetime="2022-01-19 18:00:00 &#43;0000 UTC"><i class="fas fa-calendar"></i>19 January 2022</time> </li>
  459. </ul>
  460. <ul class="share">
  461. <h3 class="share">Share</h3>
  462. <li>
  463. <button><a href="https://twitter.com/share?ref_src=twsrc%5Etfw&text=MacOS%20cloud%20renting%20has%20started%20to%20proliferate%20with%20the%20new%20Apple%20Silicon%20M1%20chip%20and%20it%20turned%20out%20to%20be%20a%20pretty%20decent%20way%20to%20test%20graphical%20%e2%80%a6 " >
  464. <i class="fab fa-twitter-square"></i> Share on Twitter</a></button></li>
  465. </ul>
  466. </nav>
  467. </div>
  468. </article>
  469. </section>
  470. <section class="full responsiveWidth">
  471. <article>
  472. <h1 id="comments"><i class="useless fas fa-comments"></i> Comments</h1>
  473. <div class="content" id='discourse-comments'></div>
  474. <script type="text/javascript">
  475. var eurl=window.location.href ;
  476. eurl=eurl.split("#")[0];
  477. eurl=eurl.split("?")[0];
  478. eurl=eurl.trim();
  479. if(eurl.endsWith("/index.html"))eurl=eurl.substring(0,eurl.length-"/index.html".length).trim();
  480. if(eurl.charAt(eurl.length-1)=="/") eurl=eurl.substring(0,eurl.length-1);
  481. if(eurl.startsWith("http://")) eurl="https://"+eurl.substring("http://".length);
  482. if(eurl.endsWith("/communitylog/new-website")){
  483. eurl+="/#content";
  484. }
  485. DiscourseEmbed = {
  486. discourseUrl: 'https://hub.jmonkeyengine.org/',
  487. discourseEmbedUrl: eurl
  488. };
  489. (function() {
  490. var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
  491. d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
  492. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
  493. })();
  494. </script>
  495. </article>
  496. </section>
  497. </main>
  498. <footer>
  499. © 2020 jMonkeyEngine.
  500. All other trademarks, logos and featured content are property of their respective owners.
  501. <br />
  502. <a title="Github repo" rel='noopener nofollow noreferrer' target="_blank"
  503. href="https://github.com/jMonkeyEngine/jmonkeyengine-website">
  504. <i class="fab fa-github"></i> Source on Github
  505. </a>
  506. |
  507. <a title="Report issue" rel='noopener nofollow noreferrer' target="_blank"
  508. href="https://github.com/jMonkeyEngine/jmonkeyengine-website/issues">
  509. <i class="fas fa-bug"></i> Report an issue
  510. </a>
  511. <br />
  512. <br />
  513. Website designed and developed by
  514. <a href="https://github.com/riccardobl">Riccardo Balbo</a>
  515. for the jMonkeyEngine's Community.
  516. </footer>
  517. <div id="poweredBy" >
  518. <a rel='noopener nofollow noreferrer' target="_blank" href="https://www.macstadium.com/">
  519. <img src="/images/macstadium-logo.png" />
  520. </a>
  521. <a rel='noopener nofollow noreferrer' target="_blank" href="https://www.java.com/">
  522. <img src="/images/java-logo.png" />
  523. </a>
  524. <a rel='noopener nofollow noreferrer' target="_blank" href="https://opengl.org/">
  525. <img src="/images/opengl-logo.png" />
  526. </a>
  527. </div>
  528. </body>
  529. </html>