当前位置: 移动技术网 > IT编程>网页制作>CSS > 2019-01-20 JavaScript实现ZLOGO: 界面改进与速度可调

2019-01-20 JavaScript实现ZLOGO: 界面改进与速度可调

2019年03月12日  | 移动技术网IT编程  | 我要评论
续前文 "JavaScript实现ZLOGO: 前进方向和速度" 在线演示地址: http://codeinchinese.com/%E5%9C%883/%E5%9C%883.html 源码仍在: "program in chinese/quan3" 主要功能改进是在界面可以选择速度. 其他界面布局 ...

续前文javascript实现zlogo: 前进方向和速度

在线演示地址:

源码仍在:

主要功能改进是在界面可以选择速度. 其他界面布局改进有:

  • 在ipad横屏下显示正常(1024x768)
  • (前文问题1) 改正了有些浏览器"蚂蚁"对不准的问题(在火狐, opera, safari下测试)
  • 加大字体和按钮

待解决问题

蚂蚁走位有偏移, 速度越快越明显 · issue #9 · program-in-chinese/quan3 上面视频可以看到最后蚂蚁没有回到原点. 经测试貌似与速度有关, 尚未确定原因.

避免o(n^2)的绘制过程 · issue #8 · program-in-chinese/quan3 上面视频可见越到后面行进越慢, 应该与每帧绘制线段数逐渐增加有关. 上面例子最后一帧绘制的总线段数有7200段.

避免在绘制每帧时重置背景色 · issue #10 · program-in-chinese/quan3 在ipad下测试感觉蚂蚁行进有卡顿感, 不确定是否由于当前每帧都重置背景色. 应该只需在重新运行时再清理整个画板.

[继续改进] 添加方向指示 · issue #3 · program-in-chinese/quan3 还需:

  • 更雅致点的图标
  • 在初始状态(白板)时显示图标默认状态(方向/位置)
  • 在界面提供选项, 以开/关图标显示

部分p5js api继续汉化, 如line, background · issue #11 · program-in-chinese/quan3

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网