...Joshua WTF? http://joshua.wtf/
en-us(C) 20162016-03-04 17:26:31 -0800 PSTARunnerhttp://joshua.wtf/post/ARunner/
Fri, 04 Mar 2016 17:26:31 PSThttp://joshua.wtf/post/ARunner/
<h2 id="hey:1d9508170c732d332a79ca8d1adaf7de">Hey</h2>
<p><a href="http://joshgalvin.github.io/arunner/">http://joshgalvin.github.io/arunner/</a></p>
<p>I attempted to make a game using AFrame using only components and HTML this week.
It went pretty well but I found myself losing interest in the project.
I&rsquo;m going to switch it up and do something a little bit more interesting for myself.
I may come back to fix this project up later.</p>
Oimo Physics in AFramehttp://joshua.wtf/post/project/aframe-physics/
Fri, 26 Feb 2016 08:16:04 PSThttp://joshua.wtf/post/project/aframe-physics/
<h3 id="hey:58d6f52d3e153ca21ca69739a913008b">Hey</h3>
<p>So with a bit of tinkering and some luck I was able to get <a href="https://github.com/lo-th/Oimo.js/">Oimo.js Physics</a> integrated with <a href="http://aframe.io">A-Frame</a>!
You can see in the above the gif the results of it but check out the <a href="https://joshgalvin.github.io/aphysics/tests/basic.html">live demo</a>.
Be sure to checkout the <a href="https://github.com/JoshGalvin/aphysics">github project</a>.</p>
<pre><code class="language-html">&lt;a-scene world=&quot;gravity: 0 -9 0&quot;&gt;
&lt;a-box physics position=&quot;0 20 0&quot; color=&quot;blue&quot;&gt;&lt;/a-box&gt;
&lt;a-box physics position=&quot;10 10 0&quot; color=&quot;blue&quot;&gt;&lt;/a-box&gt;
&lt;a-box physics position=&quot;2.5 105 0&quot; color=&quot;blue&quot;&gt;&lt;/a-box&gt;
&lt;a-box physics position=&quot;-5 105 1&quot; color=&quot;blue&quot;&gt;&lt;/a-box&gt;
&lt;a-box physics position=&quot;-2.5 105 -5&quot; color=&quot;blue&quot;&gt;&lt;/a-box&gt;
&lt;a-box physics position=&quot;5 10 0&quot; color=&quot;blue&quot;&gt;&lt;/a-box&gt;
&lt;a-plane rotation=&quot;-90 0 0&quot; width=&quot;100&quot; height=&quot;100&quot; physics=&quot;move:false;bb:100 100 1&quot; color=&quot;orange&quot;&gt;&lt;/a-plane&gt;
&lt;/a-scene&gt;
</code></pre>
<p>This was all thanks to <a href="http://www.babylonjs.com/">Babylon.js</a>&rsquo;s integration to Oimo which I used heavily for reference.
There are still a bunch of bugs and improvements but the proof of concept is working.
I&rsquo;m rather <em>excited</em> for the possibilities.</p>
A-Frame + Spine = $$http://joshua.wtf/post/project/aframe-spine/
Thu, 25 Feb 2016 11:14:56 PSThttp://joshua.wtf/post/project/aframe-spine/
<h3 id="heya:86778f0ad39aed52712901a4ff132ad5">Heya</h3>
<p>I&rsquo;ve been playing around with <a href="http://aframe.io">A-Frame</a> a bunch lately.
Its pretty neat and lets you render out WebGL via HTML markup.</p>
<pre><code class="language-html">&lt;a-frame&gt;
&lt;a-box&gt;&lt;/a-box&gt;
&lt;/a-frame&gt;
</code></pre>
<p>Boom a 3D box with VR capabilities. What if you could do..</p>
<pre><code class="language-html">&lt;a-scene&gt;
&lt;a-entity spine=&quot;src: data/spineboy;animation: walk&quot;&gt;&lt;/a-entity&gt;
&lt;/a-scene&gt;
</code></pre>
<p>Check it out <a href="http://joshgalvin.github.io/SpineFrame/examples/basic.html">here.</a>
<a href="http://github.com/joshgalvin/SpineFrame">http://github.com/joshgalvin/SpineFrame</a></p>
First Posthttp://joshua.wtf/post/first/
Thu, 25 Feb 2016 10:36:10 PSThttp://joshua.wtf/post/first/
<h3 id="heya:e8fb9c67eba912c72729806db31eaa1b">Heya!</h3>
<p>Moving over to HUGO from Tumblr. Hugo is this pretty awesome static site generator written in Go!
Mostly just lets me publish to Github and do all my posts in easy breezy beautiful Markdown.</p>
<p>More content to come.</p>