--- title: Playcanvas Interop Demos description: SM SithLord x jin M3 collaborations on porting avatars and worlds from different sources into Playcanvas, an open source web game engine owned by Snap. image: https://i.imgur.com/iWQr6r5.jpg robots: index, follow lang: en dir: ltr breaks: true disqus: xrdevlog --- # Playcanvas Interop Demos ###### tags: `devlog` `m3` Intend to keep these demos simple --- ## Club Anarchy - https://playcanvas.com/project/726739/overview/club-anarchy --- ## M3 Demo Day Also known as CryptoVoxels -> SM Sith Lord's PlayCanvas player rig interop {%youtube iOYnCvdjmWQ %} Demo: https://smsithlord.com/avatardemo/ Video: https://www.youtube.com/watch?v=iOYnCvdjmWQ Standing on any of the platforms would change your avatar. For the first demo we gathered together a cursed mario pulled from some random site, a meebit, ready player me, jerec, y bot, and a tubby cat. Animations and rigging all came from [mixamo](https://www.mixamo.com/). ![](https://gyazo.com/618b47fca4532ada6bd77439e2598bc3.gif) walking into the trigger zone would activate a websurface that displays information about the currently selected avatar. This works with NFTs and non-NFT avatars (such as pulling up a fandom page about a character). ![](https://gyazo.com/4ec0c4a860ae86475a6aa0d646ece85f.gif) Walking into the door will open Makers district in Cryptovoxels at these coordinates: https://www.cryptovoxels.com/play?coords=NW@218E,40N ![](https://gyazo.com/7149b3d475d410723fdaeb68e0ffb44d.gif) --- ## 4/9/22 Goal: Interop demo with CV avatars, make a link from the other side of this door back to the playcanvas demo ![](https://i.imgur.com/m6wEukM.png) https://smsithlord.com/avatardemo/?spawn=door1&avatar=cv ![](https://i.imgur.com/tM9RgDi.png) ![](https://i.imgur.com/q621BRi.png) Watch on Youtube: https://www.youtube.com/watch?v=H2Nu2G2uXq4 {%youtube H2Nu2G2uXq4 %} --- ## Wearable configurator repo for cv avatar interop https://github.com/madjin/cryptovoxels-avatars ![](https://i.imgur.com/POijTB3.png) Mixamo didn't like avatars fused with wearables, also the specular settings made everything look greyed out ![](https://i.gyazo.com/3e175b006ed1cb691b1553851568e109.gif) Need to export base mesh avatar only ![](https://i.imgur.com/8eIOGSc.png) ![](https://i.imgur.com/l20z0VL.png) ### Wearables - Black Tie: https://www.cryptovoxels.com/collections/1/566 - Katana Black: https://www.cryptovoxels.com/collections/1/145 - Penguin: https://www.cryptovoxels.com/collections/1/31 - Meme glasses: https://www.cryptovoxels.com/collections/1/39 - Top hat: https://www.cryptovoxels.com/collections/1/15 Did 2 exports, one from blender with assets manually set to origin ![](https://i.imgur.com/9Hi3oDf.png) And also collected all the vox files pulled straight from the chain without renaming them in a separate folder ![](https://i.imgur.com/ij78gCv.png) ![](https://i.imgur.com/Rudk1d5.png) --- ## 3D Homepages Notes: https://hackmd.io/SdQJ_GyDSvuVIn59hQbhOA ### SM SithLord Demo: https://smsithlord.com ![](https://i.imgur.com/L2H2rWB.jpg) ### M3 Homepage Demo: https://3d.m3org.com ![](https://i.imgur.com/jtDw8Za.jpg) ![](https://i.imgur.com/uonlum6.jpg) ### 3D storefront Coming soon ![](https://i.imgur.com/dVjWdJJ.jpg) ![](https://i.imgur.com/TDp3ZxF.png) ![](https://i.imgur.com/EkH5PXD.jpg) ![](https://i.imgur.com/aSkA8Id.jpg) --- ## Notes Create a new portal location in downtown Makers? ![](https://i.imgur.com/hG4uObx.png) Ready Player me dance party with green screen DJ (CybrXR) Watch on Youtube: https://www.youtube.com/watch?v=POmRPlKjUA8 {%youtube POmRPlKjUA8 %}