profile
viewpoint

emmelleppi/codrops-r3f-mirrors 40

Creating mirrors in react-three-fiber & threejs

gsimone/awesome-react-three-fiber 23

🍕 A loose collection of cool r3f links, gifs, people, stuff

emmelleppi/use-r3f-assets 20

A set of hooks for quick prototyping in react-three-fiber

emmelleppi/r3f-mirrors 9

A ⚡ react-three-fiber demo ◼️

gsimone/cra-template-r3f 6

A ⚡️ react-three-fiber kitchen-sink starter thingie 🤷‍♂️

emmelleppi/r3f-liquid-bottle 3

Liquid shader with refraction using threejs and react-three-fiber

push eventpmndrs/use-tweaks

Gianmarco Simone

commit sha 5ec753d1d282f538cffd2ca6a6797ad5c2390fcc

Adds a monitor example

view details

push time in 8 hours

push eventpmndrs/use-tweaks

Gianmarco Simone

commit sha 7fb4652774c6fd153a2160394d5c197e4ec16631

Fixes state on HMR

view details

push time in 9 hours

issue openedpmndrs/use-tweaks

Fix types

Internal types are placeholders Types created by the hook are up in the air, look into how to do it

created time in 10 hours

issue closedpmndrs/use-tweaks

Test with fast-refresh

Probably breaks right now

closed time in 21 hours

gsimone

issue closedpmndrs/use-tweaks

Look into how to remove inputs from the pane

Need to open an issue on the original repo

closed time in 21 hours

gsimone

push eventpmndrs/use-tweaks

Gianmarco Simone

commit sha fc54127470e701f729fd87c1e0596ffd3eddc7d2

Prevent HMR re-creating directories by using title as a key

view details

Gianmarco Simone

commit sha a5f1b0105aa292022047bd44ade5f49f2535dea3

Updates

view details

Gianmarco Simone

commit sha 068aab3179e907778f000a4ced1b19d18cb93e75

HMR Fixes DRAFT

view details

Gianmarco Simone

commit sha 89ad56feb968792aedfb2eedcf2ca24c88f356c9

Merge branch 'main' of github.com:gsimone/r3f-tweakpane into main

view details

push time in a day

startedformium/tsdx

started time in a day

issue commentpmndrs/use-tweaks

Test with fast-refresh

Maybe trying to avoid double-creation is the wrong approach, maybe we should look into contributing a way to remove panes in Tweakpane so that react can cleanup on update/hmr

gsimone

comment created time in a day

issue openedpmndrs/drei

Add new edgesplit and curve modifiers

New modifiers have been added to three in r122

https://threejs.org/examples/?q=modifie#webgl_modifier_curve

Can be made similar to the other existing hooks such as https://drei.react-spring.io/?path=/story/modifiers-usesimplification--use-simplification-scene-st

https://github.com/pmndrs/drei/blob/master/src/useTessellation.tsx https://github.com/pmndrs/drei/blob/master/src/useSimplification.tsx https://github.com/pmndrs/drei/blob/master/src/useSubdivision.tsx

created time in 2 days

push eventpmndrs/use-tweaks

Gianmarco

commit sha 3be885cf3b1cfd5cb0c2148d7eda1f7ce7ef569f

Update README.md

view details

push time in 2 days

push eventpmndrs/use-tweaks

Gianmarco

commit sha 09aabb4224a0fb0b32da23d56680767f3dbc6966

Update README.md

view details

push time in 2 days

starteddai-shi/proxy-compare

started time in 2 days

startedRenaudROHLINGER/r3f-next-starter

started time in 2 days

push eventgsimone/mrndlft

Gianmarco Simone

commit sha 5c7f4981fe75b94627bb7e97f04179f0f8e1ece7

Fixes resizing

view details

push time in 3 days

push eventgsimone/mrndlft

Gianmarco Simone

commit sha 8ca49ca967c0ee2bba9e87c637880b866b70e984

Removes old build files

view details

push time in 3 days

push eventgsimone/mrndlft

Gianmarco Simone

