Bastian Molkenthin - Sunshine2k

arrow Typescript (Javascript)


Various Graphic Effects

This is a series of small graphic effects or graphic algorithms I ever wanted to code myself. Let's see how many parts will be added here...

Firework graphic effect screenshot Part 01: Fireworks (using particles)

Date : February 2020
Source available : YES
Description : Firework graphical effects using 2D particles.
::: View it online here ::: or download the package below.
Download package (46KB)


Starfield graphic effect screenshot Part 02: Starfield (using 3D particles)

Date : Novemer 2020
Source available : YES
Description : Moving star field graphical effects using 3D particles, features the visualization of a 'hyper space' jump.
::: View it online here ::: or download the package below.
Download package (33KB)


Text scrolling graphic effect screenshot Part 03: Text scrolling (with perspective effect)

Date : May 2021
Source available : YES
Description : Scrolling text fading out from bottom to top which has a perspective effect to create the illusion that the text also moves 'into" the screen.
::: View it online here ::: or download the package below.
Download package (215KB)


Water drop graphic effect screenshot Part 04: Water drops (creating water ripples)

Date : December 2023
Source available : YES
Description : Graphic effects of falling water drops onto a surface creating water ripples that spread over the surface.
::: View it online here ::: or download the package below.
Download package (617KB)



2D line representations playground

2D line respresentations screenshot Date : April 2022

Source available : YES

Description :
Typescript implementation of an visualization of different mathematical representations of a 2D line.
This is my own playground which was developed during writing my article 2D line representations which describes the mathematical background in detail.

::: View the online playground here ::: or download the package below.

Download package (55KB)



Vector reflection at a surface

Vector reflection at a surface Date : March 2021 - Updated October 2023

Source available : YES

Description :
Typescript implementation of an visualization how a vector is reflected at a surface.
Further it comes with a detailed mathematical derivation and description of the formula.

History / Updates:
- 2023/10/15: Version 1.1 - Fix issue causing too high CPU overload when viewing the site
- 2021/03/14: Version 1.0 - Initial version

::: View it online here ::: or download the package below.

Download package (50KB)



2D line (segment) intersection

2D line (segment) intersection Date : December 2019

Source available : YES

Description :
Typescript implementation of an algorithm to calculate the intersection of two lines or line segments in 2D.br> Uses vector analysis, the parametric form and the perp dot product.
Of course, it comes also with a detailed description of the algorithm.

::: View it online here ::: or download the package below.

Download package (87KB)



Online ELF Viewer

Online ELF Viewer Date : January 2019 - Updated March 2019

Source available : YES

Description :
Online ELF viewer to show the contents ELF files.

Features:
  * ELF header
  * ELF section header table
  * ELF program header table
  * ELF symbol tables
  * ELF note tables

::: View it online here ::: or download the package below.

Download package (97KB)



Dot & Cross Product / Perp product 2D visualization

Dot & Cross Product / Perp product 2D visualization Date : August 2017

Source available : YES

Description :
Visualization of the two-dimensional dot product and cross product (aka perp dot product).

::: View it online here ::: or download the package below.

Download package (15KB)



PolygonArea

PolygonArea Date : July 2017

Source available : YES

Description :
Visualization and example of how to calculate the area of a simple polygon using Gauss's area formula.

::: View it online here ::: or download the package below.

Download package (118KB)



SunFp Visualization

SunFp Visualization Date : April 2017

Source available : YES

Description :
Visualization of basic operations of my fixed point number implementation.

::: View it online here ::: or download the package below.

This was created along with my article Understanding and implementing fixed point numbers.
See also the more advanced C# implementation of SunFp.

Download package (35KB)



SunCRC calculation

SunCRC calculation Date : May 2015

Source available : YES

Description :
Demonstration of my implementations of different algorithms to calculate CRC.
Provides the calculation of different CRC algortihms on the specified input data.

::: View it online here ::: or download the package below.

This was created along with my article Understanding and implementing CRC (Cyclic Redundancy Check) calculation.
See also the more advanced C# implementation of SunCRC.

Download package (24KB)





This site is part of Sunshine's Homepage