HBuilder方块旋转缩放控制示例
HBuilder 的方块和球体旋转缩放控制，挺适合前端小伙伴练手或者搞个小 demo。滑动条一拉，大小、角度都能随心调，响应也快，代码也比较清晰。平时你做个互动小动画，或者想用在小游戏里，这套源码就挺方便的，用起来还蛮顺手的。
滑动条的控制逻辑，其实就是 CSS3 transform 搭配 JavaScript 事件绑定。嗯，像 transform: rotate()、scale() 这些属性都用上了，写法也不复杂。你要是之前玩过 CSS3 旋转缩放 的话，应该快就能上手。
想法多点的，你还可以把滑动条改成手势控制哦，在移动端体验更好。哦对了，相关的控件像 Flex 图片操控控件 或 球体图片翻页 也可以瞅瞅，思路都差不多。代码嘛，不啰嗦，直接改直接用，调效果也方便。
如果你要做个快速交互原型，可以直接拿这套源码改。滑动条、动画效果一应俱全，不想从头写代码的朋友可以试试。
文件大小：6.34KB
评论区