bradley / Blotter

A JavaScript API for drawing unconventional text effects on the web.
https://blotter.js.org
Other
3.04k stars 209 forks source link

Flies Material working in iOS Chrome and Safari but not in Android Chrome #55

Open mrk197702 opened 4 years ago

mrk197702 commented 4 years ago

Hi I made a Blotter using Flies Material. It works in iOS but in my Galaxy A10 using Chrome I can't see nothing, this error reported "Blotter.Material: uniform value not valid for uniform type: 2f" but in iOS works.

` var size = 100; var uPointCellWidth = 0.007; var uPointRadius = 0.90;

blotter_js_obj.setBlotterFlies( 'sample_test', '.home-section-blotter-mc', size, //size uPointCellWidth, //uPointCellWidth uPointRadius, //uPointRadius 0.77, //uDodgePosition 0.77, //uDodgeSpread 4.02 //uSpeed );

setBlotterFlies: function (string, container, size, uPointCellWidth, uPointRadius, uDodgePosition, uDodgeSpread, uSpeed) {

    var text = new Blotter.Text(string, {
        family: "serif",
        size: size,
        fill: '#000000',
        paddingLeft: 40,
        paddingRight: 40
    })

    var material = new Blotter.FliesMaterial();

    material.uniforms.uPointCellWidth.value = uPointCellWidth;
    material.uniforms.uPointRadius.value = uPointRadius;
    material.uniforms.uDodgePosition.value = uDodgePosition;
    material.uniforms.uDodgeSpread.value = uDodgeSpread;
    material.uniforms.uSpeed.value = uSpeed;

    var bmaterial = new Blotter(material, {
        texts: text
    });

    var container1 = document.querySelector(container);

    var bScopeL = bmaterial.forText(text);

    bScopeL.appendTo(container1);

}

`

What's the problem? Thanks