lab-data.json

[
    {
        "name": "Raindrop FX",
        "description": "Raindrop effect on glass with WebGL2",
        "img": "static/img/raindrop-fx.png",
        "url": "https://sardinefish.github.io/raindrop-fx/",
        "time": "2021-2-28"
    },
    {
        "name": "Procedural Texture",
        "description": "A framework to generate procedural texture with JS and HTMLCanvas",
        "img": "static/img/procedural-texture.png",
        "url": "procedural-texture",
        "time": "2021-2-22"
    },
    {
        "name": "Life by WebGL",
        "description": "Game of Life implement with WebGL",
        "img": "static/img/life-gl.png",
        "url": "LifeGL/?fps=30",
        "time": "2020-1-21"
    },
    {
        "name": "RLE to PNG",
        "description": "Render a RLE formated code.",
        "img": "static/img/rle-to-png.png",
        "url": "RLE2PNG/",
        "time": "2020-1-21"
    },
    {
        "name": "Gravity Simulator",
        "description": "A simple gravity simulator with HTML Canvas.",
        "img": "https://i.loli.net/2019/08/26/rpTvWS7PiMy8H2k.png",
        "url": "gravity-sim/",
        "time": "2019-8-26"
    },
    {
        "name":"Raytrace 2D",
        "description": "A simple ray tracing renderer with SDF graphics in 2D space.",
        "img": "http://img.sardinefish.com/NjYzNDU5",
        "url": "https://ray-trace-2d.sardinefish.com/",
        "time": "2019-1-22"
    },
    {
        "name": "Pixel-Art Particle",
        "description": "A simple pixel-art particle system generator & renderer.",
        "img": "http://img.sardinefish.com/NjY0ODA0",
        "url": "https://sardinefish.github.io/pixel-particle-system/",
        "time": "2018-11-4"
    },
    {
        "name":"Mandelbrot Set",
        "description":"Render a Mandelbrot set.",
        "img": "http://img.sardinefish.com/NTE2ODk1",
        "url":"Mandelbrot/mandelbrot.html",
        "time": "2018-3-16"
    },
    {
        "name": "Land Sim",
        "description": "Simulate the animals' behavior in a grass land using FSM.",
        "img": "http://img.sardinefish.com/NTAzNzI1",
        "url": "http://landsim.sardinefish.com/",
        "time": "2018-1-18"
    },
    {
        "name":"Arc Tree",
        "description":"An arc tree ",
        "img":"http://img.sardinefish.com/NTA1NjM4",
        "url":"ArcTree/arcTree.html",
        "time": "2017-1-1"
    },
    {
        "name": "SolarSystem",
        "description": "A solar system animation made by CSS 3D Transform.",
        "img": "http://img.sardinefish.com/NTAxNDA0",
        "url": "SolarSystem/solarSysCSS.html",
        "time": "2017-10-22"
    },
    {
        "name":"Fuzzy Logic Editor",
        "description":"A visual editor for fuzzy logic rules editing.",
        "img":"http://img.sardinefish.com/NTA0OTk2",
        "url":"http://fuzzy-logic.sardinefish.com",
        "time": "2017-11-19"
    }, 
    {
        "name": "Star Track",
        "description": "Generate star tracks using HTML Canvas",
        "img": "http://img.sardinefish.com/NTAyMjIy",
        "url": "StarTrack/star-track.html",
        "time": "2017-10-22"
    },
    {
        "name":"Random",
        "description":"A Web App to help me make a choice :) It may be better performance on mobile.",
        "img":"http://img.sardinefish.com/NTA2NDk=",
        "url":"RandomApp/Random.html",
        "time": "2016-8-29"
    },
    {
        "name":"Gomoku",
        "description":"Just a Gomoku chessboard.",
        "img":"http://img.sardinefish.com/NTE1NTc=",
        "url":"Gomoku/Gomoku.html",
        "time": "2016-12-11"
    },
    {
        "name":"Circle Collision",
        "description":"Simulate the collision between circles with my SarEngine2D.",
        "img":"http://img.sardinefish.com/NTA4Mjg0",
        "url":"CircleCollision/colliderTest.html",
        "time": "2016-8-15"
    },
    {
        "name":"Spiral Curve",
        "description":"Draw a spiral curve with HTML Canvas",
        "img":"http://img.sardinefish.com/NTA5NzM0",
        "url":"SpiralCurve/strangeLine.html",
        "time": "2015-10-1"
    },
    {
        "name":"Koch Snowflake",
        "description":"Draw a Koch snowflake with HTML Canvas.",
        "img":"http://img.sardinefish.com/NTEzODA=",
        "url":"SnowFlower/snowFlower.html",
        "time": "2016-2-28"
    },
    {
        "name":"Random Lines",
        "description":"Draw lines and arcs randomly with HTML Canvas.",
        "img":"http://img.sardinefish.com/NTEyODg2",
        "url":"ArcNLine/arcNline.html",
        "time": "2016-3-15"
    },
    {
        "name":"Dragon Curve",
        "description":"Draw an infinite dragon curve with HTML Canvas.",
        "img":"http://img.sardinefish.com/NTE0OTQ0",
        "url":"DragonCurve/DragonCurve.html",
        "time": "2016-3-12"
    }
]