42 Repositories
JavaScript threejs 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
A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.
Threejs + GSAP + WEBGi 100% Free Course This is a template used in my fast course "building scrolable pages with ScrollTrigger and Threejs" for a vani
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
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_
Futuristic tank game. Pure JavaScript with ThreeJS. Open Source
Retro-futuristic tank game. Pure JavaScript with ThreeJS. Open Source SYNTHBLAST.COM Gameplay shoot tanks Run over all yellow pads to advance a level
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
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
A demo project for ycw/e2edce
About A demo project for ycw/e2edce, showing how to eliminate deadcode for threejs appliaction. 📝 e2edce.base.config.js - threejs specific configurat
FCIV.NET is a open source strategy game loosely based on Freeciv
FCIV.NET FCIV.NET is an open-source turn-based strategy game. It can be played in any HTML5 capable web-browser and features in-depth game-play and a
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
Globe.GL - A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection
A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection. This library is a convenience wrap
✨ ThreeJS Toys ⚡
✨ ThreeJS Toys - Made with 💙 Work in progress... Sponsors (Thanks 💙 !!!) Usage - npm npm install three threejs-toys Toys Particles Cursor - https:/
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.
🍰 An extensible, layer based shader material for ThreeJS
lamina 🍰 An extensible, layer based shader material for ThreeJS These demos are real, you can click them! They contain the full code, too. 📦 More ex
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
Very simple threejs boilerplate in VanillaJS to start your projects. There is only a basic scene, a load model method and a simple webpack.
Ektogamat ThreeJS Boilerplate by Anderson Mancini Introduction This is a three.js starter project with only 120 lines. But why create another threejs
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
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 🦾
Attempt to replicate the visuals of late 80s / early 90s flight simulators
Retro Fligh Simulator Quick and dirty attempt to replicate the visuals of late 80s / early 90s flight simulators, using as a reference MicroProse's F-
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
As "sky" and "floor" of escher's another world 2
hydra as "sky" and "floor" of escher's another world 2 three.js and escher three.js model of escher's another world 2 TODO add code(mirror) editors fo
A beautiful 3D Earth 🌏
Language: English | 中文简体 3D Earth is a beautiful component of earth flying line based on threejs look: Install npm install 3d-earth or yarn add 3d
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
Jeu d'énigmes sur la cathédrale d'Amiens avec ThreeJS
TranseptSud -Cath. Amiens Jeu à la 1ère personne sous forme d'énigmes pour faire découvrir une anecdote sur la cathédrale d'Amiens. About The Project
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
Theatre.js is an animation library for high-fidelity motion graphics.
Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.
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
This is a particle animation art piece using threejs.
3d-particle-mofing ● DEMO Usage Clone repository Install Node.js Create an .env file and copy the contents of .env-sample. Run following commands np
A vanishing effect for particles and magic lovers using Threejs, GSAP and custom shaders.
Three.js Experiment - Vanishing Suzanne Demo version Get started First, you need nodejs on your computer to build the assets. Install dependencies: np
A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex
T-Rex Game in 3D A Chrome T-rex game remake using javascript and threejs. Build the code Make sure you have node 12+ installed: https://nodejs.org/en/
Adaptation of Threejs BasisTextureLoader for OGL
ogl-basis-texture-loader Adaptation of Threejs BasisTextureLoader for OGL Usage ⚠️ Copy basis-transcoder directory to your public directory. // import
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
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
A sticky image effect for a slideshow inspired by ultanoir's website.
How to Create a Sticky Image Effect with Three.js A sticky image effect for a slideshow inspired by ultanoir's project showcase slideshow. Article on
🇨🇭 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