67 Repositories
JavaScript three-mesh-bvh Libraries
Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results
Text Engraving & Extrusion Text Engraving & Extrusion demo is implemented using Three.js, with Typescript and webpack5. Used THREE-CSGMesh as the core
Open game experiment with vehicles and physics in Three.js
TNTGame Open game experiment with vehicles and physics in Three.js You can try it online here: Crater scene: https://yomboprime.github.io/TNTGame/app?
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites. Winner of Hack the North 2022. ๐
Library for controlling MESH blocks using JavaScript.
MESH.js Library for controlling MESH blocks using JavaScript. MESH official web site is here. Verified Environment Node.js (16.15.1) npm (8.11.0) Prer
A tiny utility library to generate mesh gradient based on 4 RGB colors, built with vanilla js.
MeshGradient.js mesh-gradient.js is tiny utility library to generate mesh gradient based on 4 RGB colors, built with vanilla js. Installation! npm ins
GPU supercharged attraction-graph visualizations built on top of Three.js
Force Directed Graph GPU supercharged attraction-graph visualizations for the web built on top of Three.js. Importable as an ES6 module. Simulation co
This fictive project was created to showcase my current skills using Three.js and GSAP.
Bike Demo Three.js This fictive project was created to showcase my current skills using Three.js and GSAP. It was inspired by the tutorial created by
This is an IFC wrapped on Three js based viewer, I think..
ifc-three-js-viewer Project description: This is an IFC wrapped on Three js based viewer, I think.. Features & Screenshots: A simple viewer for render
Intuitive and dynamic Chrome Dev Tool Extension for Three.js debugging
sceneSniff An intuitive and dynamic Chrome Dev Tool Extension for Three.js debugging sceneSniff is an in browser developer tool for Three.js projects.
three.js loader for importing M2 assets from World of Warcraft.
three-m2loader ยท M2 Loader for three.js three-m2loader allows you to import M2 assets from World of Warcraft into your three.js app. druidcat2.m2 7ne_
๐จ Generate CSS Mesh Gradients
๐จ Meshgrad Meshgrad is a tiny utility to generate native-CSS Mesh Gradients. Demo - meshgrad.cretu.dev Install $ npm install meshgrad Use Vanilla Jav
The zkPass browser extension can proxy three parties TLS and generate zero-knowledge proofs
zkPass Extension zkPass a Chromium extension which can proxy three parties TLS and generate zero-knowledge proofs. Technology Dependence Multi-party c
A three.js and roslibjs powered web-control for zju fast-drone-250 for laptop-free flight control
Web Control for ZJU Fast-Drone-250 A three.js and roslibjs powered web-control for zju fast-drone-250 for laptop-free flight control (tested on Xiaomi
3D Infinite Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite art gallery from random (sfw-only) posts.
Infinite-Art-Gallery Click for Demo! 3D Infinite Procedurally-Generated Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite
Hyperbeam virtual computers in Three.js! ๐ชฉ
threejs-example Hyperbeam virtual computers in Three.js! ๐คฏ Less than 200 LoC ๐ Spatial audio ๐ต Handles mouse, keyboard and wheel events ๐ฑ๏ธ OrbitCo
Voxel renderer and pathfinder for three.js
cubitos Examples World: Demo: cubitos.gatunes.com Source: example/src/gameplay.js Random walkers: Demo: cubitos-walkers.glitch.me Source: glitch.com/e
three.js examples. if you are first in learning three.js , this will give you much help.
three-projected-material Three.js Material which lets you do Texture Projection on a 3d Model. Installation After having installed three.js, install i
Smooth subdivision surface modifier for use with three.js BufferGeometry.
Three Subdivide This modifier uses the Loop (Charles Loop, 1987) subdivision surface algorithm to smooth modern three.js BufferGeometry. โ Live Demo โ
Three JS Crash kursi 2022 (Amaliyot asosida)
Video kurs: https://www.youtube.com/watch?v=NL2Cv8N1Skg Kursdagi presentatsiya: https://bit.ly/3aRRf9M Loyiha demosi: https://harmonious-puppy-4ea920.
Three.js boilerplate project configured with typescript, webpack and css/style loader, HTTPS local server, and a sample test codes !!
three.js-boilerplate Welcome, this is a three.js boilerplate project where you can clone it and start to work !!! Installed and Configured Items: Type
A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh
three-bvh-csg An experimental, in progress, flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh. More than 100 time
A basic USDZ file (Pixar Universal Scene Description) loader for ThreeJS
Three USDZ Loader A basic USDZ (binary Universal Scene Description) reader for Three.js The plugins supports animation as well as loading multiple USD
Implements Screen Space Reflections in three.js
three.js Screen Space Reflections Implements performant Screen Space Reflections in three.js. Glossy Reflections Clean Reflections Example scene Demos
A 3rd year University physics project for simulating satellites motion in orbit.
Satellite Simulator VI - Deluxe Edition A university physics project for simulating satellites in orbit. Installation instructions Clone the git repos
College project done for the CG Artwork lecture in 2022. Used HTML for the indexes and mainly JavaScript (using to THREE.js). Ended with the final A grade (17.3 in scale grade).
CG Artwork Project 2022 This project was done by a group of 3 in 2022 with an educational purpose for the CG Artwork lecture in Instituto Superior Tรฉc
JSNation 2022 - Building a Solar System using Hand Recognition and Three.js
Building a Solar System using Hand Recognition and Three.js ๐ Accompanying code for JSNation 2022 talk. Demo video here: https://www.youtube.com/watc
project using three.js and mediapipe
three.js-with-mediapipe project using three.js and mediapipe KOR ๋ฏธ๋์ดํ์ดํ์ three js๋ฅผ ์ด์ฉํ ํ๋ก์ ํธ ์ ๋๋ค. ํด๋น ์ฝ๋ ์๋์ ์ํด์๋ ์์์ ๋ฃ์ด์ฃผ๊ฑฐ๋, video๊ฐ ์๋ camera์ฌ์ฉํ๋๋ก ์์ ํ์ฌ์ผ
A very small app to run three.js apps on the desktop with Deno
Birb Engine - 3D with Three.js on Deno on Desktop This is a project for making a game engine! Intended to be customizable and about as flexible as dev
Minecraft client written in Javascript
webmc About Webmc is minecraft client written in Javascript. From web browser this client connects to websocket proxy and then to real minecraft serve
A very small app to run three.js apps on the desktop with Deno
3D visualization with Three.js on Deno on Desktop This is a small Deno app that renders a (webkit) webview on desktop. Along with a page running Three
A first person character controller for the Three.js graphics library
charactercontroller A first person character controller for the Three.js graphics library Demo Installation npm install charactercontroller Usage impo
Ektogamat Three Graces Design Concept using threejs
In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks.
๐ A React abstraction for the LGL Raycaster
A React(-three-fiber) abstraction for the LGL-Raytracer. It does its best to remove all unwanted complexity, you can build your scenes as you always w
This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.
Linear Vaporwave Three.js scene This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page. Demo Head over
Mixed Reality Capture module for WebXR and Three.js
Reality Mixer JS This is a small Mixed Reality Capture module for WebXR + Three.js. You can use this module to allow users to record your WebXR experi
Element for displaying HTML based on THREE.js HTMLMesh
AFrame-HTML a-entity html="#my-interface" position="0 1.5 -0.5"/a-entity Display an interactive HTML element in the scene. html-pointer component
This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.
Math magicians app This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quo
3D visualization of music using Three.js and web audio API.
3D Music Visualization About 3D visualization of music using Three.js and web audio API Try it here Main screen Additional screen Technologies Languag
Immersive (VR) controls for Three.js
Three.js Immersive Controls Immersive (VR) functionality Movement and rotation with VR controllers (move with left thumbstick, rotate with right thumb
A MERN Stack dapp the utilizes three solidity contracts
A MERN Stack dapp the utilizes three solidity contracts. It verifies user ownership of third party NFTs, generates an image incorporating a third party NFT image pulled from IPFS, mints a new NFT for users that includes an on-chain message and metadata to Opensea standards.
A growing three.js helper library.
kokomi.js A growing three.js helper library. Install npm i kokomi.js Hello world With just several lines, you can make a most basic 3D scene :d index.
Modern ThreeJS boilerplate powered by Vite & Typescript
Modern ThreeJS โก๏ธ Modern ThreeJS boilerplate powered by Vite & Typescript. Features Powered with Vite ๐ฆ GUI controls using Tweakpane ๐ Typescript ๐ฆพ
Math Magicians - A calculator and three subpages built with React + SASS
Math Magicians JavaScript application that contains a calculator and three sub-pages. Built with React + SASS. Built With JavaScript HTML5 SASS React.
Simple Three js game project
Simple Game This is a simple game developed with three.js library. Usage To run the game, we must start a web server with the command "python -m http.
๐งฑ Easily extend native three.js materials with modular and composable shader units and effects
three-extended-material Easily extend native three.js materials with modular and composable shader units and effects. Usage npm install three-extended
Animated sprite hook for react-three-fiber
use-animated-sprite Animated sprite hook for react-three-fiber Dependencies npm install @react-three/drei @react-three/fiber react three Installation
React components and hooks for creating VR/AR applications with @react-three/fiber
@react-three/xr React components and hooks for creating VR/AR applications with @react-three/fiber npm install @react-three/xr These demos are real,
Three.js-based room configurator (floor planner + product configurator)
Three.js-based room configurator (floor planner + product configurator) Live Features 1. FloorPlan Design Users can edit floorplan in 2d view mode. Th
โ Multiple scenes, one canvas! WebGL Scissoring implementation for React Three Fiber.
react-three-scissor Multiple scenes, one canvas! WebGL Scissoring implementation for React Three Fiber. scissor lets you render an infinite number of
Interactive 3D plotting with a simple function call using Three.js
About Generate interactive 3d plots with a simple function call. Function returns a Three.js scene which can be customized as needed. Basic function c
๐งโโ๏ธ MESHยทY is a design tool to generate beautiful & colorful mesh gradients
Meshy is a design tool to generate beautiful & colorful mesh gradients. Generate multiple random variations of Mesh gradients along with cool color customizations. Export PNG image with custom resolution.
three.js + haxe starter project
Haxe + three.js starter project This is a batteries-included template project using three.js with the haxe language. Main.hx sets up a physically base
Javascript game using Three.JS and WebGL, inspired by Geometry Dash, the Dinosaur Game, and a music video by our graphics professor (2021)
jumpy-abe By Sophia Oguri ([email protected]), Luke Kratsios ([email protected]), Isha Chirimar ([email protected]), Jacob Hocking ([email protected]
Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js.
Dash Self-Driving Car Simulator Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js. This project
bare bones demo of svelte-three
create-svelte Everything you need to build a Svelte project, powered by create-svelte; Creating a project If you're seeing this, you've probably alrea
An intro to Three.js and React :) Workshop materials and demo from HackTheNorth 2021
๐ Speedy 3D - A Quick Intro to Three.js & React This workshop was originally created for Hack The North 2021! My personal motivation was to: learn th
3D web map rendering engine written in TypeScript using three.js
3D web map rendering engine written in TypeScript using three.js
Interactive digital art with head-coupled perspective effect using Three.js and TensorFlow.js
Interactive digital frame with head-tracking using Three.js & TensorFlow.js Using TensorFlow.js and Three.js, this project is a prototype of an intera
Adding volumetric effects to a built-in Three.js shader.
Magical Marbles in Three.js Adding volumetric effects to a built-in Three.js shader. Article on Codrops Demo Installation Install dependencies: yarn
3D graph viewer powered by WebGL (three.js)
Graphosaurus A three-dimensional static graph viewer. (click the image to try it out) Demos EVE Online map Add nodes incrementally Documentation JSDoc
BadTV Effect for Three.js
Bad TV Shader for Three.js Simulates a bad TV via horizontal distortion and vertical roll. Screenshot Demo View Demo Uniforms time steadily increasing
This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also uses Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.
SomaFM Music Player Web-App This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channe
๐ฎ CSS loading animations made by single element.
Three Dots The project is a set of CSS loading animations created with three dots which made by just single element. I think the project can not only
CSS 3D renderer for Three.js.
CSS3D.js by Steven Wittens CSS 3D renderer for Three.js Note: this library is mostly obsolete now that Three.js has its own CSS 3D renderer which is i
utility library for async iterable iterators
โ ๏ธ This library is no longer maintained, and should not be used in production applications. Mesh is a utility library for async iterable iterators. Mo
๐จ๐ญ A React renderer for Three.js
react-three-fiber react-three-fiber is a React renderer for threejs. npm install three @react-three/fiber Why? Build your scene declaratively with re-
๐ A Declarative 3D Globe Data Visualization Library built with Three.js
Gio.js English | ไธญๆ React Version: react-giojs Wechat minigame: wechat usage Gio.js is an open source library for web 3D globe data visualization buil