资讯专栏INFORMATION COLUMN

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

yacheng / 2913人阅读

摘要:续前文实现前进方向和速度在线演示地址源码仍在主要功能改进是在界面可以选择速度其他界面布局改进有在横屏下显示正常前文问题改正了有些浏览器蚂蚁对不准的问题在火狐下测试加大字体和按钮待解决问题待解决问题蚂蚁走位有偏移速度越快越明显上面视频

续前文JavaScript实现ZLOGO: 前进方向和速度

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

源码仍在: program-in-chinese/quan3

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

  • 在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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1131.html

相关文章

  • 了不起的Virtual DOM(一):起源

    摘要:到此为止所承担的操作与非常相近,但是为了让与相互独立,改变后的通知是分发给,收到改变的通知就会调用的接口来改变用户界面。的优点非常显然,极大的提高了可维护性,与之间的相互手动维护更新被释放,改为自动更新。 前言   首先欢迎大家关注我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。   之所以想写本系列文章的主要原...

    caoym 评论0 收藏0
  • Windows Server 2022 正式版发布(英文版、简体中文版镜像文件下载)

    摘要:正式版发布,微软在和发上发布了镜像下载,虽然并未公开宣布,但意味着已经发布正式版。从故障转移群集迁移存储迁移到故障转移群集,以及在独立服务器和故障转移群集之间迁移。在独立服务器上使用存储空间的存储总线缓存存储总线缓存现在可用于独立服务器。windows server 2022 正式版发布!2021.08.19,微软在 VLSC 和 MSDN 发上发布了 windows server 2022...

    RaoMeng 评论0 收藏0
  • Vue面试题精选:VueReact的区别,分别在哪些场景下使用更合适?

    摘要:它们是高度重视且广泛使用的框架,用于界面设计。应用程序开发引起了全球开发人员的极大关注,以构建令人惊叹的应用程序。但是,具有适应性强的体系结构,使其成为广泛使用的框架之一,具有最新的库和包。专业和出色的社区支持,以解决任何问题。 JavaScript是世界上最流行的语言之一,React和Vue是JS最流行的两个框架。但哪一款最适合你? JavaScript越来越受欢迎,许多科技巨头正在...

    mcterry 评论0 收藏0

发表评论

0条评论

yacheng

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<