You are done! It will open a webpage which read the phone webcam, localize a hiro marker and add 3d on top of it, as you can see below. Only thanks to all of them, i could do my part : Optimizing performance from 5fps on high-end phone, to 60fps on 2years old phone.
a-frame three-js webar ar vr three.jsA BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.
threejs tree performance acceleration geometry graphics distance webvr point-cloud raycast mesh intersection bvh bounds three-js pointcloud webxr bounds-hierarchysspipes32.scr screensaver remake
pipes remake retro classic screensaver web-screensaver utah-teapot candy-cane threejs three-js three-dSoft body jellyfish simulation. The Artistic License 2.0, see LICENSE for details.
webgl three-js physicsA demo of WebAR + Web Speech API used with animated glTF models. Then, you can visit the live demo.
webar google-pixel aframe three-js gltf2 augmented-realityLivecodelab is a special secret place where you can make fancy "on-the-fly" 3d visuals and play awesomely offbeat (literally) sounds. "On-the-fly" meaning: as you type. Type just three letters: "box", and boom! a box appears. No clicking play, no waiting, no nothing.
live-coding livecoding webgl threejs three-js education educational vj vjing visual playgroundCreate 3D CSS+WebGL apps declaratively with HTML. Infamous gives you general-purpose Custom HTML Elements that the browser understands, for defining 2D or 3D scenes rendered with CSS3D, WebGL, or both mixed together.
graphics graphics-engine graphics-programming three-d three-dimensions scene custom-elements ui threejs dom-webgl write-3d-scenes webgl css3d html 3d 3d-graphics 3d-models 3d-engine web-components infamous gui graphical-user-interface interface interface-library user-interface widgets ui-widgets components interface-components ui-components app-components layout rendertree render-tree scenegraph scene-graph browser-interface interactive interaction animation 3d-animation browser clientside client-side html5 touch touch-interface responsive mobile famous famo.us web web-development webdev three.js three-js customelements custom-element customelement webvr webxr webcomponents webcomponent web-componentSome experiments using Data in Neo4j to render 3d graphs using three-js via 3d-force-graph which is a really cool repository. These pages use the Neo4j javascript driver to query the graph for some basic data and render it in the 3d-graph.
3d-visualization neo4j graph graph-database cypher three-js graph-visualizationThis is a project showing varied shading algorithms with a simple apple. GLSL (OpenGL Shading Language) is mainly used for the shading effect, with the help of Three.js.
glsl webgl three-js shading-languageEntry for Ludum Dare 33, the world's largest online game jam. Play it here, visit the Ludum Dare submission page, or watch this playthrough video.
otherworldly-stars ludum ludum-dare glsl shaders sky three-jsVue.js components rendering 3D graphics reactively via three.js. See the documents for more details. Define objects by tags. Save the following code as a html file, and open in any modern browser.
vuejs vuejs2 vue2 vue-components threejs three-js three vue 3d 3d-graphics webgl graphics tags tag element elements custom html web canvasHome page is the solar system, every planet in it can be clicked to see the detailed data. Put the base folder in a web environment, for example apache, and then open the index.html.
three-js solarKotlin wrappers for Three.js
kotlin-js threejs kotlin kotlin-library three-jsRender custom quantized mesh tiles in Cesium and debug individual tiles using THREE.js renderer. For generation quantized-mesh tiles from raster you can use the heremaps/tin-terrain tool.
terrain three-js cesiumjs quantized-mesh 3d 3d-terrain cesium-terrain here here-technologies cesium three.jsThe traditional figure eight ( or infinity symbol on its side) representation of Sun positions. In 3D with geolocation and maps. View the shadows on a 3D model of your choice - given latitude, longitude, data and time. Displays OBJ and MTL files using drag and drop. Also displays analemmas and is adjustable using a variety of parameters.
ladybug three-js sun-position 3d shadow-mapping solar-energyAn interactive graph visualization system that runs in your web browsers. No installation needed. You can publish your "graph snapshot" as a URL link. Anyone with the link will be able to access and continue their exploration from this snapshot. You can still save the snapshot locally as a file if you prefer.
serverless graph-algorithms graph-visualization web-gl three-js d3-jsUse JitPack. See below for how this works using Gradle. Check the link for other builds systems.
kotlin threejs kotlin-library three-js kotlin-jsTHREE.js Model Loader for delegating to the appropriate and normalizing the result of different geometry loaders. Uses the file's extension to an appropriate loader function. A map of file extensions to THREE Loader names that are provided with the THREE project. When using imports or require the loaders are not available so these loader functions must be registered manually.
threejs geometry graphics model loader three-js webcomponentA rough octree implementation to support frustum culling and raycasts in complex THREE.js scenes. NOTE: Code is generally unmatained and unfinished.
threejs performance graphics octree raycast three-js
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.