css摇杆,【宅家呗专题】Virtual Joystick虚拟摇杆插件教程

本教程介绍使用virtual-joystick插件实现一个自定义的虚拟摇杆，并控制小汽车的运动，效果如下：

购买插件：

https://shop.zjbcool.com/product/plug-ins-controler/

创建虚拟摇杆

加载脚本

使用load script拼图或直接在.html文件中使用标签从CDN加载。

或：

1

创建摇杆

使用create joystick拼图的默认选项可以快速创建出一个虚拟摇杆实例。

自定义虚拟摇杆

额外选项

通过给extra option参数传递一个字典类型的数据，可以定制虚拟摇杆的外观和交互方式。

首先，使用Dictionaries分类下的create empty dict拼图创建一个空字典，并保存到变量option。

然后，使用插件中set joystick prop拼图为虚拟摇杆设置额外选项。这里我们设置拼图中的restOpacity参数为1，设置restOpacity为false。修改后可以让虚拟摇杆在释放时，不改变透明度ÿ