javascript - 树随着用户滚动而生长

标签 javascript html5-canvas

我有一个想法,网站上有一棵树,当用户向下滚动页面时,树会生长,随着树变大, Twig 会出现。这个想法是分支将是可点击的并以模式显示内容,新内容将不断添加,因此树的底部必须适应这一点。我正在考虑让它滚出屏幕,随着它的不断增长,将会出现更多的内容分支。

我是一名 PHP 开发人员,所以正在寻求有关最佳方法的建议?我目前的想法是使用 JavaScript 和 Canvas?

我意识到我需要一段时间才能了解这个项目所需的知识,但这就是我想要开发它的部分原因。

最佳答案

这可以通过 Scrollmagic ( http://scrollmagic.io/examples/basic/simple_tweening.html ) 实现,对我来说效果很好......

关于javascript - 树随着用户滚动而生长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34257530/

相关文章:

javascript - 为什么++i 在 for 循环之前不递增 i?

html - getContext ('2d' ) 在 Safari 10 中返回 null

javascript - Canvas 背景图像未显示在打开的网页上

javascript - 绕轴旋转 Canvas 问题

javascript - html5 canvas 和纯 Javascript/GWT 的游戏性能

javascript - 如何使用 canvas HTML5 绘制星星?

Javascript 代码在 Mozilla Firefox 中运行,但在 Google Chrome 中不运行

javascript - 在滚动和类调用时显示 div

javascript - 仅使用前端脚本避免向 Google 地理编码发出多个请求

javascript - 制作 JQuery 扩展 $.fn.extension