3d-particles

A starter repository from the Awwwards workshop class "Impress everyone with a 3D particle scene starting from bad models"


Requirements

Make sure you have Node.js installed on your machine.

  • Required minimum Node version: at least 10
  • Required minimum NPM version: at least 6

Download and install Blender

  • Required minimum Blender versione: 2.91.2

Install & Run

Download the repo on your machine, enter the repo folder with your terminal and run the following

npm install

After installing all depencies, you can run the server with

npm run start

that will open a new window on your browser http://localhost:8080/


Links

🤓 Dev

🗿 3D

🪄 Further Readings


📝 Vertex Shader Sample

void main() {
  vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
  gl_Position = projectionMatrix * mvPosition;
  gl_PointSize = 8.0 / -mvPosition.z;
}

📝 Fragment Shader Sample

void main() {
 gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
}

Troubleshooting