https://repetitions.de/tags/programming/ Recent content in Programming on repetitions Hugo -- gohugo.io en hi (hiu) hui (hu) All content by [lou.] licensed as <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" style="text-decoration:none">CC-BY-SA 4.0</a> unless otherwise specified. Thu, 01 Feb 2024 00:00:00 +0000 https://repetitions.de/posts/pong-wars/ Thu, 01 Feb 2024 00:00:00 +0000 hi (hji) https://repetitions.de/posts/pong-wars/ <p>Look at my procrastination project! @vnglst&rsquo;s <a href="https://hachyderm.io/@vnglst/111828811496422610">Mastodon Post</a> and <a href="https://github.com/vnglst/pong-wars">Javascript Version</a> inspired me to try my hand at implementing Pong Wars in C using <a href="https://raylib.com">raylib</a>. I also wanted to test compiling C/Raylib to HTML5. With a little help from raylibs <a href="https://github.com/raysan5/raylib/wiki/Working-for-Web-(HTML5)">documentation</a>, it worked so well I don&rsquo;t even know what to write about it here, you can see the result below.</p> <p>Press <code>R</code> to reset and <code>P</code> to Pause.</p> <style> canvas { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; display: block; border: 2px solid #eeeeef; width: 100%; max-width: 600px; } </style> <p><canvas class=emscripten id=canvas oncontextmenu=event.preventDefault() tabindex=-1></canvas></p> <p>Look at my procrastination project! @vnglst&rsquo;s <a href="https://hachyderm.io/@vnglst/111828811496422610">Mastodon Post</a> and <a href="https://github.com/vnglst/pong-wars">Javascript Version</a> inspired me to try my hand at implementing Pong Wars in C using <a href="https://raylib.com">raylib</a>. I also wanted to test compiling C/Raylib to HTML5. With a little help from raylibs <a href="https://github.com/raysan5/raylib/wiki/Working-for-Web-(HTML5)">documentation</a>, it worked so well I don&rsquo;t even know what to write about it here, you can see the result below.</p> <p>Press <code>R</code> to reset and <code>P</code> to Pause.</p> <style> canvas { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; display: block; border: 2px solid #eeeeef; width: 100%; max-width: 600px; } </style> <p><canvas class=emscripten id=canvas oncontextmenu=event.preventDefault() tabindex=-1></canvas></p> <p id="output" /> <script> var Module = { print: (function() { var element = document.getElementById('output'); if (element) element.value = ''; // clear browser cache return function(text) { if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' '); console.log(text); if (element) { element.value += text + "\n"; element.scrollTop = element.scrollHeight; // focus on bottom } }; })(), canvas: (function() { var canvas = document.getElementById('canvas'); return canvas; })() }; </script> <script async type="text/javascript" src="pong.js"></script> <p>Code is available on <a href="https://git.repetitions.de/pong-wars/log.html">git.repetitions.de</a>.</p>