<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rafael</title>
    <description>The latest articles on DEV Community by Rafael (@anradev).</description>
    <link>https://dev.to/anradev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1083095%2F3ae8a08c-274b-4e41-8a8a-d691d9553180.jpg</url>
      <title>DEV Community: Rafael</title>
      <link>https://dev.to/anradev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/anradev"/>
    <language>en</language>
    <item>
      <title>Interactive 3D Room in the Browser</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Sun, 13 Apr 2025 07:02:34 +0000</pubDate>
      <link>https://dev.to/anradev/interactive-3d-room-in-the-browser-4dfh</link>
      <guid>https://dev.to/anradev/interactive-3d-room-in-the-browser-4dfh</guid>
      <description>&lt;p&gt;Ever wondered how far JavaScript and WebGL can take visual experiences in the browser? This project is a fully interactive, hyper-realistic 3D room showcase created using pure JavaScript and cutting-edge WebGL rendering. From soft shadows to god rays streaming through the windows, every detail has been crafted to deliver a lifelike atmosphere—all without leaving your browser.&lt;/p&gt;

&lt;p&gt;This isn’t just a static render. It’s real-time.&lt;br&gt;
Walk through a beautifully lit room, complete with physically based materials, dynamic lighting, and immersive effects—all running smoothly on the web.&lt;/p&gt;

&lt;p&gt;Whether you’re a game developer, 3D artist, or just love seeing what’s possible with modern web tech, this showcase proves that the browser is now a canvas for incredible, interactive 3D environments.&lt;/p&gt;

&lt;p&gt;shorts: &lt;a href="https://www.youtube.com/watch?v=4LpHauRCop0" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=4LpHauRCop0&lt;/a&gt;&lt;br&gt;
link: &lt;a href="https://roomrender.vercel.app/" rel="noopener noreferrer"&gt;https://roomrender.vercel.app/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>webgl</category>
    </item>
    <item>
      <title>My Journey As A Web Game Developer</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Wed, 06 Nov 2024 05:44:02 +0000</pubDate>
      <link>https://dev.to/anradev/my-journey-as-a-web-game-developer-2m5m</link>
      <guid>https://dev.to/anradev/my-journey-as-a-web-game-developer-2m5m</guid>
      <description>&lt;p&gt;&lt;a href="https://youtu.be/TTNbSfQE31I" rel="noopener noreferrer"&gt;https://youtu.be/TTNbSfQE31I&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>JavaScript Side Project</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Sun, 26 May 2024 10:14:42 +0000</pubDate>
      <link>https://dev.to/anradev/javascript-side-project-347j</link>
      <guid>https://dev.to/anradev/javascript-side-project-347j</guid>
      <description>&lt;p&gt;Involving myself in Web3 and WebGL, the future of the web. Can be played on grimwraith.vercel.app ! &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>web3</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Web Based MMO RPG</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Thu, 01 Feb 2024 09:10:54 +0000</pubDate>
      <link>https://dev.to/anradev/web-based-mmo-rpg-2p4m</link>
      <guid>https://dev.to/anradev/web-based-mmo-rpg-2p4m</guid>
      <description>&lt;p&gt;Updated my web based MMO dungeon game, I put a challenging monsters on the top level floors so players won't get bored. Hopefully 😆 check out in dungeon-born.com&lt;br&gt;
&lt;a href="https://youtu.be/mQHmQyK0p6k" rel="noopener noreferrer"&gt;https://youtu.be/mQHmQyK0p6k&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Character Conversation For JavaScript</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Tue, 03 Oct 2023 02:55:38 +0000</pubDate>
      <link>https://dev.to/anradev/character-conversation-for-javascript-104g</link>
      <guid>https://dev.to/anradev/character-conversation-for-javascript-104g</guid>
      <description>&lt;p&gt;Made an npm package for JavaScript rpg game.&lt;br&gt;
npm package link: &lt;a href="https://www.npmjs.com/package/rpg-convers" rel="noopener noreferrer"&gt;https://www.npmjs.com/package/rpg-convers&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>npm</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Updated My JavaScript Game UI</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Tue, 03 Oct 2023 02:00:58 +0000</pubDate>
      <link>https://dev.to/anradev/updated-my-javascript-game-ui-159e</link>
      <guid>https://dev.to/anradev/updated-my-javascript-game-ui-159e</guid>
      <description>&lt;p&gt;Using CSS keyframes to animate my browser game UI is the best and easy way and I really love what it looks right now.&lt;/p&gt;

&lt;p&gt;game link: dungeon-born.com&lt;br&gt;
game link: dungeon-born.com&lt;/p&gt;

</description>
      <category>babylonjs</category>
      <category>browsergame</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Implementing Catching Monsters On My JavaScript Game</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Fri, 22 Sep 2023 02:09:09 +0000</pubDate>
      <link>https://dev.to/anradev/implementing-catching-monsters-on-my-javascript-game-2kpj</link>
      <guid>https://dev.to/anradev/implementing-catching-monsters-on-my-javascript-game-2kpj</guid>
      <description>&lt;p&gt;You can now keep monsters just like pokemon :D ! but instead you summon them just like in Isekai anime series.&lt;br&gt;
game link: dungeon-born.com&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>webgl</category>
      <category>programming</category>
    </item>
    <item>
      <title>RPG Based Browser Game</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Sat, 17 Jun 2023 08:02:46 +0000</pubDate>
      <link>https://dev.to/anradev/rpg-based-browser-game-237b</link>
      <guid>https://dev.to/anradev/rpg-based-browser-game-237b</guid>
      <description>&lt;p&gt;Dungeon Born-an online browser game transformed into a life-and-death. I made the game using babylon JS, curious of how a browser can handle 3d games, I'm suprised that it works. A 3d game that you can directly play just by typing the url and login and play. The graphics is lacking but maybe browsers will get there.&lt;/p&gt;

&lt;p&gt;game link: dungeonborn.vercel.app&lt;/p&gt;

&lt;p&gt;I made a youtube video for this. &lt;br&gt;
YT: &lt;a href="https://www.youtube.com/watch?v=nLrNb8fwnG4&amp;amp;t=952s" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=nLrNb8fwnG4&amp;amp;t=952s&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd16rtmdkywxpaj4jb822.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd16rtmdkywxpaj4jb822.png" alt="Image description" width="800" height="449"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyimel39fia1qvxsi32kz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyimel39fia1qvxsi32kz.png" alt="Image description" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>babylonjs</category>
      <category>webgl</category>
      <category>gamedev</category>
    </item>
    <item>
      <title>Browser Games With JavaScript</title>
      <dc:creator>Rafael</dc:creator>
      <pubDate>Mon, 15 May 2023 11:18:44 +0000</pubDate>
      <link>https://dev.to/anradev/browser-games-with-javascript-2enb</link>
      <guid>https://dev.to/anradev/browser-games-with-javascript-2enb</guid>
      <description>&lt;p&gt;been developing web apps and games, and right now I'm making this Rpg Game that is Made by a JavaScript Game Engine called babylonJs&lt;/p&gt;

</description>
      <category>babylonjs</category>
      <category>javascript</category>
      <category>web3</category>
      <category>html</category>
    </item>
  </channel>
</rss>
