npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

webgl-3d-animation

v1.0.4

Published

Interactive 3D animation using WebGL showing a 2D predator prey ecology on a grid which is real-time mapped onto the surface of a 3D torus. node.js server side gives access to WAV format files which are rendered using Web Audio API

Downloads

111

Readme

webgl-3d-animation

An interactive 3D animation using WebGL to depict a 2D predator prey ecology on a grid real-time mapped onto the surface of a 3D torus. Sound file is parsed then visualized both in time and frequency domains as well as rendered using Web Audio API - this is an exercise where I taught myself how to display data for an ongoing project on sound synthesis

Installation

Visit nodejs.org and install Node.js.

Clone this repository to your local machine:

git clone [email protected]:scottstensland/webgl-3d-animation.git

Change directory into the project folder:

cd webgl-3d-animation

Then install the dependent modules:

npm install

Launch the nodejs app:

npm start

Using a WebGL savvy browser, point it at url

		 http://localhost:8888 

or ignore above and just see this WebGL app deployed live :

https://cybrcr.com/webgl/

Feel free to contact me on twitter if you have any questions!

... my twitter name is same as my github name

instructions on how to drive this ...

this will run on any browser however
run this on a laptop/desktop to be able
to navigate using below keyboard keys
since I have not yet added ability to
properly navigate using fingers on mobile devices
see this video I created using similar logic
which shows cool navigation flythrough

Predator Prey ecology agent based simulation in c++ OpenGL folds a 2d plane onto surface of a torus https://www.youtube.com/watch?v=frYWtGXqBWc

run on a computer not on a phone since it currently uses

just the mouse and keyboard as controls

 mouse left button and middle scroll wheel
       page up / page down
 arrow keys  left/right/up/down
       also these keys :  w s a d

  it uses WebGL for graphics
I wrote it in the language javascript infact this was my
  "Hello World" for both javascript and WebGL