欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-28 19:38:10
续前文 "JavaScript实现ZLOGO: 前进方向和速度" 在线演示地址: http://codeinchinese.com/%E5%9C%883/%E5%9C%883.html 源码仍在: "program in chinese/quan3" 主要功能改进是在界面可以选择速度. 其他界面布局 ......

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

在线演示地址: http://codeinchinese.com/%e5%9c%883/%e5%9c%883.html

源码仍在:
2019-01-20 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