Category: Uncategorized

  • Bootstrap Breakpoints / CSS Media queries

  • Creating a Quick Look AR product page in html

    Easy web augmented reality with AR Quick Look https://engineering.monstar-lab.com/en/post/2020/09/07/Easy-web-augmented-reality-with-ar-quick-look/

  • A-Frame Raycasting / Cursor triggers

    Detect gaze to allow click

  • Materials and Particles in A-Frame AR/VR

    Values and colour management: <a-scene renderer=”antialias: true;colorManagement: true;sortObjects: true;physicallyCorrectLights: true”></a-scene> https://aframe.io/docs/1.0.0/components/renderer.html https://github.com/aframevr/aframe/issues/4432 Sample Environments: https://blog.mozvr.com/aframe-environment-component/ https://github.com/feiss/aframe-environment-component?ref=blog.mozvr.com Particle Systems: Versioning: Aframe 1.2.0 / SPE 1.0.6 https://github.com/IdeaSpaceVR/aframe-particle-system-component

  • Free Mockup Resources. Direct from the manufacturers

    There are a ton of great mockup resources out there, but if you yourself are resourceful, you may want to try going direct to the company that built and/or carries the products. This especially refers to company logos.. Apple https://developer.apple.com/design/resources/ https://developer.apple.com/licensing-trademarks/

  • AR.js – Augmented Reality on the Web

    https://ar-js-org.github.io/AR.js-Docs/ https://aframe.io/blog/arjs/ Marker generation https://jeromeetienne.github.io/AR.js/three.js/examples/marker-training/examples/generator.html https://au.gmented.com/app/marker/marker.php 10 tips to enhance your AR.js app https://medium.com/chialab-open-source/10-tips-to-enhance-your-ar-js-app-8b44c6faffca

  • A-Frame Course

    A full course in A-Frame, offered through Glitch by Jorge C. S. Cardoso Web-based Virtual Reality Environments – (aframe-course.glitch.me) Animating a-frame objects Object rotation example: How to configure movement of objects in A-Frame (futurelearn.com) A-Frame Extras Sandbox • VR Examples (c-frame.github.io) Animation Events aframe-extras/src/loaders/README.md at master · c-frame/aframe-extras (github.com) Animation Controls aframe-extras/examples/animation-controls/index.html at master ·…

  • VSCode to remote server

    Install OpenSSH for Windows https://learn.microsoft.com/en-us/windows-server/administration/openssh/openssh_install_firstuse?tabs=gui You may have to find the powershell.exe app in the file folder in order to run as administrator. Connect to OpenSSH Server Once installed, you can connect to OpenSSH Server from a Windows or Windows Server device with the OpenSSH client installed. From a PowerShell prompt, run the following command.…

  • Audio in A-Frame XR/VR/AR

    https://developer.chrome.com/blog/autoplay/#webaudio

  • Baking textures in Blender.

    Transferring textures from high poly meshes to low poly meshes TIPS: If the mesh has been modified, be sure to recalculate the outside normals, and flip normals if required. If you receive a circular error, disconnect the Image Texture on the low poly mesh, and reconnect when Bake is complete. The error won’t effect anything…