使用 React(-three-fiber) 和 Threejs 构建精美的登陆页面

Build fancy landing pages with React(-three-fiber) and Threejs

这门课程教你如何用很少的代码和复杂度为你的网站增添惊艳的装饰。

你可能会认为像awwwards、fwa或godly上的一些非凡网站对于一个懂得JavaScript、HTML和CSS的前端开发者来说是遥不可及的。网络上的图形一直非常复杂，仅限于少数专家社区。但有了poimandres工具，情况就改变了，因为它允许开发者抽象复杂行为，然后分享！现在，你可以像搭建网站上的其他内容一样，用React构建块来组合这样的体验。

初学者和中级学习者可能会更喜欢这门课程。你需要对React有基本的了解，或许已经了解了Threejs，尽管这可以稍后再学。

课程结果：https://bananas.vercel.app

课程大纲：

解构playful.software

从头搭建开发环境

在React中表达Threejs

动画基础

在Blender中寻找和准备模型资产

展示和组合它们

使用特效和良好的照明

作者介绍：

我叫Paul Henschel（@0xca0a），是react-three-fiber、react-spring、zustand、drei等其他开源库的主要开发者。我至少有10年使用Threejs的经验。我的目标是通过允许人们用更少的代码做更多事情而不失控制的工具，让创意开发空间更容易接近。