Theatre.js 0.5 - Animate THREE.js scenes in the browser

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 46

  • @adamherman5859
    @adamherman5859 2 ปีที่แล้ว +6

    just got this in my recommended and omg this is the perfect tool seriously, starting asap

  • @dinoscheidt
    @dinoscheidt 2 ปีที่แล้ว +4

    Very neat - thanks for popping up in my video recommendations ❤

  • @maxziebell4013
    @maxziebell4013 2 ปีที่แล้ว +2

    You really have been at work ...🤯… greetings from Berlin to Berlin 🤓

  • @mahdisoultana4926
    @mahdisoultana4926 ปีที่แล้ว

    thank you very much for this helpful tutorial i wish if you had more recent animation tutorial with theatre.js

  • @SamSepiol127
    @SamSepiol127 ปีที่แล้ว +1

    jeez this seems AMAZING...I have to give it a try! Thank you for sharing!

  • @Jake-bh1hm
    @Jake-bh1hm 6 หลายเดือนก่อน

    This is awesome!!! Thank you 🙏 this will save so much time

  • @alvarobyrne
    @alvarobyrne 2 ปีที่แล้ว +2

    long time no .... animate

  • @torrentz4life392
    @torrentz4life392 ปีที่แล้ว +1

    Please do more tutorials involving react three fiber. Even shorts would be great.

  • @3dfuture.ledcanvas
    @3dfuture.ledcanvas 2 ปีที่แล้ว +1

    Great plug-in 👍

  • @afrosymphony8207
    @afrosymphony8207 2 ปีที่แล้ว

    first time hearing about this...holy shit its amazing

  • @AndyNorth
    @AndyNorth ปีที่แล้ว

    Great job! Thank you very much.
    this will help me out to make cinematic camera for opening or ending of my game.

  • @adrianooo3658
    @adrianooo3658 2 ปีที่แล้ว +2

    This is great! Thanks.

  •  2 ปีที่แล้ว +3

    I noticed that the camera can be moved with the gizmo, is there something similar to Blender where you can manipulate the camera freely with WASD? There's also another mode in Blender where the camera falls with gravity and uses the floor to walk like in a FPS. Congrats, amazing work.

    • @trebaltek
      @trebaltek 2 ปีที่แล้ว +3

      import { editable as e, SheetProvider, } from '@theatre/r3f' than add const EditableCamera = e(PerspectiveCamera, 'perspectiveCamera') in the canvas add

  • @vinaciotm
    @vinaciotm ปีที่แล้ว

    OMG, SO AMAZING

  • @markopolo2224
    @markopolo2224 ปีที่แล้ว

    im sorry this is just so cool

  • @--bountyhunter--
    @--bountyhunter-- 9 หลายเดือนก่อน

    HOOOLLLYYYYYY MOOOLLYYY!!!!

  • @Danjovisagat
    @Danjovisagat 2 ปีที่แล้ว

    Im inspired I wanna see what others have made, my only idea is a nice menu before launching a game.

  • @chibapu
    @chibapu ปีที่แล้ว +1

    what is the contentof setup scene?, where are you getting this initial scene/object?, did you put a repo with the example ?

  • @afuzzybearsyoutubechannel2812
    @afuzzybearsyoutubechannel2812 วันที่ผ่านมา

    🔥💚🔥

  • @wisdomcube7789
    @wisdomcube7789 ปีที่แล้ว

    holy shizz, i need this

  • @imbateam
    @imbateam 2 ปีที่แล้ว

    very nice! I will use this for my project :)

  • @rizzbod
    @rizzbod ปีที่แล้ว

    Amazing

  • @0GRANATE0
    @0GRANATE0 2 ปีที่แล้ว +1

    is it possible to pause/play the animation?

  • @NandoSangenetto
    @NandoSangenetto 2 ปีที่แล้ว

    Amazing!

  • @markopolo2224
    @markopolo2224 ปีที่แล้ว

    looks interesting as fuck

  • @asmaniya8977
    @asmaniya8977 2 ปีที่แล้ว

    что за панель у него справа и слева ?:
    what a panel the creator has at left an right of the screen ?

  • @trebaltek
    @trebaltek 2 ปีที่แล้ว +3

    where can i get a example of this code, im having issues overriding the defuat camera in react three fiber. i can get everything to show up to edit in the r3f ui. but im unable to make the camera in the r3f ui that i can move around in my snap shot as my default camera and if i makeDefault in the tag everything stops working

    • @simikite
      @simikite 2 ปีที่แล้ว +1

      Have this issue too, any update?

    • @trebaltek
      @trebaltek 2 ปีที่แล้ว +1

      @@simikite import { editable as e, SheetProvider, } from '@theatre/r3f' than add const EditableCamera = e(PerspectiveCamera, 'perspectiveCamera') in the canvas add

    • @trebaltek
      @trebaltek 2 ปีที่แล้ว

      to make the orthographic camera editable replace perspective with orthographic in the const statement.

    • @trebaltek
      @trebaltek 2 ปีที่แล้ว +2

      dont forget to import { PerspectiveCamera, OrthographicCamera, } from '@react-three/drei' and remove any camera attached to the canvas.

    • @trebaltek
      @trebaltek 2 ปีที่แล้ว +2

      @@simikite oh ya if you want the canvas view to show up in the top right corner of snapshot view add this to the canvas and use directional lighting if you want the light to follow the object no matter where it moves in the canvas. spotlight is for areas you want to light up more.

  • @Ando_Figueroa
    @Ando_Figueroa 2 ปีที่แล้ว +2

    NOOOOOICE!!

  • @mml42
    @mml42 2 ปีที่แล้ว

    Not looks like for Software Developers , more for designers who has skills in 3d editors

    • @trebaltek
      @trebaltek 2 ปีที่แล้ว +8

      its to visually see your animations without coding all the movements and just pull them from a json file... coding animations kills productivity trying to get perfect movement. this is for coders who need a quicker and better outcome when animating, this can take many hours of coding away which is a plus..

    • @deletrious
      @deletrious 2 ปีที่แล้ว +1

      incorrect.

  • @HalkerVeil
    @HalkerVeil 2 ปีที่แล้ว

    What even is this? Why not just use Blender or Maya?

    • @trebaltek
      @trebaltek 2 ปีที่แล้ว +4

      this is for animating for web. you cant just plop an animation in a web browser from blender and expect it to work. this is for threejs and react three fiber web designers

    • @edenassos
      @edenassos 2 ปีที่แล้ว

      Another brain-deceased more on.

    • @edenassos
      @edenassos 2 ปีที่แล้ว

      Another empty between the ears more on.

    • @HalkerVeil
      @HalkerVeil 2 ปีที่แล้ว

      @@edenassos Sorry but if this is another web3 thing then your comment is correct.
      The amount of times we have heard Web3 in the industry and literally nobody uses it outside of experimentation and that one or two niche websites nobody goes to...

    • @edenassos
      @edenassos 2 ปีที่แล้ว

      @@HalkerVeil If you don't dev, just don't say a word, your opinion is not needed. Stick to your blender like the amateur you are.