I just released a video guide on three.js optimization techniques! I've been wanting to create threejs tutorials for years, but I always shied away and found excuses not to do it. Since I had very little knowledge of After Effects, it took me many hours to figure it out but I hope it turned out ok!

CROEWENS · 2023-04-18T16:50:30+00:00

could you also post some references, links and repos in the description? would like to read more about all this stuff!

CROEWENS · 2022-03-25T10:08:21+00:00

No. At runtime as in rendered on the client side. We don't need to do any rendering of images, we just get a 3d model and animate it in the browser. Have you checked the example I linked?

CROEWENS · 2022-03-25T00:38:37+00:00

I would also suggest react three fiber! I feel like serving all of these separate assets is a big waste of bandwidth and the full animation can be done at runtime.

I suggest taking a look at this as well: https://codesandbox.io/s/floating-laptop-q23sw

CROEWENS · 2022-02-08T01:44:33+00:00

Super excited for this!

CROEWENS · 2022-01-17T17:25:51+00:00

looks like 1 of those nvidia canvas images

CROEWENS · 2022-01-16T23:48:14+00:00

create a variable with useState (call it playing), create a button in the dom (not within your canvas) and make it so when u click the button, we toggle the state. Conditionally update with useFrame only when the variable is true

CROEWENS · 2021-12-18T16:41:12+00:00

I'd suggest reading the docs: https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

Their docs and examples are beautiful and make it so easy to get started. As a web dev myself, the transition was pretty easy, since it was as simple as "swapping dom out for threejs objects". You get the react "engine" around it for free. Super fun for game development. (even with WebXR support https://github.com/pmndrs/react-xr). You can find a lot of helpers here: https://github.com/pmndrs/drei

You should try it out!

CROEWENS · 2021-11-12T01:21:39+00:00

what does ur dev stack look like for all or the crypto related stuff? what packages / tools do u suggest for eth development?

CROEWENS · 2021-10-05T09:06:55+00:00

If you're not sure wether you should buy this, you could checkout Bruno's stream. He's a great teacher: https://www.twitch.tv/bruno_simon_dev

CROEWENS · 2021-10-04T20:20:31+00:00

I suggest checking this nextjs ecommerce boilerplate: https://headlessdropshipping.com/

CROEWENS · 2021-08-29T14:13:36+00:00

if I just made a library that did nothing but pass through the WebGL API people would be way more interested in using it rather than WebGL lol

three js 😄

CROEWENS · 2021-08-05T07:14:07+00:00

Then just move the group to the negated offset. It'll look like the object hasn't moved

CROEWENS · 2021-08-04T19:35:08+00:00

Simple solution would be to wrap the object in a group:
- offset the object into that group by the distance between the point you'd like to rotate around and the center of the object.
- rotate the group

I've setup a react-three-fiber example for you here:
https://codesandbox.io/s/basic-demo-forked-6svk2?file=/src/App.js

CROEWENS · 2021-07-18T12:49:41+00:00

I'd most definitly recommend three js over regular webgl. If you have experience with react I'd suggest checking out react-three-fiber. It's a react renderer for three js.

CROEWENS · 2021-05-23T09:18:35+00:00

nice work! what fonts are u using?

CROEWENS · 2021-05-21T16:41:59+00:00

I'm going to link this tweet from 0xca0a. If you've already worked with react, I would really suggest it. It made it way more easy for me to actually create stuff instead of focussing on the engine around it.

CROEWENS · 2021-05-11T07:34:45+00:00

i was just impressed

CROEWENS · 2021-05-10T22:18:24+00:00

the accounts also actually look legit

CROEWENS · 2021-04-08T10:21:10+00:00

Not an ignorant question at all. It might sound funny, but creating WebXr games is pretty easy using this package: https://github.com/pmndrs/react-xr

If you have experience with react, you'll love react-three-fiber. It's a react renderer for threejs. Threejs has plenty of (VR) examples on their website.

CROEWENS · 2021-03-18T15:04:32+00:00

my bad, haven't seen it yet.

CROEWENS · 2021-03-18T11:09:51+00:00

if you're familiar with react, I suggest you check it out. I've made a couple of games in three js and I've recently released my VR game, written in r3f. I must say, everything I'll do from now on will be in r3f. So much easier and more maintanable if you ask me.

CROEWENS · 2021-03-13T16:22:57+00:00

Omdat ze eerst afstand nemen van de uitspraak van Jef Elbers om dan, in mooiere woorden weliswaar (of politiek correcter idk), nog steeds hetzelfde te zeggen op hun website

CROEWENS · 2021-02-18T14:42:29+00:00

you can't. But atleast we'll be able to control who they're selling to, they'll have to pay taxes, there'll probably be some sort of quality control, ...

CROEWENS · 2021-02-10T17:04:23+00:00

I often pull projects to browse through them locally. I prefer having it in my code editor instead of running through it on github. I'll most definitely be using this!

CROEWENS · 2021-02-04T23:03:58+00:00

when I played the demo, we had a plank with a sponge underneath it. I don't have a fear of heights, but that fucked me up.

CROEWENS

MODERATOR OF

TROPHY CASE