Interactive typography experiment with procedural flow fields and particles. Inspired by an original AS3 implementation, reimagined in JavaScript.
- Live Demos
- File Structure
- Noise Implementations & Attribution
- Licensing
- Attribution
- References
- Contact
These live demos are both interactive showcases and also serve as visual testing environments.
.
├── public/ # Static assets, presets, and
│ │ # target for built outputs
│ ├── demos/ # One folder per demo
│ └── main/ # Same for main applications
├── src/
│ ├── lib/ # Core, framework-agnostic logic
│ └── apps/
│ ├── demos/ # Source code for technical demos
│ ├── main/ # Source for main visual
│ │ # experiences
│ └── shared/ # Shared UI and application
│ # logic
├── scripts/ # Development scripts
├── tests/ # Manual/automated tests
├── LICENSE # MIT License for all source code
├── LICENSE-CC-BY-4.0.txt # CC BY 4.0 for demo visuals
│ # and presets
├── LICENSE-CC-BY-NC-SA-4.0.txt # CC BY-NC-SA 4.0 for main visuals
│ # and presets
├── jsconfig.json # Path alias configuration
└── README.md # Project documentation
This repository includes several procedural noise implementations, each with academic and open-source origins:
- Flow Noise: Based on Perlin & Neyret (2001).
- Improved Perlin Noise: Based on Ken Perlin’s improved algorithm (2002) and open-source implementations by Stefan Gustavson and others.
- Curl Noise: Based on Robert Bridson’s “Curl-Noise for Procedural Fluid Flow” (SIGGRAPH 2007).
See the source files and comments for detailed attribution.
Except where otherwise noted, all content in this repository is licensed as follows:
-
Source code and HTML
- Files in
src/,scripts/,tests/, and all HTML files inpublic/
Licensed under the MIT License. The MIT License applies only to source code and HTML files.
- Files in
-
Technical demo content:
- Visuals, interactive animations, and visual experiences generated by the applications built from the source
code in
public/demos/andsrc/apps/demos/
Licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) (official text).
- Visuals, interactive animations, and visual experiences generated by the applications built from the source
code in
-
Main content:
- Visuals, interactive animations, and visual experiences generated by the applications built from the source
code in
public/main/andsrc/apps/main/ - Presets contained in
public/main/
Licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) (official text).
- Visuals, interactive animations, and visual experiences generated by the applications built from the source
code in
Note:
Each license file is included in the repository root, in build artifacts, and in published deployments.
Unless otherwise noted, all visuals, interactive animations, and presets produced by this project are attributed as follows:
For technical demo content, reference as shown below:
Noise2DTime Demo by github.com/toasted323 is licensed under CC BY 4.0.
For main content, follow this attribution example:
Hello World 1 by github.com/toasted323 is licensed under CC BY-NC-SA 4.0.
The source code is licensed separately under the MIT License.
- Perlin, K. (1985). An image synthesizer. SIGGRAPH '85: Proceedings of the 12th annual conference on Computer graphics and interactive techniques, 287–296. https://doi.org/10.1145/325165.325247
- Perlin, K., & Neyret, F. (2001, August). Flow noise. SIGGRAPH 2001 Technical Sketches and Applications.
- Perlin, K. (2002). Improving noise. ACM Transactions on Graphics, 21(3), 681–682. https://doi.org/10.1145/566654.566636
- Bridson, R., Hourihan, J., & Nordenstam, M. (2007). Curl-noise for procedural fluid flow. ACM Transactions on Graphics, 26(3), Article 46. https://doi.org/10.1145/1276377.1276435
- Stefan Gustavson, "perlin-noise" reference implementations
- josephg's noisejs repository
Copyright (c) 2025 github.com/toasted323