threejs-cljs-playground - three.js playground in ClojureScript

  •        49

The playground is running on bootstrapped ClojureScript and stores shared demos on Firebase. Write some code, upload textures, OBJ/Collada models (more formats is coming soon) and hit Alt-Enter to evaluate and see results immediately.

http://roman01la.github.io/threejs-cljs-playground/
https://github.com/roman01la/threejs-cljs-playground

Tags
Implementation
License
Platform

   




Related Projects

threejs-app - Some opinionated structure for a complex/scalable ThreeJS app

  •    Javascript

My current organization for medium & large WebGL apps (i.e. must scale to a large team and run the course of a few months).⚛ This branch only includes bare WebGL. If you want UI (with Preact), see the preact branch.

wizardwarz - WebGL Multiplayer game with NodeJS backend

  •    Javascript

WizardWarz is a ThreeJS WebGL/Javascript multiplayer shoot-em-up game. It has unique generated maps with a NodeJS backend where maps are generated and it also supports multiplayer.

encom-globe - 🌎 WebGL globe based on the boardroom scene from Tron: Legacy

  •    Javascript

The Encom Globe is a WebGL-based clone of the globe from the boardroom scene in Tron: Legacy. If you don't recall that scene, check out Bradley Munkowitz's excellent writeup about its production for more information. This version attempts to stay as true to the in-movie original as possible while maintaining a high frame rate on low powered machines and devices. It is getting pretty close to acheiving that goal and mimics most of the details seen on screen, including the loading animations for the globe hexagon particles, the satellites, and the markers.

jeelizFaceFilter - Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters

  •    Javascript

This 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.

jeelizWeboji - JavaScript/WebGL real-time face tracking and expression detection library

  •    Javascript

With this library, you can build your own animoji embedded in Javascript/WebGL applications. You do not need any specific device except a standard webcam. By default a webcam feedback image is displayed with the face detection frame. The face detection is quite robust to all lighting conditions, but the evaluation of expression can be noisy if the lighting is too directional, too weak or if there is an important backlight. So the webcam feedback image is useful to see the quality of the input video feed.


graphosaurus - 3D graph viewer powered by WebGL (three.js)

  •    Javascript

A three-dimensional static graph viewer. JSDoc generated API documentation can be found here.

react-three - React bindings to create and control a 3D scene using three.js

  •    Javascript

Create/control a three.js canvas using React. To use React for drawing 2D using WebGL, try react-pixi.

cljs-lambda - Utilities around deploying Clojurescript functions to AWS Lambda

  •    Clojure

AWS Lambda is a service which allows named functions to be directly invoked (via a client API), have their execution triggered by a variety of AWS events (S3 upload, DynamoDB activity, etc.) or to serve as HTTP endpoints (via API Gateway). This README serves to document a Leiningen plugin (lein-cljs-lambda), template (cljs-lambda) and small library (cljs-lambda) to facilitate the writing, deployment & invocation of Clojurescript Lambda functions.

shadow-cljs - ClojureScript compilation made easy

  •    Clojure

shadow-cljs provides everything you need to compile your ClojureScript code with a focus on simplicity and ease of use. Distributed under the Eclipse Public License either version 1.0 or (at your option) any later version.

piggieback - nREPL support for ClojureScript REPLs

  •    Clojure

nREPL middleware that enables the use of a ClojureScript REPL on top of an nREPL session. Piggieback provides an alternative ClojureScript REPL entry point (cemerick.piggieback/cljs-repl) that changes an nREPL session into a ClojureScript REPL for eval and load-file operations, while accepting all the same options as cljs.repl/repl. When the ClojureScript REPL is terminated (by sending :cljs/quit for evaluation), the nREPL session is restored to it original state.

encom-boardroom - 📈 Web tribute to the Tron: Legacy Boardroom Scene

  •    Javascript

An HTML5 recreation of the Boardroom Scene in Disney's Tron: Legacy. It currently displays realtime data from GitHub and Wikipedia to make it a bit more fun. View it in action at https://www.robscanlon.com/encom-boardroom/ . While I attempted to stay true to the film, it simply wasn't practical to recreate every element that is portrayed in the scene. The graphics displayed in the film contain a remarkable amount of detail despite only being visible for a couple of seconds. I am in awe of those that put it together.

react-planner - :pencil2: A React Component for plans design

  •    Javascript

react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.

sea3d - An open-source format and tools for game developers :video_game:

  •    CSharp

Open-source format and tools for game developers. Free cross-platform 3D IDE for games.

polygon-shredder - The polygon shredder that takes many cubes and turns them into confetti

  •    Javascript

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

THREE.MeshLine - Mesh replacement for THREE.Line

  •    Javascript

First, create the list of vertices that will define the line. MeshLine accepts THREE.Geometry (looking up the .vertices in it) and Array/Float32Array. THREE.BufferGeometry coming soon, and may be others like Array of THREE.Vector3. Once you have that, you can create a new MeshLine, and call .setGeometry() passing the vertices.

Wagner - Effects composer for three.js

  •    Javascript

Please use it only for review and test purposes. Don't hesitate to add issues or open a conversation about design decisions. Most of the shaders are from https://github.com/evanw/glfx.js. Others are from different sources and forums, papers, or my own.

aframe-extras - Add-ons and helpers for A-Frame VR.

  •    Javascript

Add-ons and helpers for A-Frame VR. For partial builds, use a subpackage like aframe-extras.controls.min.js. Full list of packages above.

voxelengine3 - Voxel-engine in Javascript

  •    Javascript

Voxelengine3 is a ThreeJS WebGL voxel engine. The code has NOT been polished and is provided "as is". There are a lot of code that are redundant and there are tons of improvements that can be made.

jsconfeu-generative-visuals - Code for the generative projection mapped animations during JSConf EU 2018 in Berlin

  •    Javascript

The ThreeJS/WebGL and Canvas code for the real-time generative animations shown during JSConfEU 2018 in Berlin. Created by Matt DesLauriers and Szymon Kaliski, based on Silke Voigts's designs and mood boards. This was used during the opening of the event, as well as during breaks in between talks, and around the edges of speaker slides during talks. The visuals were used in a couple other select places, such as in monitors showing current schedule & speaker tracks. All using Chrome in real-time.