commit sha 66aad578a36e78adddc10f1e53fb5e7c38d7d723

Fixes effect on mobile

view details

push time in 3 days

starteddai-shi/proxy-memoize

started time in 3 days

starteddariomanesku/cmftStudio

started time in 4 days

startedd4nyll/lethargy

started time in 7 days

push eventgsimone/mrndlft

Gianmarco Simone

commit sha d736948cc4a608d97b2dd30a55619a779b379eae

Titles

view details

push time in 8 days

created repositorygsimone/mrndlft

created time in 8 days

push eventgsimone/miranda-loft

Gianmarco

commit sha 1eb34463b1007d2d76725ec291dca72fed7aa937

Initial commit

view details

push time in 8 days

create barnchgsimone/miranda-loft

branch : main

created branch time in 8 days

created repositorygsimone/miranda-loft

Created with CodeSandbox

created time in 8 days

startedmeilisearch/MeiliSearch

started time in 9 days

startedarmory3d/sdfgen

started time in 9 days

startedgeckosio/geckos.io

started time in 9 days

startedtailwindlabs/headlessui

started time in 9 days

issue commentpmndrs/react-three-fiber

Add a changelog to the project

Funny thing, that exact change IS in the v5 changelong 😂

Tirzono

comment created time in 10 days

startedcolejd/guify

started time in 10 days

issue commentpmndrs/react-three-fiber

🔮 version 6 goals and milestones

Since scale, position and rotation all take vector3s, could we code exceptions in the actual code? These are unlikely to change ever. I believe react-spring does it with html transforms, right?

drcmda

comment created time in 10 days

issue commentpmndrs/react-three-fiber

Add a changelog to the project

Sure, if you can whip up a changelog for any of the pmndrs libs please feel free to DM me on twitter or email and I'll update them. You can also find most of us in the official discord https://discord.com/invite/ZZjjNvJ

Tirzono

comment created time in 11 days

issue commentpmndrs/react-three-fiber

🔮 version 6 goals and milestones

Prop shorthands

<mesh scale={1} />  

would be equivalent to

<mesh scale={[1, 1, 1]} />
drcmda

comment created time in 12 days

issue commentpmndrs/drei

HDRI Lighting

I'm all for it, and you seem to know a lot about this, do you want to help out/make a PR/suggest an API?

There's also this component that might be a good place to test these hooks https://github.com/pmndrs/drei/blob/master/src/Environment.tsx

stockHuman

comment created time in 12 days

issue commentpmndrs/react-three-fiber

🔮 version 6 goals and milestones

I'll leave this here so we can discuss:

Clock controls

Since we are already going to expose a zustand store, we might as well let users control the clock.

Use cases

  • pause
  • fast forward
  • backward
  • frame by frame stepping ( like when capturing with ccapture )

Possible API

TBD

drcmda

comment created time in 12 days

startedwoltapp/blurhash

started time in 14 days

startedastarte-platform/astarte

started time in 14 days

issue commentpmndrs/drei

useGLTF loader does not work with any glb other than the default suzanne.glb

Are you using draco compression when exporting? Because the example suzanne glb does and so the example uses draco loader

LinuxIsCool

comment created time in 14 days

startedknightlyjs/knightly

started time in 15 days

issue closedpmndrs/drei

useDetectGPU props object is required, while not required by detect-gpu package

In all the examples of the hook, it is used without passing anything into the hook params, which in typescript throws an error, as props is required.

The typing on detect-gpu suggests that all of its params are optional, which makes it seem that useDetectGPU() should work, but it still expects something, and an empty object causes it to not memoize the value properly, creating a new webgl context every render (because {} !== {}).

I'll try and put up a PR for this to help out if this seems reasonable!

closed time in 15 days

aVileBroker

issue commentpmndrs/drei

useDetectGPU props object is required, while not required by detect-gpu package

Closed by #162, thank you @aVileBroker

aVileBroker

comment created time in 15 days

push eventpmndrs/drei

Oliver

commit sha 6ebdaf3027207f18d45b0e3a4d4316c322225c58

