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
A set of hooks for quick prototyping in react-three-fiber
A ⚡ react-three-fiber demo ◼️
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
commit sha 5ec753d1d282f538cffd2ca6a6797ad5c2390fcc
Adds a monitor example
push time in 8 hours
push eventpmndrs/use-tweaks
commit sha 7fb4652774c6fd153a2160394d5c197e4ec16631
Fixes state on HMR
push time in 9 hours
issue openedpmndrs/use-tweaks
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
Merge state with initial values at construction
closed time in 21 hours
gsimoneissue closedpmndrs/use-tweaks
directories are recreated on refresh since they use ids
closed time in 21 hours
gsimoneissue 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
gsimonepush eventpmndrs/use-tweaks
commit sha fc54127470e701f729fd87c1e0596ffd3eddc7d2
Prevent HMR re-creating directories by using title as a key
commit sha a5f1b0105aa292022047bd44ade5f49f2535dea3
Updates
commit sha 068aab3179e907778f000a4ced1b19d18cb93e75
HMR Fixes DRAFT
commit sha 89ad56feb968792aedfb2eedcf2ca24c88f356c9
Merge branch 'main' of github.com:gsimone/r3f-tweakpane into main
push time in a day
startedformium/tsdx
started time in a day
issue commentpmndrs/use-tweaks
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
comment created time in a day
issue openedRenaudROHLINGER/r3f-next-starter
Use @react-three/postprocessing instead of react-postprocessing
created time in 2 days
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
commit sha 3be885cf3b1cfd5cb0c2148d7eda1f7ce7ef569f
Update README.md
push time in 2 days
push eventpmndrs/use-tweaks
commit sha 09aabb4224a0fb0b32da23d56680767f3dbc6966
Update README.md
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
commit sha 5c7f4981fe75b94627bb7e97f04179f0f8e1ece7
Fixes resizing
push time in 3 days
push eventgsimone/mrndlft
commit sha 8ca49ca967c0ee2bba9e87c637880b866b70e984
Removes old build files
push time in 3 days
push eventgsimone/mrndlft
commit sha 66aad578a36e78adddc10f1e53fb5e7c38d7d723
Fixes effect on mobile
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
commit sha d736948cc4a608d97b2dd30a55619a779b379eae
Titles
push time in 8 days
push eventgsimone/miranda-loft
commit sha 1eb34463b1007d2d76725ec291dca72fed7aa937
Initial commit
push 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 😂
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?
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
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]} />
comment created time in 12 days
issue commentpmndrs/drei
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
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
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
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
aVileBrokerissue commentpmndrs/drei
useDetectGPU props object is required, while not required by detect-gpu package
Closed by #162, thank you @aVileBroker
comment created time in 15 days
push eventpmndrs/drei
commit sha 6ebdaf3027207f18d45b0e3a4d4316c322225c58
#161 make props object optional to match detect-gpu typing
commit sha 6871cb9c744e3512572ce6bbd4962ac4108299b3
Merge pull request #162 from aVileBroker/161-useDetectGPU-fix-param-typing #161 Fix useDetectGPU props param typing
push time in 15 days
PR merged pmndrs/drei
none the types in IGetGPUTier are required, but there's no way to pass none of them when props is required in the hook.
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?
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
commit sha 6973180abb010d0fb45749bc8ec242c5fd747585
Linting
push time in 19 days
push eventgsimone/bunnymail
commit sha 7ba1b8d6c013d48409ed7ecc61d7421ff14da690
Fixes autofocus effect
push time in 19 days
push eventgsimone/bunnymail
commit sha b42ff8d468043a8d2da66be3e0bd65c2dbce7d3f
Autofocus
push time in 19 days
push eventgsimone/bunnymail
commit sha ec4740a8d468179112b480b8658db3f2c8428b1f
Updates
commit sha 347d1c9f947950ce725be36da233092c58f50ca6
fixes error when no localstorage is available
push time in 19 days
startedJam3/layout-bmfont-text
started time in 21 days
fork gsimone/three-bmfont-text
renders BMFont files in ThreeJS with word-wrapping
http://jam3.github.io/three-bmfont-text/test/
fork in 21 days
push eventgsimone/touch-designer-learning
commit sha 7a6f896d5056ec3fc0fd10a35610d9c005e67529
Update README.md
push time in 21 days
push eventgsimone/touch-designer-learning
commit sha fd4404c925b013b2a19b6d7e23b44ab29802ae15
Add files via upload
push time in 21 days
push eventgsimone/touch-designer-learning
commit sha f75486710bb8267a1c3d044ddeb519c0def76bad
Create .gitkeep
push 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
comment created time in 21 days
push eventpmndrs/react-three-fiber
commit sha 183301b22bf882f0163f04a3d9dc8a38224d083d
did you mean 'common'?
commit sha e63e6e37b6666355cd323a95f0355be6a87926c8
Merge pull request #725 from 0xflotus/patch-1 did you mean 'common'?
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.
comment created time in 23 days
create barnchgsimone/graphql-let-nextjs-serverSideProps
created branch time in 24 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?
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?
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
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
LukeWoodissue 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!
comment created time in a month
issue closedpmndrs/drei
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
axelbocpush eventpmndrs/drei
commit sha 30c708890e0fab5254663a967ece7b202aa9ded5
Issue #120: Add story for PointerLockControls
commit sha 4d6a69a46a9769224a09904e419e86ca73b827b8
Merge pull request #152 from johnmarinelli/issue-120 Issue #120: Add story for PointerLockControls
push time in a month
PR merged pmndrs/drei
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.
pr closed time in a month
push eventpmndrs/drei
commit sha 0a18abc53c1442edcb8b66130b6430c6c6a62b93
Issue #119: Add useProgress story
commit sha 51f8fa7e630ddee10632ae7fc548bec8b9dbe777
remove unnecessary stuff
commit sha 756b9e68210b2fc3e52583ae0f1b66d8465bdc74
Merge pull request #153 from johnmarinelli/issue-119 Issue #119: Add useProgress story
push time in a month
PR merged pmndrs/drei
issue: https://github.com/pmndrs/drei/issues/119
pr closed time in a month
pull request commentpmndrs/drei
Issue #119: Add useProgress story
LGTM
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!
comment created time in a month
push eventgsimone/awesome-react-three-fiber
commit sha caa9eaf2453e780d5730b1d6f7b670df7d7b64a3
Add link to react-three-fiber repo.
commit sha 33044ea2903e20d0b8b666aff56590af92b992a1
Merge pull request #2 from aureooms-contrib/master Add link to react-three-fiber repo.
push time in a month
issue openedgsimone/awesome-react-three-fiber
https://github.com/coldi/r3f-game-demo
created time in a month
issue openedgsimone/awesome-react-three-fiber
https://coldigames.itch.io/colmens-quest
created time in a month
issue openedgsimone/awesome-react-three-fiber
https://github.com/satansdeer/minecraft-react
created time in a month
push eventpmndrs/drei
commit sha 075ef469087728b4ac2456862ccdc03061c6f5fa
update detect-gpu to 1.5.0
commit sha 82328f51bdde753b41438dfcea743fb0da88d77e
update detect-gpu to 1.5.1
commit sha bbe39ff9648d3b745cf3758d3de1d40f446ed2c5
Merge pull request #149 from bastienrobert/upgrade-detect-gpu Update detect-gpu to 1.5.1
push time in a month