remotion-dev/remotion

Write a tutorial on how to import a design from spline.design into Remotion #1376

JonnyBurger posted onGitHub

šŸŽƒ This issue is part of our Hacktoberfest campaign! šŸ“š Read more about Hacktoberfest here šŸ•› This issue is taken by @ayatkyo! šŸ’° Thanks to CodeChem for sponsoring this issue!

https://app.spline.design/ is a web 3D editor that allows to design 3D models on the web and then export them in React Three Fiber. We also support React Three Fiber, so there should be a tutorial on how you can design a scene and then import it into Remotion.

Acceptance criteria

  • Write a tutorial on how to design a very simple scene and then explain how one can export the React Three Fiber code and put it into Remotion. Then, show a simple animation, like for example a spin.
  • The Three template (Found on the Remotion website) can be taken as a reference.
  • Include screenshots to visually guide.

Screenshot 2022-10-06 at 16 20 51


I'd like to work on this, if possible šŸš€

posted by aacevski over 2 years ago

@aacevski Reserved it for you! No guarantee that this will become a Hacktoberfest issue or that it will hold a bounty, but stay tuned because we hope to make it happen šŸ™‚

posted by JonnyBurger over 2 years ago

@aacevski Are you still working on this issue? If not, then can I work on this @JonnyBurger?

posted by pabloescoder over 2 years ago

@aacevski Are you still working on this issue? If not, then can I work on this @JonnyBurger?

Hey, sorry I had no time to pay attention to this - please take this!

posted by aacevski over 2 years ago

@pabloescoder Assigned! :) This issue also has a $125 bounty on it!

posted by JonnyBurger over 2 years ago

@aacevski @JonnyBurger Thank you! I'll get started with it right away.

posted by pabloescoder over 2 years ago

@JonnyBurger Just so that I'm clear, should I make a Markdown file with the tutorial content and add it to this repository (if yes, then where should I place the Markdown file), or should I write a tutorial on a blogging website like Medium, DEV (or anything else that you prefer)?

posted by pabloescoder over 2 years ago

@pabloescoder It should be a Markdown file that gets put in this repo! It can be colocated to this one: https://github.com/remotion-dev/remotion/blob/main/packages/docs/docs/figma.md

posted by JonnyBurger over 2 years ago

@remotion-dev has funded $140.00 to this issue.


posted by issuehunt-app[bot] over 2 years ago

@pabloescoder It should be a Markdown file that gets put in this repo! It can be colocated to this one: https://github.com/remotion-dev/remotion/blob/main/packages/docs/docs/figma.md

Alright! Sounds good.

posted by pabloescoder over 2 years ago

@remotion-dev has funded $56.00 to this issue.


posted by issuehunt-app[bot] over 2 years ago

@jonnyburger has rewarded $176.40 to @pabloescoder. See it on IssueHunt

  • :moneybag: Total deposit: $196.00
  • :tada: Repository reward(0%): $0.00
  • :wrench: Service fee(10%): $19.60
posted by issuehunt-app[bot] over 2 years ago

Fixed by #1429

posted by JonnyBurger over 2 years ago

Fund this Issue

$196.00
Rewarded

Rewarded pull request

Recent activities

pabloescoder was rewarded by jonnyburger for remotion-dev/remotion# 1376
over 2 years ago
remotion-dev funded 56.00 for remotion-dev/remotion# 1376
over 2 years ago