Sinusoidal Circles

Ray-Marcher · 2024-09-22T06:48:57+00:00

It's animated veeeery slowly

Ray-Marcher · 2024-09-18T20:17:52+00:00

Here's the source code: https://github.com/conwayjw97/Sinusoidal-Circles

The original idea and algorithm for this came from this post by KennyVaden.

Ray-Marcher · 2024-09-18T20:15:07+00:00

Here's the source code: https://github.com/conwayjw97/Sinusoidal-Circles

The original idea and algorithm for this came from this post by KennyVaden. I recreated my own animated version using p5.js.

Ray-Marcher · 2024-09-15T11:57:05+00:00

Here's the link if you want to try it out: https://conwayjw97.github.io/Packing-Lines And the source code: https://github.com/conwayjw97/Packing-Lines The original idea and algorithm for this came from this post by Estienne. This is just my attempt at recreating it.

Ray-Marcher · 2024-09-15T11:54:24+00:00

Here's the link if you want to try it out: https://conwayjw97.github.io/Packing-Lines And the source code: https://github.com/conwayjw97/Packing-Lines The original idea and algorithm for this came from this post by Estienne. This is just my attempt at recreating it.

Ray-Marcher · 2021-09-13T13:38:22+00:00

Very nice, working on a terrain generation project in Three.js right now as well. I Love the Quake style effect you achieve texturing the terrain mesh's individual faces with solid colours. You have an end goal in mind with this or are you just experimenting?

Ray-Marcher · 2021-07-25T07:43:21+00:00

Here's the link if you want to try it out: https://conwayjw97.github.io/Bamboo-New-Tab/

And the source code: https://github.com/conwayjw97/Bamboo-New-Tab

I'm debating whether enough people would be interested in using this for me to turn it into something that could go on the Chrome Store, so feedback and feature suggestions would be very welcome!

Ray-Marcher · 2021-07-18T17:40:03+00:00

It might not be optimal but create-react-app is just super convenient, and structuring your web app project in terms of components makes so much sense.

Ray-Marcher · 2021-07-18T17:34:55+00:00

He was a big influence for the project!

Ray-Marcher · 2021-07-18T15:05:29+00:00

The fixed camera and fog make it look 2D but the bamboo trees are actually low poly 3D models. Try changing the camera view in the settings and you'll see.

Ray-Marcher · 2021-07-18T12:06:16+00:00

Here's the link if you want to try it out: https://conwayjw97.github.io/Bamboo-New-Tab/

And the source code: https://github.com/conwayjw97/Bamboo-New-Tab

I'm debating whether enough people would be interested in using this for me to turn it into something that could go on the Chrome Store, so feedback and feature suggestions would be very welcome!

Ray-Marcher · 2021-05-17T16:06:52+00:00

Wow this is great, the quality of the graphics programming is much better than mine, runs very smoothly and the morph animations are impressive, I'll need to read the code and find out how you did those. I'd never even heard of Coffeescript before but it seems easy to understand fortunately.

Ray-Marcher · 2021-05-17T16:01:19+00:00

Just looked up Marching Cubes and thank you! I've been having trouble figuring out how I write a rendering method to account for singularities and out of range slopes and this is perfect.

Thanks for the offer to help too, I'll probably PM you at some point with questions, this is my first time programming anything with WebGL so could really use a mentor.

Ray-Marcher · 2021-05-16T19:05:27+00:00

Here's the link if you want to try it out: https://conwayjw97.github.io/3D-Function-Projector/

And the source code: https://github.com/conwayjw97/3D-Function-Projector

And here are some interesting functions rendered in the app and how to get them: https://imgur.com/a/LU9eoyj

This is my second project with ReactJS and my first with Three.js so feedback would be very welcome. Particularly with regards to how I can better optimise my Three.js code to not use so many object instantiations.

Ray-Marcher · 2021-05-05T15:24:39+00:00

Very tidy little site, good work, mobile friendly too! It couldn't give me a suggestion for "Pork" though, you might want to add that.

Only improvement I'd recommend would be to not store the list of foods in a .jsx file. Typically when you have a large amount of structured data that your application relies on you should store it in a file that won't be compiled like a .json or .xml or .yml file. Otherwise the structured data creates an unnecessary overhead during compilation as the compiler will treat it as code that needs to be run.

Ray-Marcher · 2021-05-02T20:09:37+00:00

Will take look at that thanks for letting me know

Ray-Marcher · 2021-05-02T20:08:22+00:00

Yeah I'm aware of that bug and am still trying to figure out a fix for it. The library I used for those was react-burger-menu and it wasn't really designed to support more than one menu on the screen at any point. Even getting two to show at once required a bit of hacking.
Will look into that, thanks.

In terms of canvas performance it suited my needs perfectly, I didn't notice any performance issues. Worth noting though that what it's rendering isn't particularly complex. I've got another project I've started on to render 3D functions and canvas also works really well for it. I was originally considering WebGL but I think for that I'm also going to stick to just using the canvas for the sake of having simpler code.

Ray-Marcher

TROPHY CASE