avalonsaber.github.io

Brief Introduction

This is the rep for the website https://avalonsaber.github.io

Usage

By just opening the website, you can see a responsive HTML5 canvas animation. You can save any frame of the animation to obtain a wallpaper which is fit for your screen resolution.

Used techniques and frameworks:

• Bootstrap
• SVG
• HTML5 Canvas
• jQuery
• Python (optional)

Future Works

• We are eagerly in need of Saber's portraits for different frames to give a better animination.
• The rendering on mobile device is poor, especially the clouds, probably for efficiency concern. We are seeking solutions. Please use desktop browsers for now.

References

• Diamond-square algorithm
• Perlin Noise
• plasma.js
• Tree in the Breeze
• Fractal Clouds
• Markov Process