Hologram Framework | All-in-one WebVR creation.
https://hologram.coolTags | webvr aframe aframevr framework coffeescript 3d webgl threejs vr prototyping |
Implementation | CoffeeScript |
License | MIT |
Platform |
Install with npm or yarn. See aframe-react-boilerplate for a basic example.
react vr aframe virtual-reality webvr a-frame aframevr mozvr reactvr react-vr react-componentKevin's collection of A-Frame components and scenes. A page should open in your browser. You can develop on the source code and the server will handle live compilation and bundling.
aframe vr webvr virtualreality virtual-reality 3d a-frame a-frame-components aframe-component aframe-components k-frame kframe three threejsA javascript library allowing easily to create the Enter VR button a WebVR site. It will automatically detect the support in the browser and show correct messages to the user. The intention for the library is to create an easy way to make a button solving as many of the common use cases of WebVR as possible, and show some best practices for how to work with WebVR. To use the button in A-Frame, include the library as above, and add webvr-ui to the scene.
webvr threejs vrPrimrose is an immersive environment for web browsers on desktop and mobile devices alike. Within this environment, web developers can be applications that progressively enhance to support users on a wide variety of form factors, including high-end VR headsets. If you're interested in contributing to the framework, we'd love to have you involved. Primrose is open to contributors of all skill levels and we are ready and willing to help beginners work through issues. Please read the guidelines for contributing before doing so.
webvr-framework virtual-reality webvr framework first-timers help-wanted html5 object-oriented webgl computer-graphics vr text editor canvas syntax highlightingBoilerplate for building virtual reality experiences with A-Frame and React with aframe-react.
aframe react vr boilerplate a-frame mozvr reactvr aframe-react webvrThis JavaScript library detects and tracks the face in real time from the webcam video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We provide various demonstrations using main WebGL 3D engines. We have included in this repository the release versions of the 3D engines to work with a determined version (they are in /libs/<name of the engine>/). This library is lightweight and it does not include any 3D engine or third party library. We want to keep it framework agnostic so the outputs of the library are raw: if the a face is detected or not, the position and the scale of the detected face and the rotation Euler angles. But thanks to the featured helpers, examples and boilerplates, you can quickly deal with a higher level context (for motion head tracking, for face filter or face replacement...). We continuously add new demontrations, so stay tuned ! Also, feel free to open an issue if you have any question or suggestion.
face tracking detection snapchat 3d webgl deep-learning face-detection face-tracking threejs babylonjs webcam faceswap library picojs augmented-reality face-filters trackingjs msqrdBabylon.js is a JavaScript 3D engine based on webgl.
webgl webgl2 3d game-development webvr babylon webaudio typescript html5 visualization data-visualization charts charting-libraryA THREE.js-based starting point for cross-platform web-based VR experiences. This project relies heavily on the WebVR Polyfill to provide VR support if the WebVR API is not implemented. It also uses the WebVR UI project to render the UI to enter VR and magic window modes. See here for a live demo.
vrReact 360 is a framework for the creation of interactive 360 experiences that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing applications that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React 360 aims to simplify the construction of cross-platform 360 experiences. Next, install the React 360 CLI – a command-line tool that generates the basic layout of new projects.
virtual-reality vrFind more examples here and on YouTube. This project enables developers to build XR experiences using the same code that runs on the web. Exokit engine is written on top of Node and emulates a web browser, providing native hooks for WebGL, WebXR, WebAudio, and other APIs used in immersive experiences.
android webgl browser web canvas a-frame engine webrtc webvr virtual-reality reality xr webxr magicleap exokit native vr ar vive oculus magic-leapReact 360 is a framework for the creation of interactive 360 experiences that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing applications that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React 360 aims to simplify the construction of cross-platform 360 experiences. Next, install the React 360 CLI – a command-line tool that generates the basic layout of new projects.
3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL.
ipython-widget jupyter jupyter-notebook visualisation volume-rendering virtual-reality plotting dataviz scientific-visualization webgl threejs rendering-3d-volumes quiverPlayCanvas is an open-source game engine. It uses HTML5 and WebGL to run games and other interactive 3D content in all modern browsers without the need for a plugin. You can see more games on the PlayCanvas website.
webgl webgl2 game-engine playcanvas webvr gamedev augmented-reality virtual-reality webxr 3draylib is a simple and easy-to-use library to learn videogames programming. raylib is highly inspired by Borland BGI graphics lib and by XNA framework and it's specially well suited for prototyping, tooling, graphical applications, embedded systems and education.
opengl videogames raspberry-pi android vr embedded iot video-games game-engineA JavaScript implementation of the WebVR spec. This project ensures your WebVR content works on any platform, whether or not the browser/device has native WebVR support, or when there are inconsistencies in implementation. Take a look at basic WebVR samples that use this polyfill.
webvr webxr polyfill vrGio.js is an open source library for web 3D globe data visualization built with Three.js. What makes Gio.js different is that it is simple to use Gio.js to customize a 3D data visualization model in a declarative way, add your own data, and integrate it into your own modern web application. Gio.js is an open source library for web 3D globe data visualization built with Three.js. What makes Gio.js different is that it is simple to use Gio.js to customize a 3D data visualization model in a declarative way, add your own data, and integrate it into your own modern web application.
threejs globe datavisualization io 3d web webglJavaScript 3D library
3d scene-graph html5 svg canvas webgl webvr three three.js visualization data-visualization charts charting-library3D models viewer with vue.js
vue components webgl threejs vue-3d-model three.js componentThis is in early beta stages, don't expect it to work reliably across versions yet. I'm looking for collaborators and beta testers, so please post an issue if you find any problems or want to help out with this project in some way. canvas-sketch is a loose collection of tools, modules and resources for creating generative art in JavaScript and the browser.
sketch 2d processing js p5js 3d webgl gl opengl threejs canvas canvas2d generative art generativeart
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.