profile
viewpoint
Paul Henschel drcmda AWV Informatik AG St. Gallen https://twitter.com/0xca0a react-spring, paranoid android, luxundlaune.com

drcmda/mauerwerk 805

⚒ A react-spring driven masonry-like grid with enter/exit and shared element transitions

drcmda/react-animated-tree 762

🌲Simple to use, configurable tree view with full support for drop-in animations

drcmda/react-contextual 646

🚀 react-contextual is a small (less than 1KB) helper around React 16s new context api

drcmda/immer-wieder 167

✨ React 16 context wrap with redux semantics powered by immer

drcmda/learnwithjason 68

Learn how to use theejs in react using react-three-fiber 🎉

drcmda/r3fv4 27

Created with CodeSandbox

drcmda/react-beautiful-dnd 3

Beautiful, accessible drag and drop for lists with React.js

startedvanruesc/postprocessing

started time in 16 hours

issue closedvanruesc/postprocessing

getter/setters + constructor args

we released a first version of react-postprocessing: https://github.com/react-spring/react-postprocessing and immediately bumped into this problem: https://github.com/react-spring/react-postprocessing/issues/8

there seems to be a difference between the constructor args and the internal values that drive the effect. as an example, we want to fade bloom, the pp docs state that the prop is called luminanceThreshold. but when the effect is created, effect.luminanceThreshold does nothing, instead it's being forwarded internally to effect.luminanceMaterial.threshold which is unfortunate.

it certainly works, see: https://codesandbox.io/s/r3f-basic-demo-zvu4g?file=/src/App.js

but that either forces users to browse source files, or us to abstract it - at the risk of pp changing stuff in any patch version.

the question is: would it possible to add setter/getters for config props that write into the correct uniforms and such automatically? that is what most threejs classes do, materials for instance. that would be such a welcome feature as it would make effects dynamic.

closed time in 16 hours

drcmda

issue commentvanruesc/postprocessing

getter/setters + constructor args

i think we're going to extend PP classes with setter/getters that match the config args as well as imperative function args (setEdgeThreshold, etc). that seems like not so much trouble on our side and it'll be easier to type. thanks for your time!

drcmda

comment created time in 16 hours

issue closedvanruesc/postprocessing

webgl2 and multisamplerendertarget

now that threejs has switched officially to webgl2, could pp perhaps optimize with a flag or something so that we get native MSAA instead of having to use SMAA as an effect pass?

@looeee wrote down the basic steps here: https://discourse.threejs.org/t/advantages-disadvantages-of-using-webgl2/7717/7

const composer = new EffectComposer(renderer, {
  frameBufferType: HalfFloatType,
  webgl2: true // ?
})

closed time in 16 hours

drcmda

issue commentvanruesc/postprocessing

webgl2 and multisamplerendertarget

thanks for your explanation @vanruesc! for our project we opted to make MSAA the default and SMAA optional. i've tried with a bunch of examples and it looks pretty clean to me. i really had no idea you already had this implemented, this lib moves so fast im always amazed.

drcmda

comment created time in 16 hours

pull request commentreact-spring/drei

adds a warning on standardEffects mount

@stephencorwin essentially calling

<EffectComposer><SSAO /><Bloom /></EffectComposer>

would get you the same thing. but it would be less magic and users would be pushed a little to look up what these weird terms actually do. before react-pp this would have been an imperative 100 LOC block that's why i thought it would be great to have something quick for demoing stuff. but with react-pp it's not only quick, it's also extensible and versatile.

gsimone

comment created time in 16 hours

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha f1736c0638da61ab51f55b62ef649ff788e651d8

Update README.md

view details

push time in 19 hours

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha c1d7a7e7e7f12b5add88699612498a6be0cadc53

Update README.md

view details

push time in 19 hours

issue commentreact-spring/drei

event.stopPropagation() not working with Html

this is because the html renders somewhere within the canvases parent div, it cant stop the propagation. if you portal html content in front of the canvas, then you can: https://codesandbox.io/s/event-propagation-from-html-pchhd?file=/src/index.js