#161 make props object optional to match detect-gpu typing

view details

Gianmarco

commit sha 6871cb9c744e3512572ce6bbd4962ac4108299b3

Merge pull request #162 from aVileBroker/161-useDetectGPU-fix-param-typing #161 Fix useDetectGPU props param typing

view details

push time in 15 days

PR merged pmndrs/drei

#161 Fix useDetectGPU props param typing

none the types in IGetGPUTier are required, but there's no way to pass none of them when props is required in the hook.

+1 -1

0 comment

1 changed file

aVileBroker

pr closed time in 15 days

issue commentpmndrs/drei

detect-gpu moving forwards (2.0.0)

I like this approach, it's similar to what we do with the draco loader, giving users the ability to load their own but defaulting to CDN. Instead of importing the json we could use unpackage like:

import { getGPUTier } from 'detect-gpu';

const benchmarks = 'https://unpkg.com/detect-gpu@latest/benchmarks/all.json';

(async () => {
  const data = await getGPUTier({
    override: {
      // This overrides the default benchmark loader 
      // (loads from within benchmarks structure using filename e.g. `benchmarks['d-amd.json']`)
      loadBenchmarks: async (file: string) => await (benchmarks as any)[file],
    },
  });

  console.log(data);
})();

This would better eliminate tree-shaking and bundle size problems, loading the json only when the test is being used. What do you think?

TimvanScherpenzeel

comment created time in 16 days

startedoframe/ogl

started time in 16 days

startedevanw/glslx-vscode

started time in 16 days

startedevanw/glslx

started time in 16 days

startedMonitorControl/MonitorControl

started time in 17 days

push eventgsimone/bunnymail

Gianmarco Simone

commit sha 6973180abb010d0fb45749bc8ec242c5fd747585

Linting

view details

push time in 19 days

push eventgsimone/bunnymail

Gianmarco Simone

commit sha 7ba1b8d6c013d48409ed7ecc61d7421ff14da690

Fixes autofocus effect

view details

push time in 19 days

push eventgsimone/bunnymail

Gianmarco Simone

commit sha b42ff8d468043a8d2da66be3e0bd65c2dbce7d3f

Autofocus

view details

push time in 19 days

push eventgsimone/bunnymail

Gianmarco Simone

commit sha ec4740a8d468179112b480b8658db3f2c8428b1f

Updates

view details

Gianmarco Simone

commit sha 347d1c9f947950ce725be36da233092c58f50ca6

fixes error when no localstorage is available

view details

push time in 19 days

create barnchgsimone/bunnymail

branch : main

created branch time in 19 days

created repositorygsimone/bunnymail

tiny tool to process email lists

created time in 19 days

startedJam3/layout-bmfont-text

started time in 21 days

push eventgsimone/touch-designer-learning

Gianmarco

commit sha 7a6f896d5056ec3fc0fd10a35610d9c005e67529

Update README.md

view details

push time in 21 days

push eventgsimone/touch-designer-learning

Gianmarco

commit sha fd4404c925b013b2a19b6d7e23b44ab29802ae15

Add files via upload

view details

push time in 21 days

push eventgsimone/touch-designer-learning

Gianmarco

commit sha f75486710bb8267a1c3d044ddeb519c0def76bad

Create .gitkeep

view details

push time in 21 days

create barnchgsimone/touch-designer-learning

branch : main

created branch time in 21 days

created repositorygsimone/touch-designer-learning

Collection of cool tutorials for touch designer that I want to eventually try

created time in 21 days

startedLingDong-/ndwfc

started time in 21 days

issue commentpmndrs/react-three-fiber

ShaderMaterial: 'myShader' is not a property of this material.

Also checkout shaderMaterial in drei https://github.com/pmndrs/drei#shadermaterial

janvarsa

comment created time in 21 days

push eventpmndrs/react-three-fiber

0xflotus

commit sha 183301b22bf882f0163f04a3d9dc8a38224d083d

did you mean 'common'?

view details

Gianmarco

