写了一个 chrome 小恐龙的 React 组件玩

This topic created in 3689 days ago, the information mentioned may be changed or developed.

Github 地址

DEMO懒得再写一个，直接放在了我的网站里，演示地址

头次用 Canvas 做游戏，请大神指点指点

指点

GitHub

React

canvas

15 replies • 2016-10-20 12:06:04 +08:00

hronro

Oct 9, 2016

看代码，似乎这个 React 组件直接就是 return 一个 canvas 标签而已？那这样为什么要用到 react 呢？直接用原生岂不是更好？为什么要把简单的事情变复杂呢

LzxHahaha

Oct 9, 2016

@hronro 因为还会修改 window.onblur 之类的函数，所以在组件的生命周期结束时会自动重置这些函数，如果直接写 canvas 的话，还要附加一些 getElement 之类的代码，现在只需要一句<Game/>就足够了

Trim21

Oct 9, 2016 via Android

手机运行起来似乎有点卡😂

LzxHahaha

Oct 9, 2016

@Trim21 还没怎么优化过（逃

designer

Oct 9, 2016 via iPhone

有意思。就是运动起来挺不自然。

designer

Oct 9, 2016 via iPhone

恐龙的脚步频率少了。感觉被推着走的恐龙。
还有图片看起来很模糊。能不能用 svg 矢量图表现啥的。

WhoMercy

Oct 9, 2016 via Android

点击起跳的时候有延迟，没有了“爽快感”

xxxyyy

Oct 9, 2016 via Android

如果真如 1 楼说的，那真不必要加上 react ，使用 getElementById 也就一行代码而已。

zhihaofans

Oct 9, 2016 via Android

你的博客是自己写的吗

egen

Oct 9, 2016

chrome 小恐龙是会越跑越快的，这个起跳和落下的速度也比较慢，不自然

LzxHahaha

Oct 9, 2016

@zhihaofans 是的

kongkongyzt

Oct 9, 2016

想问下 demo 页面上面的那个 3D 块怎么实现的

LzxHahaha

Oct 9, 2016

@kongkongyzt https://github.com/keyanzhang/react-atv-img/

zhihaofans

Oct 9, 2016

@LzxHahaha 很好看！！！

zhidian

Oct 20, 2016

体验结果是：恐龙似乎有点轻。好像在飘。