ivnaleta

comment created time in 20 hours

issue commentreact-spring/react-three-fiber

🔮 V5: Milestones, Ideas, Suggestions, ...

events and resize observer would have to happen outside of react, essentially it would be

import React from 'react'
import { render } from 'react-three-fiber'

render(<mesh />, document.getElementById('canvas'), { shadowMap: true, ... })

the state model that's currently kept in <Canvas /> would be in the renderer root (in renderer.tsx)

const roots = new Map<THREE.Object3D, Reconciler.FiberRoot>()

instead of Reconciler.FiberRoot it would be an object with the fiberroot and the state.

drcmda

comment created time in 20 hours

issue commentreact-spring/react-postprocessing

Updating effects via `useFrame`

for this btw we could really need help, it would be easy to do:

import { BloomEffect as BloomEffectImpl } from 'postprocessing'

class BloomEffect extends BloomEffectImpl {
  set luminanceThreshold(v) { this.luminanceMaterial.threshold = v }
  get luminanceThreshold() { return this.luminanceMaterial.threshold }
  ...
}

the react-pp effects would then instanciate that instead of the original. if you want @robksawyer PR's welcome 🙂

robksawyer

comment created time in a day

issue commentreact-spring/react-postprocessing

Performance drops when using with drei>Reflector

reflector is quite expensive, i think it re-renders everything again (?), not sure how these two interact otherwise.

gsimone

comment created time in a day

issue commentreact-spring/react-postprocessing

Logo Proposal

not sure about the sig rune tho, i think drei is already pushing it but it was completely accidental and it's a 3 nonetheless. can we try something else? :-)

gsimone

comment created time in a day

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha ad50575238946ea68c5ac830fa84e2b5d6fa1ac6

Update api.md

view details

push time in a day

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 33385ec7797e5a037fa8d8b6f2f66232f62c1fb0

Update README.md

view details

push time in a day

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha fb469ed02f0b9cef526f55484dbfad07188e1d7d

Update README.md

view details

push time in a day

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha b13e46dc2d6880c46a112425a95bfc2e1d15c510

switch to multisampling by default, make smaa an effect

view details

Paul Henschel

commit sha 27358cf00c797672cfe9d4caf3f3e11be55c02e5

Merge branch 'master' of https://github.com/react-spring/react-postprocessing

view details

Paul Henschel

commit sha aee57e9e60b592823bea957ab278324ef0e0e1ed

readme

view details

Paul Henschel

commit sha 1dfedb8e4fc4b8b4a7fe97ecd33041a99ee013fe

1.1.3

view details

push time in a day

created tagreact-spring/react-postprocessing

tagv1.1.3

📬 postprocessing for react-three-fiber

created time in a day

issue openedvanruesc/postprocessing

webgl2 and multisamplerendertarget

now that threejs has switched officially to webgl2, could pp perhaps optimize with a flag or something so that we get 4 or 8xMSAA instead of having to use SMAA?

@looeee wrote down the basic steps here: https://discourse.threejs.org/t/advantages-disadvantages-of-using-webgl2/7717/7

created time in 2 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha c35b31127a14ba13b4a5ed796c57e4d71c4b6be3

Update readme.md

view details

push time in 2 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 63bb44f1130e0cdbc4800047682dcd56fa40b22a

Update readme.md

view details

push time in 2 days

issue commentreact-spring/react-postprocessing

Glitch multiple issues

there is a bug in the betas, they all ran without smaa (antialeasing, smooth edges). when it comes to effects and how they work, i am a complete novice, i have no idea what a convolution effect is, that message comes from postprocessing. im guessing certain effects cant be mixed with others. in pp you have to create multiple passes in cases like that, in react-pp we have no means for that currently.

hurricane987

comment created time in 2 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 0bfd5ec13e38770d154eec9b47cc8b7580d7574a

fix up example

view details

push time in 2 days