commit sha e63e6e37b6666355cd323a95f0355be6a87926c8

Merge pull request #725 from 0xflotus/patch-1 did you mean 'common'?

view details

push time in 23 days

startedakella/videoTransitions

started time in 23 days

issue commentpiglovesyou/graphql-let

Problem when using next's getServerSideProps

This issue might be related:

https://github.com/vercel/next.js/issues/8251

I suspect it's trying to load the resolvers with loadFileSync but is unable to do so.

gsimone

comment created time in 23 days

PR opened pmndrs/drei

[Don't Merge] Updates Troika Text to outline branch

Creating the PR to get the preview deploy

+34 -5

0 comment

3 changed files

pr created time in 24 days

create barnchpmndrs/drei

branch : troika-outline-test

created branch time in 24 days

create barnchgsimone/graphql-let-nextjs-serverSideProps

branch : main

created branch time in 24 days

created repositorygsimone/graphql-let-nextjs-serverSideProps

created time in 24 days

delete branch gsimone/draco

delete branch : patch-1

delete time in 25 days

issue commentpiglovesyou/graphql-let

Problem when using next's getServerSideProps

Hey, thanks for the answer!

Are you sure to include .graphql-let.yml is in runtime files in Vercel with .next

I'm not sure what this means, is there an example I can refer to or somewhere in the docs?

gsimone

comment created time in 25 days

issue openedpiglovesyou/graphql-let

Problem when using next's getServerSideProps

Hey, thanks for this project, we're having a great time using this with next, but while everything is fine with getStaticProps or when working local, it doesn't work with getServerSideProps when deployed on Vercel:

When visiting mydeploy/my-page I get a similar error:

ERROR	Unhandled error during request: Error: "Date" defined in resolvers, but not in schema
  • This is just because Date is the first resolver defined in the resolvers -

After some aggressive logging, we found that loadedFiles is an empty array.

I assume this is because when executing the getServerSideProps lambda function, it doesn't know how to find the definition files.

Schema:

import { join } from "path";

// https://www.graphql-tools.com/docs/generate-schema/
import { makeExecutableSchema } from "@graphql-tools/schema";

// https://www.graphql-tools.com/docs/merge-typedefs/#import-everything-from-a-specified-folder
import { loadFilesSync } from "@graphql-tools/load-files";
import { mergeTypeDefs } from "@graphql-tools/merge";

import graphQLLetConfig from "../.graphql-let.yml";
import resolvers from "./resolvers";

const loadedFiles = loadFilesSync(join(process.cwd(), graphQLLetConfig.schema));
const typeDefs = mergeTypeDefs(loadedFiles);

export const schema = makeExecutableSchema({
  typeDefs,
  resolvers,
});

Are we wrong with this approach? Is there a better way or some way to work around the problem?

Thank you for your time!

created time in 25 days

startedreact-figma/react-figma

started time in 25 days

startedalewin/useWorker

started time in a month

issue commentpmndrs/drei

[Loader] Typescript complains of missing props when none are passed

Mind making a PR?

ricardomatias

comment created time in a month

pull request commentpmndrs/drei

Issue #127: Add a custom material story for Text

Would you mind actually making two separate stories? one default and one custom material - should be just come copypasting

johnmarinelli

comment created time in a month

issue closedpmndrs/drei

Stars break when temporarily removing from scene

I've used a few components from Drei and really enjoyed them - so thanks for your hard work!

My issue here is that on https://lukewood.dev when you toggle to day mode, reload the page, then switch to night mode the sky stays white for some reason. Note sure if this is related to the Star shader code or what.

Thanks for any guidance!

closed time in a month

LukeWood

issue commentpmndrs/drei

Stars break when temporarily removing from scene

I can't seem to reproduce this, I'll close this for now, please try to make a codesandbox with a repro so we can take a look!

LukeWood

comment created time in a month

issue closedpmndrs/drei

Tree-shaking not working

I've been trying to tree-shake ThreeJS in my project, since I have a bundle that weighs 1.7 MB... I've tried using three-minifier, as well as creating my own export file as suggested in a react-three-fiber recipe, but neither solution worked.

Then, I tried removing drei, which I use for the Html component, and my bundle dropped by 800 kB!

I see that a previous attempt was made at fixing this in #106, but it did not seem to work (I'm on drei v1.5.6).

I think the issue is caused by the export * syntax used in https://github.com/pmndrs/drei/blob/master/src/index.tsx (cf. this webpack issue). Fortunately, it looks like it's been fixed in webpack v5.

It may be worth replacing export * with named exports, since broad adoption of webpack v5 in the ecosystem may take a while.

closed time in a month

axelboc

issue closedpmndrs/drei

Chore: Add story for useProgress

closed time in a month

gsimone

push eventpmndrs/drei

John Marinelli

commit sha 30c708890e0fab5254663a967ece7b202aa9ded5

Issue #120: Add story for PointerLockControls

view details

Gianmarco

commit sha 4d6a69a46a9769224a09904e419e86ca73b827b8

Merge pull request #152 from johnmarinelli/issue-120 Issue #120: Add story for PointerLockControls

view details

push time in a month

PR merged pmndrs/drei

Issue #120: Add story for PointerLockControls

i noticed that the TrackballControls story is actually using <OrbitControls/>. I think this is because <Setup/> needs controls={false} for any *Controls story, otherwise OrbitControls will override any other *Controls.

+51 -0

0 comment

1 changed file

johnmarinelli

pr closed time in a month

push eventpmndrs/drei

John Marinelli

commit sha 0a18abc53c1442edcb8b66130b6430c6c6a62b93

Issue #119: Add useProgress story

view details

John Marinelli

commit sha 51f8fa7e630ddee10632ae7fc548bec8b9dbe777

remove unnecessary stuff

view details

Gianmarco

commit sha 756b9e68210b2fc3e52583ae0f1b66d8465bdc74

Merge pull request #153 from johnmarinelli/issue-119 Issue #119: Add useProgress story

view details

push time in a month

PR merged pmndrs/drei

Issue #119: Add useProgress story

issue: https://github.com/pmndrs/drei/issues/119

+38 -0

1 comment

1 changed file

johnmarinelli

pr closed time in a month

pull request commentpmndrs/drei

Issue #119: Add useProgress story

LGTM

johnmarinelli

comment created time in a month

startedhughsk/matcap

started time in a month

pull request commentgsimone/awesome-react-three-fiber

Add link to react-three-fiber repo.

Thank you!

aureooms

comment created time in a month

push eventgsimone/awesome-react-three-fiber

Aurélien Ooms

commit sha caa9eaf2453e780d5730b1d6f7b670df7d7b64a3

Add link to react-three-fiber repo.

view details

Gianmarco

commit sha 33044ea2903e20d0b8b666aff56590af92b992a1

Merge pull request #2 from aureooms-contrib/master Add link to react-three-fiber repo.

view details

push time in a month

issue openedgsimone/awesome-react-three-fiber

Add r3f-game-demo

https://github.com/coldi/r3f-game-demo

created time in a month

issue openedgsimone/awesome-react-three-fiber

Add colmen's quest

https://coldigames.itch.io/colmens-quest

created time in a month

issue openedgsimone/awesome-react-three-fiber

Add minecraft-react

https://github.com/satansdeer/minecraft-react

created time in a month

pull request commentpmndrs/drei

Update detect-gpu to 1.5.1

Thank you!

bastienrobert

comment created time in a month

push eventpmndrs/drei

Bastien Robert

commit sha 075ef469087728b4ac2456862ccdc03061c6f5fa

update detect-gpu to 1.5.0

view details

Bastien Robert

commit sha 82328f51bdde753b41438dfcea743fb0da88d77e

update detect-gpu to 1.5.1

view details

Gianmarco

commit sha bbe39ff9648d3b745cf3758d3de1d40f446ed2c5

Merge pull request #149 from bastienrobert/upgrade-detect-gpu Update detect-gpu to 1.5.1

view details

push time in a month

more