dagger.js: 来看几个小栗子

标签：dagger demo js react 版本 栗子 3D

大家好，我是Tony。今天给大家分享一些使用dagger.js 开发的样例作品。这些demo大多是fork（白嫖）自开源的react/vue版本后改写的，在此感谢各位原作者的工作。

对比两个版本的源码可以直观地感受dagger语法与其他框架之间的差异。在之后的文章里，我们会结合实例来进一步详细介绍dagger.js的使用方式。

1. 机械键盘（CSS Mechanical Keyboard）

dagger.js版本      原demo (react)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="Wr30e3u1-1733822039502" src="https://live.csdn.net/v/embed/436586"></iframe>

2. 3D轮播图

dagger.js版本     原demo (react)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="xhXGDKWP-1733822174050" src="https://live.csdn.net/v/embed/436597"></iframe>

3. 颜色选择器

dagger.js版本     原demo (react)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="Di5zNdqx-1733822328449" src="https://live.csdn.net/v/embed/436596"></iframe>

4. 3D井字棋

dagger.js版本     原demo (react)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="v7fUkvDx-1733822386985" src="https://live.csdn.net/v/embed/436588"></iframe>

5. 屏幕保护

dagger.js版本     原demo (vue)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="ENVaEdjw-1733822430265" src="https://live.csdn.net/v/embed/436601"></iframe>

6. 3D动画

dagger.js版本     原demo (原生)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="t8FXwSAI-1733822682900" src="https://live.csdn.net/v/embed/436595"></iframe>

7. 特斯拉线圈

dagger.js版本     原demo (react)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="EELL80go-1733822765101" src="https://live.csdn.net/v/embed/436600"></iframe>

8. 动画文字

dagger.js版本     原demo (react)

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="kCU3Rmwd-1733822980008" src="https://live.csdn.net/v/embed/436599"></iframe>

标签：dagger,demo,js,react,版本,栗子,3D
From： https://blog.csdn.net/2404_89388058/article/details/144378477