issue commentvanruesc/postprocessing

getter/setters + constructor args

it's certainly possible to set props like that, users can set em like so:

<Bloom luminanceMaterial-threshold={0.1} />

or imperatively via a reference, like in that demo.

it's just that it stretches the learning effort a bit, whereas if we could stick to the config parameters and the same names, that would cover most of the usecases i guess. it's like, if i want to learn bloom i have to know that i can set the treshholt via luminisanceThreshold, but then if i want to change it later on, it's something else, different name even. so im constantly browsing through doc files.

if internals don't change we can also abstract it like that in the wrapper.

drcmda

comment created time in 2 days

issue openedvanruesc/postprocessing

getter/setters instead of constructor args

we recently released a first feasible version of react-postprocessing: https://github.com/react-spring/react-postprocessing

and we immediately bumped into this problem: https://github.com/react-spring/react-postprocessing/issues/8

there seems to be a difference between the constructor args and the internal values that drive the effect. it would be great if these values could be setter/getters with the same name, which is common in threejs. so if users want to mutate or even animate/fade an effect, they could easily do so without peeking into pp internsals.

here's an example. we want to fade bloom, the pp docs state that the prop is called luminanceThreshold. but when the effect is created, effect.luminanceThreshold does nothing, instead it's being forwarded internally to effect.luminanceMaterial.threshold which is unfortunate.

it certainly works, see: https://codesandbox.io/s/r3f-basic-demo-zvu4g?file=/src/App.js

but that either forces users to browse source files, or us to abstract it - at the risk of pp changing stuff in any patch version.

the question is: would it possible to add setter/getters for config props that write into the correct uniforms and such automatically? that would be such a welcome feature as it would make effects dynamic.

created time in 2 days

issue commentreact-spring/react-postprocessing

Updating effects via `useFrame`

i tried it out and it works, but you need to know postprocessing internals because the constructor parameters that you pass have are mapped to internals.

for instance this is how you fade Blooms luminianceThreshold:

function Effects() {
  const ref = useRef()
  useFrame((state) => {
    if (ref.current) {
      ref.current.luminanceMaterial.threshold = 0.1 + (1 + Math.sin(state.clock.getElapsedTime() * 2)) / 3
    }
  }, [])
  return (
    <EffectComposer>
      <Bloom ref={ref} KernelSize={KernelSize.VERY_LARGE} height={400} opacity={2} />
      <SSAO />
    </EffectComposer>
  )
}

now that's unfortunate and mostly due to postprocessing not using getter/setters but contructor parameters. react-postprocessing could try to abstract this but it seems rather hacky, and pp could thrash that in any patch version.

robksawyer

comment created time in 2 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 93acb42c4d1c52547d09e44ab733a19d643bc23b

put forwardrefs back

view details

Paul Henschel

commit sha ade0858a4d9750060f76e49108f772f81ed30cbe

Merge branch 'master' of https://github.com/react-spring/react-postprocessing

view details

Paul Henschel

commit sha 395e28710b6ba1d45fbb0130be710691f6eb9e52

1.1.2

view details

push time in 2 days

created tagreact-spring/react-postprocessing

tagv1.1.2

📬 postprocessing for react-three-fiber

created time in 2 days

push eventreact-spring/react-postprocessing

Hunter Caron

commit sha d5b455ee65022e2042dc9424776737a43fb66e0b

Fixing small glitch example code typo postrocessing -> postprocessing

view details

Paul Henschel

commit sha 8fcff1e7e45b5b3e58b91d8c363759c83b3fead6

Merge pull request #12 from huntercaron/patch-1 Fixing small glitch example code typo

view details

push time in 2 days

push eventreact-spring/react-postprocessing

dependabot[bot]

commit sha 9d7bfc473007c022dba03dcce107c701213b4a0b

