threejs-example
There are 11 repositories under threejs-example topic.
- three-projected-material
marcofugaro / three-projected-material
📽 Three.js Material which lets you do Texture Projection on a 3d Model
Language:JavaScript 677 - awesome-threejs
AxiomeCG / awesome-threejs
3️⃣ A curated list of awesome ThreeJS resources
ektogamat / threejs-graces
In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks. It has only 240 lines of code. The original design was created by Tom Bogner @dastom on Dribble: https://dribbble.com/shots/6767548-The-Three-Graces-Concept.
Language:JavaScript 254fairygui / FairyGUI-threejs
A GUI Editor & framework for Three.js
Language:TypeScript 249SuboptimalEng / three-js-tutorials
🥉 The code for my Three.js tutorial series on YouTube.
Language:JavaScript 221- interactive-repulsive-effect
iondrimba / interactive-repulsive-effect
:chocolate_bar: An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".
Language:JavaScript 199 theringsofsaturn / 3D-art-gallery-threejs
This is an interactive 3D art gallery made with Three.js, perfect for artists or designers to exhibit their portfolio of artworks and projects.
Language:JavaScript 148- buildings-wave
:european_post_office: A tutorial on how to create a 3D building wave animation with three.js and TweenMax
Language:JavaScript 90 codebucks27 / 3D-Landing-page-for-Apple-iPhone
Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.
Language:JavaScript 89hovinhthanh7893 / portfolio
This is my portfolio website, created using pure HTML, CSS, JavaScript and deployed with GitHub Pages. No framework and No external deployment platform needed. Integrated Three.js for 3D animated background, responsive for different user's devices
Language:JavaScript 62dustinpfister / test_threejs
Collection of threejs examples, as well as demos, assets, modules and other resources that have to do with testing out the javaScript library.
Language:JavaScript 54oslavdev / next-three-example
Load GLTF models in Next.js with react-three-fiber. Made for an article: https://oslavdev.medium.com/load-animated-gltf-models-in-next-js-app-with-three-js-8cf0a5d99e10
Language:TypeScript 51- Language:JavaScript 50
- first-person-shooter
LUMECraft / first-person-shooter
Open source first-person shooter foundation. Share the link with a friend for multiplayer.
Language:TypeScript 48 guidoschmidt / examples.lygia-threejs
Collection of three.js examples using lygia shader library
Language:TypeScript 43diving-in / threejs
Tutorials on Three.js, an open source javascript library for 3D graphics on the web.
Language:JavaScript 34the-halfbloodprince / GalaxyM1199
A cool galaxy simulation using THREE JS particles.
Language:JavaScript 34- H5.Examples
linyisonger / H5.Examples
🌈 包含文字溢出省略号、字体渐变、雪碧图、flex布局、刮刮卡、WebSQL、翻牌游戏、五子棋、拖拽上传、贪吃蛇、推箱子、拖拽换位、大富翁、飞机大战、连连看、猜位置、2048、观察物体等前端简单示例代码。
Language:HTML 30 slorber / react-three-fiber-journey
Three.js Journey implemented with React-Three-Fiber
Language:TypeScript 27GmBodhi / create-three-app
DEPRECATED!!
Language:JavaScript 23- three-typescript-webpack-starter
GrantBartlett / three-typescript-webpack-starter
A starter project for using Three.js, TypeScript, SCSS and Webpack.
Language:JavaScript 21 srivastavaanurag79 / angular-three
We'll learn the fundamentals of Three.js and integrate the Three.js scene in Angular.
Language:TypeScript 21danielblagy / three_mmi
A utility class that enables to easily set up a simple callback for mouse interacting with threejs mesh.
Language:JavaScript 17Nugget8 / Three.js-Ocean-Scene
Procedural skybox and water shader for mobile with Three.js library
Language:JavaScript 17mrjasonweaver / react-3d-app
An example 3D react app using create-react-app and @react-three-fiber.
Language:JavaScript 16ourcade / threejs-getting-started
Example code for getting started in Three.js by recreating the original DOOM controls
Language:TypeScript 16alvarosabu / threejs-galaxy-generator
Galaxy generator done with ThreeJS
Language:Vue 14cconsta1 / threejs_car_demo
This is the source code (three.js and Cannon-es) for a GLTF car that can be controlled from the keyboard
Language:JavaScript 14- rain-drops
💦 Playing with Ripple Effect
Language:JavaScript 13 pudding0503 / earth3d-radiation-threejs
使用 Three.js 绘制 3D 地球来演示气候栅格数据与太阳辐射栅格数据
Language:JavaScript 13Conv-AI / ThreeJs-World-Tutorial
This repository contains a React Three Fiber 3D world with ConvAI NPCs. The 3D world is rendered using Three.js and React Three Fiber. The NPCs are created using Convai.
Language:JavaScript 124btin / Threejs-Geometry-Multiple-Window-3D-Scene
This project demonstrates a unique approach to creating and managing a 3D scene across multiple browser windows using Three.js and localStorage. It's designed for developers interested in advanced web graphics and window management techniques.
Language:JavaScript 11andr-ew / ccapture.js-examples
javascript animation capture examples 🎬
Language:HTML 11- ng-three-starter-kit
Angular 14 Starter Kit for ThreeJS (based on the ThreeJS Journey)
Language:TypeScript 10 brandflugan / three-js-webpack-boilerplate
Webpack 5 & Three.js boilerplate
Language:JavaScript 10winstonrc / threejs-typescript-template
A template for quickly creating ThreeJS projects using TypeScript and Webpack
Language:TypeScript 10