aqiang

Thank you! kdv. The second problem has been perfectly resolved . The first issue of creating the “createLivePreview” block doesn’t seem to be an easy task.

• This reply was modified 6 months ago by aqiang.

“I’ve uploaded a web example to this address https://vv4d.com/datgui/. You can try it by clicking ‘save’ first, and then after clicking ‘load’, the animation becomes static.”

@kdv, gui.load( obj, recursive=true )
Recalls values that were saved with gui.save().
The explanation above is about the DatGUI code, and you can find it at https://lil-gui.georgealways.com/#GUI#load.

I’ve used an animation with an extremely small distance and a duration of zero as a workaround to stop the animation, which has solved the issue mentioned above. Thank you.

The following is my wrong attempt to find out the problem

<script>

    function template(block) {
        var color1_ops = [
            ['green', 'GREEN'],
            ['yellow', 'YELLOW'],
            ['red', 'RED'],
        ];
        block.Extensions = ["color_pair2"];//?
        block.appendDummyInput()
            .appendField(new Blockly.FieldDropdown(color1_ops), 'COLOR1');

        Blockly.Extensions.register('color_pair2',//?
            function () {
                var input = this.inputList[0];
                var color1 = this.getField('COLOR1');
                var color2 = new Blockly.FieldDropdown(function () {
                    // Generate the drop down to match color1
                    return [[color1.getText() + ', again', color1.getValue()],
                    ['Black', 'BLACK'],
                    ['White', 'WHITE']];
                });
                input.appendField(color2);
                this.setOnChange(function () {
                    if (color2.getValue() != 'BLACK' && color2.getValue() != 'WHITE') {
                        color2.setValue(color1.getValue());
                        color2.setText(color1.getText() + ', again');
                    }
                })
            });

    }

</script>