Bump elliptic from 6.5.2 to 6.5.3 in /example Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.2 to 6.5.3. - [Release notes](https://github.com/indutny/elliptic/releases) - [Commits](https://github.com/indutny/elliptic/compare/v6.5.2...v6.5.3) Signed-off-by: dependabot[bot] <support@github.com>

view details

Paul Henschel

commit sha 751ef0c8849a5e5e07f378a877a8d8d0dd6c1ab6

Merge pull request #11 from react-spring/dependabot/npm_and_yarn/example/elliptic-6.5.3 Bump elliptic from 6.5.2 to 6.5.3 in /example

view details

push time in 2 days

PR merged react-spring/react-postprocessing

Bump elliptic from 6.5.2 to 6.5.3 in /example dependencies

Bumps elliptic from 6.5.2 to 6.5.3. <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/indutny/elliptic/commit/8647803dc3d90506aa03021737f7b061ba959ae1"><code>8647803</code></a> 6.5.3</li> <li><a href="https://github.com/indutny/elliptic/commit/856fe4d99fe7b6200556e6400b3bf585b1721bec"><code>856fe4d</code></a> signature: prevent malleability and overflows</li> <li>See full diff in <a href="https://github.com/indutny/elliptic/compare/v6.5.2...v6.5.3">compare view</a></li> </ul> </details> <br />

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

</details>

+6 -6

0 comment

1 changed file

dependabot[bot]

pr closed time in 2 days

push eventgsimone/r3f-bubbles

Paul Henschel

commit sha 5d33fc7b01f60584119a323ad6e30518806ace11

use material directly

view details

push time in 2 days

push eventgsimone/r3f-bubbles

Paul Henschel

commit sha ee0cef21738e34014d3695d860cd1b05c4668249

up react-pp use csb code

view details

push time in 2 days

created tagreact-spring/react-postprocessing

tagv1.1.1

📬 postprocessing for react-three-fiber

created time in 2 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha ac04028b6de5334d19c50718af14de7b53457290

move away from clones and refs

view details

Paul Henschel

commit sha b3ae8f31db0bd830bd5238dd7045e8d0dc4986e5

Merge branch 'master' of https://github.com/react-spring/react-postprocessing

view details

Paul Henschel

commit sha 696822b2ee33fc6bcff5f0818c5c3dfc8bea8078

1.1.1

view details

push time in 2 days

issue commentreact-spring/react-three-fiber

🔮 V5: Milestones, Ideas, Suggestions, ...

Yes, very much, could need help for sure. I've completed many of the tasks I wanted to tackle and this this the big one that would need quite the rewrite.

drcmda

comment created time in 2 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha f5a6bcf4b48c7eeafa24199e39387b45a01fe722

Update README.md

view details

push time in 3 days

push eventreact-spring/react-three-fiber

Giulio Zausa

commit sha 69b3a6780a682a3c55dbe46fc42dbedcc6a59e61

Fix for WebGL1 context creation (#605) * WIP Added fix for WebGL1 context creation * Changed gl2 prop to webgl1 * Updated WebGL2 example to the new props * Updated THREE to r118, removed PointLightShadow * Restored syntax

view details

push time in 3 days

PR merged react-spring/react-three-fiber

Fix for WebGL1 context creation

Proposed fix for #604.

Right now it does not build, since it needs three >=118. Doing the update breaks some things.

+17 -18

3 comments

8 changed files

giulioz

pr closed time in 3 days

pull request commentreact-spring/react-three-fiber

Fix for WebGL1 context creation

did they change that, too? threejs is howl's moving castle.

giulioz

comment created time in 3 days

issue commentreact-spring/react-use-gesture

Calculating the angle

angle sounds very interesting! if @dbismut didn't add it already please make a PR!

hazem3500

comment created time in 3 days

pull request commentreact-spring/react-three-fiber

WIP Fix for WebGL1 context creation

nice, i was wondering about that crazy breaking change .... in a minor patch :-S can we rename it webgl1=false though? then we're in line with three and at the same time reverting is leaner <Canvas webgl1 ... />

giulioz

comment created time in 3 days

push eventreact-spring/react-three-fiber

Paul Henschel

commit sha 0a76d71da64348ae8de6e917bb7faaff8d048c15

Update readme.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 2806e3ff51659680b0d6d7620b19824709ecf270

Update README.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha a4f54bd907721c23f0eb15dcff8c06c639793e32

Update README.md

view details

push time in 3 days

created tagreact-spring/react-postprocessing

tagv1.1.0

📬 postprocessing wrapper for React

created time in 3 days

created tagreact-spring/react-postprocessing

tagv1.0.0

📬 postprocessing wrapper for React

created time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 1b9e43907b4e38621b2320ee6d7f58ce4ebc0aa2

1.0.0

view details

Paul Henschel

commit sha e1fda8b8681baf871f8a4e67796abe27b897afca

1.1.0

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 2721a584e0a857e7fcb4ffffef420de9f27d6037

Update README.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 815440da597178b6c55d0c16ab56ba9e7da3bf5b

Update README.md

view details

push time in 3 days

push eventgsimone/r3f-bubbles

Paul Henschel

commit sha 8254aa02239d29c574cb56ed856ae31a27215b7a

~105 LOC

view details

push time in 3 days

push eventgsimone/r3f-bubbles

Paul Henschel

commit sha 21dd5ac2a2360bf077b2c91e1bbadd36bb28ba10

115 lines

view details

push time in 3 days

push eventgsimone/r3f-bubbles

Paul Henschel

commit sha f583275e0ca179665c74bcc37f2d4e3e88c43168

wipe out glsl folders

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha f611ced63b770c951f880d5e0e7d8692070a90e1

Update api.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 7d85db084bba6d7869c67f06fafcd2b5d9816ee2

Update README.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 0ae978386af2436e186deeab686b326bad48c0fc

Update README.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 9ca946b0594428a4c362a78cb16087133ece2416

Update README.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha bc3fde4815ee708a294585c6b500aaaef812a910

Update api.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 7da644ccf069a4abbe0cfbabb7d02e4878dc1696

Update api.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 52785005502fee8e7c0ba66b2038b884cad77531

Update and rename effects.md to api.md

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha d905f5a210d1301fc40b2006c82d3a763584e8cd

Update README.md

view details

push time in 3 days

push eventgsimone/r3f-bubbles

Paul Henschel

commit sha f6e22f623f72b2667d65d6ee9cde5775a0416822

fix pp

view details

Paul Henschel

commit sha 52e1a24f2ee0a8c471bbfe5a54201356e03f1e2c

Merge branch 'master' of https://github.com/gsimone/r3f-demo

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 6158c8f587517c93a57e173869f4e028f0db0212

some fixes

view details

Paul Henschel

commit sha 568c8b89e22e1a4faa3447470193742792a27408

version up

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 2245ebc3e91ea85883f68ea95a9a15fc92fc6a1c

add some blending defaults

view details

push time in 3 days

push eventreact-spring/react-postprocessing

Paul Henschel

commit sha 554669e5e7a65593935e0cdb3e3ed6c3177410bc

support for blendmode opacity

view details

push time in 3 days

issue commentreact-spring/react-three-fiber

How can I use GLTFLoader?

You don't need to check if gltf is undefined, suspense components are async. If useLoader had finished loading you will be able to use the results guaranteed, if the loading process has errors the component will crash and you catch it via error boundaries.

LordOkami

comment created time in 4 days

issue commentreact-spring/react-three-fiber

Switching default renderer causes error for versions later than 4.0.28

well useframe will be called if you change props or invalidate, just like the internal one.

viglucci

comment created time in 5 days

push eventdrcmda/threeparcel

Paul Henschel

commit sha 6f09b2a60fa4783f02db46dacaa52faa3b13fe08

fix styles

view details

push time in 5 days

push eventdrcmda/threeparcel

Paul Henschel

commit sha d1600fbe8618e7a10ba7da1900b0b8a378cd45aa

no need for a root div

view details

Paul Henschel

commit sha db07bbdc55a7b49835f4e8a00c1e483df1f05a04

Merge branch 'master' of https://github.com/drcmda/threeparcel

view details

push time in 5 days

push eventdrcmda/threeparcel

Paul Henschel

commit sha 6416b092e3a4310b8fa648c93fccc193a9f810e0

Create readme.md

view details

push time in 5 days

create barnchdrcmda/threeparcel

branch : master

created branch time in 5 days

created repositorydrcmda/threeparcel

created time in 5 days

issue commentreact-spring/react-three-fiber

Switching default renderer causes error for versions later than 4.0.28

you can do that in useFrame, there you have full control over how you render. you absolutely dont need to switch renderers for this. see https://github.com/react-spring/react-three-fiber/discussions/592

viglucci

comment created time in 5 days

issue commentreact-spring/react-three-fiber

CubeTextureLoader can't be used with useLoader

it works, but you need to wrap it into an array, see: https://codesandbox.io/s/r3f-ibl-envmap-simple-p5zf9

const [cubeMap] = useLoader(CubeTextureLoader, [['px.hdr', 'nx.hdr', 'py.hdr', 'ny.hdr', 'pz.hdr', 'nz.hdr']])
gsimone

comment created time in 5 days

push eventreact-spring/react-three-fiber

Paul Henschel

commit sha 365bb3d09d973ec8a8691c86589dfccc53977e54

Update api.md

view details

push time in 5 days

issue commentgoogle/closure-compiler

"import *" seems to be broken

@blickly i am using @ampproject/rollup-plugin-closure-compiler which pulls in google-closure-compiler and sets up node resolution and esm, so that it understands imports. the online compiler seems to be set to BROWSER.

the project is here: https://github.com/react-spring/react-three-fiber/tree/v5

and this is our config: https://github.com/react-spring/react-three-fiber/blob/v5/rollup.config.js#L73-L78

it prepends the missing import statement as plain text right now as a workaround

drcmda

comment created time in 5 days

push eventreact-spring/react-three-fiber

Paul Henschel

commit sha 6ba8559001ca1d0639bdaf2ab7f489a642ce9b41

closure seems to work

view details

Paul Henschel

commit sha f2bfa9fde2de6476857e288ec3fbf98479612ebd

remove closure from cjs for now

view details

push time in 5 days

push eventreact-spring/react-three-fiber

Paul Henschel

commit sha cfb9d3122660083627f8742258c1ea5fadd4f7f0

Update recipes.md

view details

push time in 5 days

issue commentreact-spring/react-three-fiber

Switching default renderer causes error for versions later than 4.0.28

what's this for, or ... what's your goal?

in v5 we plan to rewrite that part, because the current implementation needs some extra data attached to the scene in order to function.

viglucci

comment created time in 5 days

push eventreact-spring/drei

Paul Henschel

commit sha d22d2c3ed2d1fc53c8c1f125c1d8499c5ef839ac

fix softshadows in HMR

view details

Paul Henschel

commit sha 01f2ba9b8f60505432facc7648218d3c37c2d35e

Merge branch 'master' of https://github.com/drcmda/drei

view details

Paul Henschel

commit sha 33f693b8e2b3bfb9d7bfb5e62b3acd0612313274

0.0.67

view details

push time in 5 days

created tagreact-spring/drei

tagv0.0.67

🌭 useful helpers for react-three-fiber

created time in 5 days

issue commentreact-spring/react-three-fiber

How to have a pop-up text like questions or text-field on a touch-point

you can use the Html component from the "drei" npm lib, it allows you to bind a HTML view to a threejs model/group/mesh.

clydekarnage

comment created time in 6 days

push eventreact-spring/react-three-fiber

Paul Henschel

commit sha ed7d1e3d793665da7a21b3f1e60859f228b47bc3

remove comments

view details

push time in 6 days

created tagreact-spring/react-three-fiber

tagv4.2.18

A React renderer for Three.js (web and react-native)

created time in 6 days

push eventreact-spring/react-three-fiber

Paul Henschel

commit sha 4c69252f2b4c0745c20ca246392b50869a259179

fix pointercapture/stoppropagation #596

view details

Paul Henschel

commit sha e74883acf1fd7619cfaff2c60eedd2affdadceb2

4.2.18

view details

push time in 6 days

issue openedreact-spring/react-three-fiber

pointercapture breaks when non capturing events stop propagation

https://codesandbox.io/s/setpointercapture-4jeye?file=/src/App.js

created time in 6 days

issue commentreact-spring/react-postprocessing

Can we open a discussions channel here?

discussions is a beta feature. a while ago (github) directly contacted a couple of repo owners to give them access. not sure when they'll officially unveil it.

robksawyer

comment created time in 6 days

push eventreact-spring/react-three-fiber

Paul Henschel

commit sha aa280489c8a5060e7b281ccc65df857f4cf40a29

add closure compiler

view details

push time in 8 days

push eventreact-spring/drei

Paul Henschel

commit sha 02e86bad9bf8836d39b6ff6f4c1432307ce9b4a3

0.0.66

view details

push time in 8 days

created tagreact-spring/drei

tagv0.0.66

🌭 useful helpers for react-three-fiber

created time in 8 days

push eventreact-spring/drei

Gianmarco

commit sha f7307d5860b4f142fbb6da9ff77cac8f41877f87

Adds .npmignore file to ignore storybook files in npm releases (#65)

view details

push time in 8 days

PR merged react-spring/drei

Reviewers
Adds .npmignore file to ignore storybook files in npm releases

@drcmda I added this to make sure storybook files are not included in the npm package - since there are actual draco binaries, sounds, etc

+2 -0

0 comment

1 changed file

gsimone

pr closed time in 8 days

created tagreact-spring/drei

tagv0.0.64

🌭 useful helpers for react-three-fiber

created time in 8 days

created tagreact-spring/drei

tagv0.0.65

🌭 useful helpers for react-three-fiber

created time in 8 days

push eventreact-spring/drei

Paul Henschel

commit sha 9fab6b716a19803896dc4e9ac0d09d6f8f1989fa

update deps

view details

Paul Henschel

commit sha 51ebb2e681083b3c5e787a0060dad299d415fec7

0.0.64

view details

Paul Henschel

commit sha da60de69e462d1a6497714d655a4be6b952d7fcf

fix merge up deps

view details

Paul Henschel

commit sha 851c688aa16c7ea4bef418390dc0aaed3ff19c0a

0.0.65

view details

push time in 8 days

push eventreact-spring/drei

Flo

commit sha d22bebeb8a5012425287e94dd5896f58dd20ec02

add Reflector component (#73)

view details

push time in 8 days

PR merged react-spring/drei

Add Reflector component

Adds Reflector component.

I recreated the threejs exemple to illustrate:

https://codesandbox.io/s/jolly-benz-pmk9j

Original: https://threejs.org/examples/#webgl_mirror

+80 -0

4 comments

4 changed files

flo-pereira

pr closed time in 8 days

pull request commentreact-spring/drei

Add Reflector component

this is a nice idea! the only thing i dont understand is the cloneElement just to add attach. the problem with cloning is that it breaks composition:

function Foo = () => <planeBufferGeometry args={[2, 5]} />

<Reflector>
  <Foo />
</Reflector>

I think if we explain that attach is needed it would be more versatile.

btw attach will fall be automated in v5 anyway, you don't have to write out for materials and geometries.

flo-pereira

comment created time in 8 days

push eventreact-spring/drei

Luca

commit sha e60c18c6e4d52f316c25353155823e1facd849fd

Add <FlyControls /> (#64) * Add <FlyControls /> * Added Flycontrols to index * Removed useEffect. Using delta from useFrame. * Updated README. * Added fly controls story. Co-authored-by: lucathebest <luca_marangon@inapl.com>

view details

push time in 8 days

more